Agentic Chat Natural conversation with frontend tool execution
chat-ui
Tool Rendering Backend agent tools rendered as UI components
agent-capabilities
Agentic Generative UI Long-running agent tasks with generated UI
generative-ui
State Streaming Per-token state delta streaming from agent to UI
agent-state
Shared State (Read + Write) Bidirectional agent state — UI writes preferences, agent writes notes back
agent-state
Sub-Agents Multiple agents with visible task delegation
multi-agent
Pre-Built: Sidebar Docked sidebar chat via <CopilotSidebar />
chat-ui
Pre-Built: Popup Floating popup chat via <CopilotPopup />
chat-ui
Chat Customization (Slots) Customize CopilotChat via its slot system
chat-ui
Chat Customization (CSS) Default CopilotChat re-themed via CopilotKit CSS variables
chat-ui
Headless Chat (Simple) Minimal custom chat surface built on useAgent
chat-ui
In-Chat Human in the Loop User approves agent actions before execution
interactivity
In-Chat Human in the Loop (Time Picker) Agent proposes a meeting time; user confirms or adjusts via an in-chat card before the agent proceeds
interactivity
In-App Human in the Loop (Frontend Tools + async HITL) Agent requests approval via useFrontendTool with an async handler; the approval UI pops up as an app-level modal OUTSIDE the chat
interactivity
Frontend Tools (In-App Actions) Agent invokes client-side handlers registered with useFrontendTool
interactivity
Readonly State (Agent Context) Frontend provides read-only context to the agent via useAgentContext
agent-state
Tool Rendering (Default Catch-all) Out-of-the-box default tool-call card via useDefaultRenderTool()
generative-ui
Tool Rendering (Custom Catch-all) Single branded wildcard renderer via useDefaultRenderTool
generative-ui
Frontend Tools (Async) useFrontendTool with an async handler — agent awaits a client-side notes-DB query and uses the returned result
interactivity
Agentic Chat (Reasoning) Visible reasoning chain via a custom ReasoningBlock slot — Agno reasoning agent emits AG-UI REASONING_MESSAGE_* events
chat-ui reasoning
Reasoning (Default Render) Zero-config reasoning rendering — CopilotKit's built-in CopilotChatReasoningMessage handles the AGUI reasoning events
chat-ui reasoning
Tool Rendering (Reasoning Chain) Reasoning card + sequential tool-call renderers (per-tool + catch-all) on the same reasoning-enabled Agno agent
agent-capabilities reasoning
Headless Chat (Complete) Full chat built from scratch on useAgent — custom bubbles, input bar, and manual generative-UI composition via useRenderToolCall
chat-ui
Gen UI Interrupt (Frontend Tool + async Promise) In-chat time-picker card via useFrontendTool with an async handler that blocks until the user picks a slot — Agno adaptation of the LangGraph interrupt() primitive
interactivity
Headless Interrupt (Frontend Tool + async Promise) Time-picker popup rendered outside the chat in the app surface via useFrontendTool with an async handler — Agno adaptation of the LangGraph headless interrupt pattern
interactivity
Authentication Bearer-token gate via the V2 runtime onRequest hook — dedicated /api/copilotkit-auth route rejects unauthenticated requests
runtime
Tool-Based Generative UI Agent uses tools to trigger UI generation — frontend renders a haiku card from a generate_haiku tool call
generative-ui
In-Chat HITL (Booking) Time-picker card rendered inline via useHumanInTheLoop for a booking flow — same surface as hitl-in-chat, branded for the booking scenario
interactivity
MCP Apps MCP-provided tools rendered inline as sandboxed UI via the runtime's mcpApps middleware
generative-ui
Open Generative UI Agent-authored HTML + CSS streamed into a sandboxed iframe via the runtime's openGenerativeUI middleware
generative-ui
Open Generative UI (Advanced) Sandboxed iframe with host-side sandbox functions the agent's UI can call back into via Websandbox.connection.remote
generative-ui
Agent Config Object Frontend forwards a typed config object (tone, expertise, response length) the Agno agent reads per turn to compose its system prompt
runtime
Voice Input Microphone + sample-audio button → /transcribe endpoint → text injected into the chat composer
chat-ui
Multimodal Attachments Image + PDF attachments forwarded to a vision-capable Agno agent via CopilotChat's attachments config
chat-ui
BYOC: Hashbrown Streaming structured output rendered progressively via @hashbrownai/react useUiKit + useJsonParser
generative-ui byoc
BYOC: JSON Render Agent emits a json-render spec; the page renders it against a Zod-validated catalog (MetricCard, BarChart, PieChart)
generative-ui byoc
Beautiful Chat Polished landing-style chat shell over the shared Agno agent — gradient background, suggestion pills, and an example dashboard surface
chat-ui
Declarative Generative UI (A2UI Dynamic) Agent dynamically composes UI per turn from a registered frontend catalog — secondary LLM call inside the backend `generate_a2ui` tool emits an a2ui_operations container that the A2UI middleware forwards to the catalog renderer
generative-ui a2ui
A2UI Fixed Schema Schema is authored ahead of time as JSON; the agent only streams data into the data model. `display_flight` emits an a2ui_operations container directly with no secondary LLM call
generative-ui a2ui