hitl-patterns

Approval workflows in CopilotKit use the useHumanInTheLoop hook to request user approval before executing sensitive actions. Integrate the hook into your React components, configure the ApprovalDialog component with action details, and handle the approval callback to proceed or cancel the operation.

Human-in-the-loop (HITL) pauses automated workflows to collect human feedback, approvals, or input before proceeding. Use it in CopilotKit agents for sensitive decisions, data validation, or option selection where human judgment prevents errors and ensures appropriate oversight.

Yes. The DynamicForm component collects structured user data with typed fields, built-in validation, and submission callbacks. Pair it with useHumanInTheLoop to integrate form collection into your approval and decision workflows within CopilotKit.

Use the useHumanInTheLoop hook with option selection pattern to render choice prompts. Configure the parameters to define available options and handle the user's selection, enabling agents to defer decisions to human users when needed.

Yes. The pattern library is designed for React-based CopilotKit integrations with no external dependencies. Import the useHumanInTheLoop hook and pre-built components (ApprovalDialog, DynamicForm) directly into your existing CopilotKit-powered React application.

The DynamicForm component includes typed field definitions and built-in validation logic. It enforces field constraints, provides validation feedback, and exposes submission callbacks so you can handle validation errors and manage form state within your HITL workflow.