# CopilotKit Docs

> Docs, live demos, and integrations for CopilotKit — the frontend framework for AI agents.

## Pages

- [MCP, A2A, and AG-UI](https://docs.copilotkit.ai/ag-ui/agentic-protocols): Understanding how AG-UI complements and works with MCP and A2A
- [Agents](https://docs.copilotkit.ai/ag-ui/concepts/agents): Learn about agents in the Agent User Interaction Protocol
- [Core architecture](https://docs.copilotkit.ai/ag-ui/concepts/architecture): Understand how AG-UI connects front-end applications to AI agents
- [Capabilities](https://docs.copilotkit.ai/ag-ui/concepts/capabilities): Dynamic capability discovery for agents in the AG-UI protocol
- [Events](https://docs.copilotkit.ai/ag-ui/concepts/events): Understanding events in the Agent User Interaction Protocol
- [Generative UI](https://docs.copilotkit.ai/ag-ui/concepts/generative-ui-specs): Understanding AG-UI's relationship with generative UI specifications
- [Messages](https://docs.copilotkit.ai/ag-ui/concepts/messages): Understanding message structure and communication in AG-UI
- [Middleware](https://docs.copilotkit.ai/ag-ui/concepts/middleware): Transform and intercept events in AG-UI agents
- [Reasoning](https://docs.copilotkit.ai/ag-ui/concepts/reasoning): Support for LLM reasoning visibility and continuity in AG-UI
- [Serialization](https://docs.copilotkit.ai/ag-ui/concepts/serialization): Serialize event streams for history restore, branching, and compaction in AG-UI
- [State Management](https://docs.copilotkit.ai/ag-ui/concepts/state): Understanding state synchronization between agents and frontends in AG-UI
- [Tools](https://docs.copilotkit.ai/ag-ui/concepts/tools): Understanding tools and how they enable human-in-the-loop AI workflows
- [Contributing](https://docs.copilotkit.ai/ag-ui/development/contributing): How to participate in Agent User Interaction Protocol development
- [Roadmap](https://docs.copilotkit.ai/ag-ui/development/roadmap): Our plans for evolving Agent User Interaction Protocol
- [What's New](https://docs.copilotkit.ai/ag-ui/development/updates): The latest updates and improvements to AG-UI
- [Generative User Interfaces](https://docs.copilotkit.ai/ag-ui/drafts/generative-ui): AI-generated interfaces without custom tool renderers
- [Interrupt-Aware Run Lifecycle](https://docs.copilotkit.ai/ag-ui/drafts/interrupts): Native support for human-in-the-loop pauses and interrupts
- [Meta Events](https://docs.copilotkit.ai/ag-ui/drafts/meta-events): Annotations and signals independent of agent runs
- [Multi-modal Messages](https://docs.copilotkit.ai/ag-ui/drafts/multimodal-messages): Support for multimodal input messages including text, images, audio, video, and documents
- [Overview](https://docs.copilotkit.ai/ag-ui/drafts/overview): Draft changes being considered for the AG-UI protocol
- [Integrations](https://docs.copilotkit.ai/ag-ui/integrations): A list of AG-UI integrations
- [AG-UI Overview](https://docs.copilotkit.ai/ag-ui/introduction)
- [Build applications](https://docs.copilotkit.ai/ag-ui/quickstart/applications): Build agentic applications utilizing compatible event AG-UI event streams
- [Build clients](https://docs.copilotkit.ai/ag-ui/quickstart/clients): Build a conversational CLI agent from scratch using AG-UI and Mastra
- [Introduction](https://docs.copilotkit.ai/ag-ui/quickstart/introduction): Learn how to get started building an AG-UI integration
- [Middleware](https://docs.copilotkit.ai/ag-ui/quickstart/middleware): Connect to existing protocols, in process agents or custom solutions via AG-UI
- [Server](https://docs.copilotkit.ai/ag-ui/quickstart/server): Implement AG-UI compatible servers
- [AgUiClient](https://docs.copilotkit.ai/ag-ui/sdk/dart/client/client): Main client class for AG-UI server connectivity
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/dart/client/overview): Client package overview
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/dart/core/events): Event types and handling in the AG-UI Dart SDK
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/dart/core/overview): Core concepts in the Agent User Interaction Protocol Dart SDK
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/dart/core/types): Core type definitions for the AG-UI Dart SDK
- [Encoder](https://docs.copilotkit.ai/ag-ui/sdk/dart/encoder/overview): Binary encoding and decoding for the AG-UI protocol
- [Dart SDK](https://docs.copilotkit.ai/ag-ui/sdk/dart/overview): AG-UI Protocol Dart implementation
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/go/client/overview): Client package overview for Go SDK
- [SSE Client](https://docs.copilotkit.ai/ag-ui/sdk/go/client/sse-client): Server-Sent Events client for connecting to AG-UI agents
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/go/core/events): Documentation for the events used in the Go AG-UI Protocol SDK
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/go/core/overview): Core concepts in the Agent User Interaction Protocol Go SDK
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/go/core/types): Documentation for the core types used in the Agent User Interaction Protocol Go SDK
- [Encoding Overview](https://docs.copilotkit.ai/ag-ui/sdk/go/encoding/overview): Documentation for encoding and serialization in the AG-UI Go SDK
- [Error Handling](https://docs.copilotkit.ai/ag-ui/sdk/go/errors/overview): Comprehensive error handling utilities for the AG-UI Go SDK
- [Go SDK Overview](https://docs.copilotkit.ai/ag-ui/sdk/go/overview): Connect to AG-UI agents using the official Go SDK
- [AbstractAgent](https://docs.copilotkit.ai/ag-ui/sdk/java/client/abstract-agent): Base agent implementation with core event handling (Java)
- [HttpAgent](https://docs.copilotkit.ai/ag-ui/sdk/java/client/http-agent): HTTP-based agent for connecting to remote AI agents (Java)
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/java/client/overview): Client package overview for the Java SDK
- [AgentSubscriber](https://docs.copilotkit.ai/ag-ui/sdk/java/client/subscriber): Event subscriber interface for reactive agent interaction (Java)
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/java/core/events): Java event types used by the Agent User Interaction Protocol
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/java/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Event Stream](https://docs.copilotkit.ai/ag-ui/sdk/java/core/stream): Java event stream interfaces and usage
- [Subscription](https://docs.copilotkit.ai/ag-ui/sdk/java/core/subscription): Subscribe to agent events and manage listeners
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/java/core/types): Core types used by the Java SDK
- [Java SDK Overview](https://docs.copilotkit.ai/ag-ui/sdk/java/overview): Connect to AG-UI agents using the official Java SDK
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/java/server/overview): Build Java servers that stream AG-UI events
- [Spring](https://docs.copilotkit.ai/ag-ui/sdk/java/server/spring): Build Java servers that stream AG-UI events
- [AbstractAgent](https://docs.copilotkit.ai/ag-ui/sdk/js/client/abstract-agent): Base agent implementation with core event handling
- [Stream Compaction](https://docs.copilotkit.ai/ag-ui/sdk/js/client/compaction): compactEvents utility for reducing verbose streaming sequences
- [HttpAgent](https://docs.copilotkit.ai/ag-ui/sdk/js/client/http-agent): HTTP-based agent for connecting to remote AI agents
- [Middleware](https://docs.copilotkit.ai/ag-ui/sdk/js/client/middleware): Event stream transformation and filtering for AG-UI agents
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/js/client/overview): Client package overview
- [AgentSubscriber](https://docs.copilotkit.ai/ag-ui/sdk/js/client/subscriber): Event-driven subscriber system for agent lifecycle and event handling
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/js/core/events): Documentation for the events used in the Agent User Interaction Protocol SDK
- [Multimodal Inputs](https://docs.copilotkit.ai/ag-ui/sdk/js/core/multimodal-inputs): Use modality-specific user input parts with typed data/url sources in @ag-ui/core
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/js/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/js/core/types): Documentation for the core types used in the Agent User Interaction Protocol SDK
- [AbstractAgent](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/client/abstract-agent): Base class for implementing custom agent connectivity patterns
- [AgUiAgent](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/client/agui-agent): Stateless client for AG-UI protocol interactions
- [HttpAgent](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/client/http-agent): Low-level HTTP transport implementation for AG-UI protocol
- [Client Module Overview](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/client/overview): High-level agent implementations and client infrastructure for the Kotlin SDK
- [StatefulAgUiAgent](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/client/stateful-agui-agent): Stateful client that automatically manages conversation history
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/core/events): Complete reference for AG-UI protocol events in the Kotlin SDK
- [Core Module Overview](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/core/overview): Protocol types, events, and message definitions for the AG-UI protocol
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/core/types): Protocol message types and data structures for the AG-UI protocol
- [Kotlin SDK Overview](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/overview): Kotlin Multiplatform SDK for building AI agent user interfaces with the AG-UI protocol
- [Tools Module Overview](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/tools/overview): Client-side tool execution framework for the Kotlin SDK
- [ToolExecutor](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/tools/tool-executor): Interface for implementing custom client-side tools
- [ToolRegistry](https://docs.copilotkit.ai/ag-ui/sdk/kotlin/tools/tool-registry): Registry for managing and executing client-side tools
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/python/core/events): Documentation for the events used in the Agent User Interaction Protocol Python SDK
- [Multimodal Inputs](https://docs.copilotkit.ai/ag-ui/sdk/python/core/multimodal-inputs): Use modality-specific user input parts with typed data/url sources in ag_ui.core
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/python/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/python/core/types): Documentation for the core types used in the Agent User Interaction Protocol Python SDK
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/python/encoder/overview): Documentation for encoding Agent User Interaction Protocol events
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/ruby/core/events): Documentation for the events used in the Agent User Interaction Protocol (Ruby SDK)
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/ruby/core/overview): Core concepts in the Agent User Interaction Protocol (Ruby SDK)
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/ruby/core/types): Documentation for the core types used in the Agent User Interaction Protocol (Ruby SDK)
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/ruby/encoder/overview): Documentation for encoding Agent User Interaction Protocol events (Ruby SDK)
- [Ruby SDK Overview](https://docs.copilotkit.ai/ag-ui/sdk/ruby/overview): Connect to AG-UI agents using the official Ruby SDK
- [Agent](https://docs.copilotkit.ai/ag-ui/sdk/rust/client/agent-trait): Agent trait with core event handling
- [HttpAgent](https://docs.copilotkit.ai/ag-ui/sdk/rust/client/http-agent): HTTP-based Agent implementation for connecting to remote AI agents
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/rust/client/overview): Client package overview for the Rust SDK
- [AgentSubscriber](https://docs.copilotkit.ai/ag-ui/sdk/rust/client/subscriber): Subscriber trait for agent lifecycle and event handling
- [Events](https://docs.copilotkit.ai/ag-ui/sdk/rust/core/events): Streaming events emitted by agents
- [Overview](https://docs.copilotkit.ai/ag-ui/sdk/rust/core/overview): Core types and events used by the Rust SDKs
- [Types](https://docs.copilotkit.ai/ag-ui/sdk/rust/core/types): Core data types used by the Rust SDK
- [Rust SDK](https://docs.copilotkit.ai/ag-ui/sdk/rust/overview): Overview of the AG‑UI Rust SDKs
- [Developing with Cursor](https://docs.copilotkit.ai/ag-ui/tutorials/cursor): Use Cursor to build AG-UI implementations faster
- [Debugging](https://docs.copilotkit.ai/ag-ui/tutorials/debugging): A comprehensive guide to debugging Agent User Interaction Protocol (AG-UI) integrations
- [Introduction](https://docs.copilotkit.ai/ag2): Bring your AG2 agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/ag2/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Authentication](https://docs.copilotkit.ai/ag2/auth): Secure your AG2 backend with user authentication on /chat
- [Coding Agents](https://docs.copilotkit.ai/ag2/coding-agents): Use our MCP server to connect your AG2 agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/ag2/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/ag2/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/ag2/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/ag2/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/ag2/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/ag2/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/ag2/frontend-tools): Create frontend actions and use them within your agent.
- [A2UI](https://docs.copilotkit.ai/ag2/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/ag2/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/ag2/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/ag2/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/ag2/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/ag2/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human-in-the-Loop](https://docs.copilotkit.ai/ag2/human-in-the-loop): Create frontend tools and use them within your AG2 agent for human-in-the-loop interactions.
- [Inspector](https://docs.copilotkit.ai/ag2/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/ag2/prebuilt-components): Drop-in chat components for your AG2 agent.
- [Fully Headless UI](https://docs.copilotkit.ai/ag2/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/ag2/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/ag2/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/ag2/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/ag2/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/ag2/quickstart): Turn your AG2 Agents into an agent-native application in 5 minutes.
- [Readables](https://docs.copilotkit.ai/ag2/readables): Share app specific context with your agent.
- [Shared State](https://docs.copilotkit.ai/ag2/shared-state): Create a two-way connection between your UI and AG2 agent state.
- [Reading agent state](https://docs.copilotkit.ai/ag2/shared-state/read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/ag2/shared-state/write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/ag2/telemetry)
- [Threads](https://docs.copilotkit.ai/ag2/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/ag2/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/ag2/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/ag2/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/ag2/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/ag2/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Agent Config](https://docs.copilotkit.ai/agent-config): Forward typed configuration from your UI into the agent's reasoning loop.
- [Open Agent Spec](https://docs.copilotkit.ai/agent-spec): Bring your Agent‑Spec agents to your users with CopilotKit via AG‑UI.
- [Human-in-the-Loop](https://docs.copilotkit.ai/agent-spec/human-in-the-loop): Create frontend tools and use them within your Agent Spec AI agent for human-in-the-loop interactions.
- [Agent Spec LangGraph Integration with AG-UI](https://docs.copilotkit.ai/agent-spec/langgraph): Install pyagentspec with the LangGraph adapter and expose a FastAPI endpoint that streams AG‑UI events for CopilotKit.
- [Quickstart](https://docs.copilotkit.ai/agent-spec/quickstart): Set up Agent Spec + AG‑UI and connect a CopilotKit UI. Includes per‑adapter install steps and a minimal endpoint.
- [Agent Spec WayFlow Integration with AG-UI](https://docs.copilotkit.ai/agent-spec/wayflow): Connect an Agent Spec (WayFlow runtime) to CopilotKit via the AG‑UI endpoint and stream agent runs to the UI.
- [Chat Components](https://docs.copilotkit.ai/agentic-chat-ui): Customizable, drop-in components for building AI-powered chat interfaces
- [Overview](https://docs.copilotkit.ai/agentic-protocols): CopilotKit connects to your agents through the Agentic Protocol of your choice
- [A2A](https://docs.copilotkit.ai/agentic-protocols/a2a): Bring your A2A agents to your users through AG-UI and CopilotKit.
- [AG-UI](https://docs.copilotkit.ai/agentic-protocols/ag-ui): Bring your agents from any framework to your users through AG-UI and CopilotKit.
- [AG-UI Middleware](https://docs.copilotkit.ai/agentic-protocols/ag-ui-middleware): Configure AG-UI middleware for your CopilotKit application.
- [MCP](https://docs.copilotkit.ai/agentic-protocols/mcp): Integrate Model Context Protocol (MCP) servers into your React applications
- [Introduction](https://docs.copilotkit.ai/agno): Bring your Agno agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/agno/ag-ui): The AG-UI protocol connects your frontend to your Agno agents via event-based Server-Sent Events (SSE).
- [Coding Agents](https://docs.copilotkit.ai/agno/coding-agents): Use our MCP server to connect your Agno agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/agno/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/agno/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/agno/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/agno/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/agno/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/agno/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots for Agno.
- [Frontend Tools](https://docs.copilotkit.ai/agno/frontend-tools): Create frontend tools and use them within your Agno agent.
- [A2UI](https://docs.copilotkit.ai/agno/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/agno/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [Tool Rendering](https://docs.copilotkit.ai/agno/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/agno/generative-ui/your-components/display-only): Register React components that your agent can render in the chat for Agno.
- [Interactive](https://docs.copilotkit.ai/agno/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user for Agno.
- [Human-in-the-Loop](https://docs.copilotkit.ai/agno/human-in-the-loop): Create frontend tools and use them within your Agno agent for human-in-the-loop interactions.
- [Inspector](https://docs.copilotkit.ai/agno/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/agno/prebuilt-components): Drop-in chat components for your Agno agent.
- [Fully Headless UI](https://docs.copilotkit.ai/agno/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/agno/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/agno/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/agno/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/agno/programmatic-control): Control your Agno agent programmatically with useAgent and copilotkit.runAgent().
- [Quickstart](https://docs.copilotkit.ai/agno/quickstart): Turn your Agno agent into an agent-native application in 10 minutes.
- [Anonymous Telemetry](https://docs.copilotkit.ai/agno/telemetry)
- [Threads](https://docs.copilotkit.ai/agno/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/agno/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/agno/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/agno/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/agno/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/agno/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Authentication](https://docs.copilotkit.ai/auth): Pass user auth context from your frontend to the agent so it can scope tools, data, and decisions to the signed-in user.
- [Connect AG-UI agents](https://docs.copilotkit.ai/backend/ag-ui): How CopilotKit uses the AG-UI protocol to connect your frontend to your Built-in Agent.
- [Copilot Runtime](https://docs.copilotkit.ai/backend/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Use any model router](https://docs.copilotkit.ai/backend/custom-agent): Use BuiltInAgent's factory mode to bring your own AI SDK, TanStack AI, or custom LLM backend.
- [Built-in Agent](https://docs.copilotkit.ai/built-in-agent): CopilotKit's no-external-process agent backend — runs the agent loop in-process via the runtime, no separate framework or service required.
- [Advanced Configuration](https://docs.copilotkit.ai/built-in-agent/advanced-configuration): Fine-tune your Built-in Agent's behavior with advanced options.
- [AG-UI](https://docs.copilotkit.ai/built-in-agent/ag-ui): The AG-UI protocol connects your frontend to your Built-in Agent via event-based Server-Sent Events (SSE).
- [Agent Context](https://docs.copilotkit.ai/built-in-agent/agent-app-context): Share app-specific context with your Built-in Agent.
- [Coding Agents](https://docs.copilotkit.ai/built-in-agent/coding-agents): Use our MCP server to connect your Built-in Agent to CopilotKit.
- [Copilot Runtime](https://docs.copilotkit.ai/built-in-agent/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Factory Mode](https://docs.copilotkit.ai/built-in-agent/custom-agent): Use BuiltInAgent's factory mode to bring your own AI SDK, TanStack AI, or custom LLM backend.
- [Fully Headless UI](https://docs.copilotkit.ai/built-in-agent/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/built-in-agent/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots for Built-in Agent.
- [Frontend Tools](https://docs.copilotkit.ai/built-in-agent/frontend-tools): Define frontend tools for your Built-in Agent.
- [A2UI](https://docs.copilotkit.ai/built-in-agent/generative-ui/a2ui): Google's declarative, LLM-friendly Generative UI specification
- [MCP Apps](https://docs.copilotkit.ai/built-in-agent/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [Tool Rendering](https://docs.copilotkit.ai/built-in-agent/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/built-in-agent/generative-ui/your-components/display-only): Register React components that your agent can render in the chat for Built-in Agent.
- [Interactive](https://docs.copilotkit.ai/built-in-agent/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user for Built-in Agent.
- [Inspector](https://docs.copilotkit.ai/built-in-agent/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [MCP Servers](https://docs.copilotkit.ai/built-in-agent/mcp-servers): Connect MCP servers to your Built-in Agent, with support for persistent clients, tool caching, and dynamic auth.
- [Model Selection](https://docs.copilotkit.ai/built-in-agent/model-selection): Choose and configure models for your Built-in Agent.
- [Prebuilt Components](https://docs.copilotkit.ai/built-in-agent/prebuilt-components): Drop-in chat components for your Built-in Agent.
- [Fully Headless UI](https://docs.copilotkit.ai/built-in-agent/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/built-in-agent/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/built-in-agent/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/built-in-agent/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/built-in-agent/programmatic-control): Control your Built-in Agent programmatically with useAgent and copilotkit.runAgent().
- [Quickstart](https://docs.copilotkit.ai/built-in-agent/quickstart): Get started with CopilotKit's Built-in Agent in minutes.
- [Server Tools](https://docs.copilotkit.ai/built-in-agent/server-tools): Define backend tools for your Built-in Agent.
- [Shared State](https://docs.copilotkit.ai/built-in-agent/shared-state): Bidirectional state sharing between your app and the Built-in Agent.
- [Threads](https://docs.copilotkit.ai/built-in-agent/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/built-in-agent/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/built-in-agent/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/built-in-agent/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/built-in-agent/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/built-in-agent/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Next Steps](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/next-steps)
- [Overview](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/overview)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/step-2-setup-copilotkit)
- [Step 4: Copilot Textarea](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/step-3-copilot-textarea)
- [Step 3: Copilot Readable State](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-powered-textarea/step-4-copilot-readable-state)
- [Next Steps](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/next-steps)
- [Overview](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/overview)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/step-2-setup-copilotkit)
- [Step 3: Copilot Readable State](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/step-3-copilot-readable-state)
- [Step 4: Frontend Tools](https://docs.copilotkit.ai/built-in-agent/tutorials/ai-todo-app/step-4-frontend-tools)
- [Coding Agents](https://docs.copilotkit.ai/coding-agents): Use our MCP server to connect your AI agents and backends to CopilotKit.
- [Architecture](https://docs.copilotkit.ai/concepts/architecture): How CopilotKit's pieces fit together — a React frontend, a runtime in your app server, and an agent backend, all talking AG-UI.
- [Generative UI](https://docs.copilotkit.ai/concepts/generative-ui-overview): How CopilotKit lets agents drive UI — the primitives it ships, what each one is for, and how to pick the right one.
- [OSS vs Enterprise](https://docs.copilotkit.ai/concepts/oss-vs-enterprise): What ships in CopilotKit's open-source core versus what's part of the Enterprise (Enterprise Intelligence Platform) layer — Threads, Persistence, Observability, Self-Hosting.
- [Code Contributions](https://docs.copilotkit.ai/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/contributing/docs-contributions)
- [Introduction](https://docs.copilotkit.ai/crewai-crews): Bring your CrewAI Flows agents to your users with CopilotKit.
- [Disabling state streaming](https://docs.copilotkit.ai/crewai-crews/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.copilotkit.ai/crewai-crews/advanced/emit-messages)
- [Exiting the agent loop](https://docs.copilotkit.ai/crewai-crews/advanced/exit-agent)
- [AG-UI](https://docs.copilotkit.ai/crewai-crews/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Coding Agents](https://docs.copilotkit.ai/crewai-crews/coding-agents): Use our MCP server to connect your CrewAI Flows agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/crewai-crews/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/crewai-crews/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/crewai-crews/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/crewai-crews/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/crewai-crews/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/crewai-crews/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/crewai-crews/frontend-tools): Create frontend tools and use them within your CrewAI Flows agent.
- [A2UI](https://docs.copilotkit.ai/crewai-crews/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/crewai-crews/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/crewai-crews/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/crewai-crews/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/crewai-crews/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/crewai-crews/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human in the Loop (HITL)](https://docs.copilotkit.ai/crewai-crews/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [CrewAI Flows](https://docs.copilotkit.ai/crewai-crews/human-in-the-loop/flow): Learn how to implement Human-in-the-Loop (HITL) using CrewAI Flows.
- [Inspector](https://docs.copilotkit.ai/crewai-crews/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/crewai-crews/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Loading Agent State](https://docs.copilotkit.ai/crewai-crews/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.copilotkit.ai/crewai-crews/persistence/loading-message-history): Learn how to maintain persistent conversations across sessions with CrewAI Flows.
- [Message Persistence](https://docs.copilotkit.ai/crewai-crews/persistence/message-persistence)
- [Prebuilt Components](https://docs.copilotkit.ai/crewai-crews/prebuilt-components): Drop-in chat components for your CrewAI Flows agent.
- [Fully Headless UI](https://docs.copilotkit.ai/crewai-crews/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/crewai-crews/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/crewai-crews/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/crewai-crews/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/crewai-crews/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/crewai-crews/quickstart): Turn your CrewAI Flows into an agent-native application in 10 minutes.
- [Shared State](https://docs.copilotkit.ai/crewai-crews/shared-state): Create a two-way connection between your UI and CrewAI Flow agent state.
- [Reading agent state](https://docs.copilotkit.ai/crewai-crews/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/crewai-crews/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/crewai-crews/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.copilotkit.ai/crewai-crews/telemetry)
- [Threads](https://docs.copilotkit.ai/crewai-crews/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/crewai-crews/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/crewai-crews/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [CSS Customization](https://docs.copilotkit.ai/custom-look-and-feel/css): Theme CopilotKit components via CSS variables and class overrides.
- [Fully Headless UI](https://docs.copilotkit.ai/custom-look-and-feel/headless-ui): Build any UI — chat or not — on top of the CopilotKit primitives with zero UI opinions.
- [Reasoning Messages](https://docs.copilotkit.ai/custom-look-and-feel/reasoning-messages): Customize how reasoning (thinking) tokens from models like o1, o3, and o4-mini are displayed.
- [Slots (Subcomponents)](https://docs.copilotkit.ai/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Deep Agents](https://docs.copilotkit.ai/deepagents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.copilotkit.ai/deploy/agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [CopilotKit in Action](https://docs.copilotkit.ai/examples): Need some inspiration? Check out some things we've built with CopilotKit.
- [Common Questions](https://docs.copilotkit.ai/faq): We've got answers to some common questions!
- [Frontend Tools](https://docs.copilotkit.ai/frontend-tools): Let your agent interact with and update your application's UI.
- [Generative UI](https://docs.copilotkit.ai/generative-ui): Let your agent generate interactive UI components
- [A2UI](https://docs.copilotkit.ai/generative-ui/a2ui): Render rich, declarative UI surfaces from your agent using the A2UI protocol.
- [Dynamic Schema A2UI](https://docs.copilotkit.ai/generative-ui/a2ui/dynamic-schema): LLM-generated A2UI — a secondary LLM creates both the schema and data from any prompt.
- [Fixed Schema A2UI](https://docs.copilotkit.ai/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed.
- [Display components](https://docs.copilotkit.ai/generative-ui/display): Register React components that your agent can render in the chat.
- [BYOC — Hashbrown](https://docs.copilotkit.ai/generative-ui/hashbrown): Bring your own component library. Have the agent stream structured output and let Hashbrown's progressive JSON parser render it as React components in real time.
- [Interactive components](https://docs.copilotkit.ai/generative-ui/interactive): Create approval flows where the agent pauses and waits for human input.
- [BYOC — JSON Render](https://docs.copilotkit.ai/generative-ui/json-render): Bring your own component library. Have the agent emit a JSON spec and let json-render render it against a Zod-validated catalog of React components.
- [MCP Apps](https://docs.copilotkit.ai/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [Open Generative UI](https://docs.copilotkit.ai/generative-ui/open-generative-ui): Let agents generate fully interactive HTML/CSS/JS UIs that stream live into the chat.
- [Open-JSON-UI](https://docs.copilotkit.ai/generative-ui/open-json-ui): OpenAI's open standardization of declarative Generative UI
- [Reasoning](https://docs.copilotkit.ai/generative-ui/reasoning): Surface the agent's thinking chain in the chat — default or fully custom.
- [State Rendering](https://docs.copilotkit.ai/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Components as Tools](https://docs.copilotkit.ai/generative-ui/tool-based): Let your agent render rich React components directly in the chat by calling them as tools.
- [Tool Call Rendering](https://docs.copilotkit.ai/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Frontend Tools](https://docs.copilotkit.ai/google-adk/frontend-tools): Create frontend tools and use them within your ADK agent.
- [State Rendering](https://docs.copilotkit.ai/google-adk/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/google-adk/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Human-in-the-Loop](https://docs.copilotkit.ai/google-adk/human-in-the-loop): Create frontend tools and use them within your ADK agent for human-in-the-loop interactions.
- [Quickstart](https://docs.copilotkit.ai/google-adk/quickstart): Turn your ADK Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.copilotkit.ai/google-adk/shared-state): Create a two-way connection between your UI and agent state.
- [Reading agent state](https://docs.copilotkit.ai/google-adk/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/google-adk/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/google-adk/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Workflow Execution](https://docs.copilotkit.ai/google-adk/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend.
- [Headless UI](https://docs.copilotkit.ai/headless): Build fully custom chat interfaces with complete rendering control via hooks.
- [HITL Overview](https://docs.copilotkit.ai/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [Headless Interrupts](https://docs.copilotkit.ai/human-in-the-loop/headless): Resolve agent interrupts from any UI, without a useInterrupt render slot.
- [Pausing the Agent for Input](https://docs.copilotkit.ai/human-in-the-loop/useInterrupt): Pause an agent run mid-tool, hand control to a custom React component, and resume with the user's answer.
- [Inspector](https://docs.copilotkit.ai/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Introduction](https://docs.copilotkit.ai/langgraph-fastapi): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.copilotkit.ai/langgraph-fastapi/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.copilotkit.ai/langgraph-fastapi/advanced/emit-messages)
- [Exiting the agent loop](https://docs.copilotkit.ai/langgraph-fastapi/advanced/exit-agent)
- [Loading Agent State](https://docs.copilotkit.ai/langgraph-fastapi/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.copilotkit.ai/langgraph-fastapi/advanced/persistence/loading-message-history): Learn how to load chat messages and threads within the CopilotKit framework.
- [Message Persistence](https://docs.copilotkit.ai/langgraph-fastapi/advanced/persistence/message-persistence)
- [AG-UI](https://docs.copilotkit.ai/langgraph-fastapi/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.copilotkit.ai/langgraph-fastapi/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.copilotkit.ai/langgraph-fastapi/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Common LangGraph issues](https://docs.copilotkit.ai/langgraph-fastapi/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.copilotkit.ai/langgraph-fastapi/coagent-troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate from v0.2 to v0.3](https://docs.copilotkit.ai/langgraph-fastapi/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Coding Agents](https://docs.copilotkit.ai/langgraph-fastapi/coding-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [Configurable](https://docs.copilotkit.ai/langgraph-fastapi/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.copilotkit.ai/langgraph-fastapi/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/langgraph-fastapi/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/langgraph-fastapi/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/langgraph-fastapi/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Headless UI](https://docs.copilotkit.ai/langgraph-fastapi/custom-look-and-feel/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Slots](https://docs.copilotkit.ai/langgraph-fastapi/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Deep Agents](https://docs.copilotkit.ai/langgraph-fastapi/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.copilotkit.ai/langgraph-fastapi/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.copilotkit.ai/langgraph-fastapi/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui/dynamic-schema): LLM-generated A2UI — a secondary LLM creates both the schema and data from any prompt.
- [Fixed Schema A2UI](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed.
- [Styling](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui/styling): Customize the appearance of A2UI surfaces with CSS custom properties, fonts, and component-level overrides.
- [MCP Apps](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Interrupt-based](https://docs.copilotkit.ai/langgraph-fastapi/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Interrupts](https://docs.copilotkit.ai/langgraph-fastapi/human-in-the-loop/interrupt-flow): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Inspector](https://docs.copilotkit.ai/langgraph-fastapi/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/langgraph-fastapi/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.copilotkit.ai/langgraph-fastapi/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.copilotkit.ai/langgraph-fastapi/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Observability](https://docs.copilotkit.ai/langgraph-fastapi/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/langgraph-fastapi/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/langgraph-fastapi/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/langgraph-fastapi/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/langgraph-fastapi/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/langgraph-fastapi/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/langgraph-fastapi/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.copilotkit.ai/langgraph-fastapi/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.copilotkit.ai/langgraph-fastapi/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.copilotkit.ai/langgraph-fastapi/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.copilotkit.ai/langgraph-fastapi/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/langgraph-fastapi/telemetry)
- [Threads](https://docs.copilotkit.ai/langgraph-fastapi/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/langgraph-fastapi/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.copilotkit.ai/langgraph-fastapi/videos/research-canvas)
- [Introduction](https://docs.copilotkit.ai/langgraph-python): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.copilotkit.ai/langgraph-python/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.copilotkit.ai/langgraph-python/advanced/emit-messages)
- [Exiting the agent loop](https://docs.copilotkit.ai/langgraph-python/advanced/exit-agent)
- [Loading Agent State](https://docs.copilotkit.ai/langgraph-python/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.copilotkit.ai/langgraph-python/advanced/persistence/loading-message-history): Learn how to load chat messages and threads within the CopilotKit framework.
- [Message Persistence](https://docs.copilotkit.ai/langgraph-python/advanced/persistence/message-persistence)
- [AG-UI](https://docs.copilotkit.ai/langgraph-python/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.copilotkit.ai/langgraph-python/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.copilotkit.ai/langgraph-python/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Common LangGraph issues](https://docs.copilotkit.ai/langgraph-python/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.copilotkit.ai/langgraph-python/coagent-troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate from v0.2 to v0.3](https://docs.copilotkit.ai/langgraph-python/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Coding Agents](https://docs.copilotkit.ai/langgraph-python/coding-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [Configurable](https://docs.copilotkit.ai/langgraph-python/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.copilotkit.ai/langgraph-python/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/langgraph-python/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/langgraph-python/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/langgraph-python/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Headless UI](https://docs.copilotkit.ai/langgraph-python/custom-look-and-feel/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Slots](https://docs.copilotkit.ai/langgraph-python/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Deep Agents](https://docs.copilotkit.ai/langgraph-python/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.copilotkit.ai/langgraph-python/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.copilotkit.ai/langgraph-python/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.copilotkit.ai/langgraph-python/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.copilotkit.ai/langgraph-python/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.copilotkit.ai/langgraph-python/generative-ui/a2ui/dynamic-schema): LLM-generated A2UI — a secondary LLM creates both the schema and data from any prompt.
- [Fixed Schema A2UI](https://docs.copilotkit.ai/langgraph-python/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed.
- [Styling](https://docs.copilotkit.ai/langgraph-python/generative-ui/a2ui/styling): Customize the appearance of A2UI surfaces with CSS custom properties, fonts, and component-level overrides.
- [MCP Apps](https://docs.copilotkit.ai/langgraph-python/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/langgraph-python/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.copilotkit.ai/langgraph-python/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/langgraph-python/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/langgraph-python/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Interrupt-based](https://docs.copilotkit.ai/langgraph-python/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Interrupts](https://docs.copilotkit.ai/langgraph-python/human-in-the-loop/interrupt-flow): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Inspector](https://docs.copilotkit.ai/langgraph-python/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/langgraph-python/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.copilotkit.ai/langgraph-python/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.copilotkit.ai/langgraph-python/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Observability](https://docs.copilotkit.ai/langgraph-python/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/langgraph-python/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/langgraph-python/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/langgraph-python/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/langgraph-python/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/langgraph-python/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/langgraph-python/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.copilotkit.ai/langgraph-python/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.copilotkit.ai/langgraph-python/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.copilotkit.ai/langgraph-python/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.copilotkit.ai/langgraph-python/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/langgraph-python/telemetry)
- [Threads](https://docs.copilotkit.ai/langgraph-python/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/langgraph-python/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.copilotkit.ai/langgraph-python/videos/research-canvas)
- [Introduction](https://docs.copilotkit.ai/langgraph-typescript): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.copilotkit.ai/langgraph-typescript/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.copilotkit.ai/langgraph-typescript/advanced/emit-messages)
- [Exiting the agent loop](https://docs.copilotkit.ai/langgraph-typescript/advanced/exit-agent)
- [Loading Agent State](https://docs.copilotkit.ai/langgraph-typescript/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.copilotkit.ai/langgraph-typescript/advanced/persistence/loading-message-history): Learn how to load chat messages and threads within the CopilotKit framework.
- [Message Persistence](https://docs.copilotkit.ai/langgraph-typescript/advanced/persistence/message-persistence)
- [AG-UI](https://docs.copilotkit.ai/langgraph-typescript/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.copilotkit.ai/langgraph-typescript/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.copilotkit.ai/langgraph-typescript/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Common LangGraph issues](https://docs.copilotkit.ai/langgraph-typescript/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.copilotkit.ai/langgraph-typescript/coagent-troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate from v0.2 to v0.3](https://docs.copilotkit.ai/langgraph-typescript/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Coding Agents](https://docs.copilotkit.ai/langgraph-typescript/coding-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [Configurable](https://docs.copilotkit.ai/langgraph-typescript/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.copilotkit.ai/langgraph-typescript/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/langgraph-typescript/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/langgraph-typescript/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/langgraph-typescript/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Headless UI](https://docs.copilotkit.ai/langgraph-typescript/custom-look-and-feel/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Slots](https://docs.copilotkit.ai/langgraph-typescript/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Deep Agents](https://docs.copilotkit.ai/langgraph-typescript/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.copilotkit.ai/langgraph-typescript/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.copilotkit.ai/langgraph-typescript/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/a2ui/dynamic-schema): LLM-generated A2UI — a secondary LLM creates both the schema and data from any prompt.
- [Fixed Schema A2UI](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed.
- [Styling](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/a2ui/styling): Customize the appearance of A2UI surfaces with CSS custom properties, fonts, and component-level overrides.
- [MCP Apps](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Interrupt-based](https://docs.copilotkit.ai/langgraph-typescript/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Interrupts](https://docs.copilotkit.ai/langgraph-typescript/human-in-the-loop/interrupt-flow): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Inspector](https://docs.copilotkit.ai/langgraph-typescript/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/langgraph-typescript/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.copilotkit.ai/langgraph-typescript/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.copilotkit.ai/langgraph-typescript/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Observability](https://docs.copilotkit.ai/langgraph-typescript/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/langgraph-typescript/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/langgraph-typescript/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/langgraph-typescript/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/langgraph-typescript/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/langgraph-typescript/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/langgraph-typescript/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.copilotkit.ai/langgraph-typescript/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.copilotkit.ai/langgraph-typescript/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.copilotkit.ai/langgraph-typescript/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.copilotkit.ai/langgraph-typescript/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/langgraph-typescript/telemetry)
- [Threads](https://docs.copilotkit.ai/langgraph-typescript/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/langgraph-typescript/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app)
- [Next Steps](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.copilotkit.ai/langgraph-typescript/videos/research-canvas)
- [Introduction](https://docs.copilotkit.ai/llamaindex): Bring your LlamaIndex agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/llamaindex/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Coding Agents](https://docs.copilotkit.ai/llamaindex/coding-agents): Use our MCP server to connect your LlamaIndex agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/llamaindex/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/llamaindex/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/llamaindex/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/llamaindex/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/llamaindex/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/llamaindex/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/llamaindex/frontend-tools): Create frontend tools and use them within your LlamaIndex agent.
- [A2UI](https://docs.copilotkit.ai/llamaindex/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/llamaindex/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/llamaindex/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/llamaindex/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/llamaindex/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/llamaindex/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human-in-the-Loop](https://docs.copilotkit.ai/llamaindex/human-in-the-loop): Create frontend tools and use them within your LlamaIndex agent for human-in-the-loop interactions.
- [Inspector](https://docs.copilotkit.ai/llamaindex/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/llamaindex/multi-agent-flows): Use multiple LlamaIndex agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.copilotkit.ai/llamaindex/prebuilt-components): Drop-in chat components for your LlamaIndex agent.
- [Fully Headless UI](https://docs.copilotkit.ai/llamaindex/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/llamaindex/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/llamaindex/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/llamaindex/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/llamaindex/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/llamaindex/quickstart): Turn your LlamaIndex Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.copilotkit.ai/llamaindex/shared-state): Create a two-way connection between your UI and agent state.
- [Reading agent state](https://docs.copilotkit.ai/llamaindex/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/llamaindex/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/llamaindex/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Workflow Execution](https://docs.copilotkit.ai/llamaindex/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend.
- [Workflow Execution](https://docs.copilotkit.ai/llamaindex/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend.
- [Anonymous Telemetry](https://docs.copilotkit.ai/llamaindex/telemetry)
- [Threads](https://docs.copilotkit.ai/llamaindex/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/llamaindex/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/llamaindex/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/llamaindex/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/llamaindex/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/llamaindex/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.copilotkit.ai/mastra): Bring your Mastra agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/mastra/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Agent App Context](https://docs.copilotkit.ai/mastra/agent-app-context): Share app specific context with your agent.
- [Coding Agents](https://docs.copilotkit.ai/mastra/coding-agents): Use our MCP server to connect your Mastra agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/mastra/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/mastra/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/mastra/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/mastra/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/mastra/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/mastra/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/mastra/frontend-tools): Create frontend tools and use them within your Mastra agent.
- [A2UI](https://docs.copilotkit.ai/mastra/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/mastra/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/mastra/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/mastra/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/mastra/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/mastra/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human-in-the-Loop](https://docs.copilotkit.ai/mastra/human-in-the-loop): Learn how to implement Human-in-the-Loop (HITL) using Mastra Agents.
- [Interrupts](https://docs.copilotkit.ai/mastra/human-in-the-loop/interrupt-flow): Learn how to implement Human-in-the-Loop (HITL) using Mastra's native tool suspension.
- [Tool-based](https://docs.copilotkit.ai/mastra/human-in-the-loop/tool-based): Implement HITL with Mastra using frontend tools that render UI and collect user input.
- [Inspector](https://docs.copilotkit.ai/mastra/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/mastra/prebuilt-components): Drop-in chat components for your Mastra agent.
- [Fully Headless UI](https://docs.copilotkit.ai/mastra/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/mastra/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/mastra/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/mastra/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/mastra/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/mastra/quickstart): Turn your Mastra Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.copilotkit.ai/mastra/shared-state): Create a two-way connection between your UI and Mastra agent state.
- [Reading agent state](https://docs.copilotkit.ai/mastra/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/mastra/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/mastra/telemetry)
- [Threads](https://docs.copilotkit.ai/mastra/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/mastra/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/mastra/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/mastra/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/mastra/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/mastra/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Migrate to 1.8.2](https://docs.copilotkit.ai/migrate/1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/migrate/v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.copilotkit.ai/ms-agent-dotnet): Bring your Microsoft Agent Framework agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/ms-agent-dotnet/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.copilotkit.ai/ms-agent-dotnet/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.copilotkit.ai/ms-agent-dotnet/auth): Secure your Microsoft Agent Framework agents with user authentication
- [Coding Agents](https://docs.copilotkit.ai/ms-agent-dotnet/coding-agents): Use our MCP server to connect your Microsoft Agent Framework agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/ms-agent-dotnet/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/ms-agent-dotnet/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/ms-agent-dotnet/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/ms-agent-dotnet/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/ms-agent-dotnet/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/ms-agent-dotnet/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/ms-agent-dotnet/frontend-tools): Create frontend tools and use them within your Microsoft Agent Framework agent.
- [A2UI](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/ms-agent-dotnet/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human-in-the-loop](https://docs.copilotkit.ai/ms-agent-dotnet/human-in-the-loop): Create frontend tools and use them within your agent framework agent.
- [Inspector](https://docs.copilotkit.ai/ms-agent-dotnet/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/ms-agent-dotnet/prebuilt-components): Drop-in chat components for your Microsoft Agent Framework agent.
- [Fully Headless UI](https://docs.copilotkit.ai/ms-agent-dotnet/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/ms-agent-dotnet/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/ms-agent-dotnet/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/ms-agent-dotnet/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/ms-agent-dotnet/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/ms-agent-dotnet/quickstart): Turn your Microsoft Agent Framework agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/ms-agent-dotnet/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/ms-agent-dotnet/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/ms-agent-dotnet/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.copilotkit.ai/ms-agent-dotnet/telemetry)
- [Threads](https://docs.copilotkit.ai/ms-agent-dotnet/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/ms-agent-dotnet/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to V2](https://docs.copilotkit.ai/ms-agent-dotnet/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.copilotkit.ai/ms-agent-python): Bring your Microsoft Agent Framework agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/ms-agent-python/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.copilotkit.ai/ms-agent-python/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.copilotkit.ai/ms-agent-python/auth): Secure your Microsoft Agent Framework agents with user authentication
- [Coding Agents](https://docs.copilotkit.ai/ms-agent-python/coding-agents): Use our MCP server to connect your Microsoft Agent Framework agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/ms-agent-python/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/ms-agent-python/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/ms-agent-python/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/ms-agent-python/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/ms-agent-python/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/ms-agent-python/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/ms-agent-python/frontend-tools): Create frontend tools and use them within your Microsoft Agent Framework agent.
- [A2UI](https://docs.copilotkit.ai/ms-agent-python/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/ms-agent-python/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/ms-agent-python/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/ms-agent-python/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/ms-agent-python/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/ms-agent-python/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human-in-the-loop](https://docs.copilotkit.ai/ms-agent-python/human-in-the-loop): Create frontend tools and use them within your agent framework agent.
- [Inspector](https://docs.copilotkit.ai/ms-agent-python/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/ms-agent-python/prebuilt-components): Drop-in chat components for your Microsoft Agent Framework agent.
- [Fully Headless UI](https://docs.copilotkit.ai/ms-agent-python/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/ms-agent-python/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/ms-agent-python/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/ms-agent-python/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/ms-agent-python/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/ms-agent-python/quickstart): Turn your Microsoft Agent Framework agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/ms-agent-python/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/ms-agent-python/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/ms-agent-python/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.copilotkit.ai/ms-agent-python/telemetry)
- [Threads](https://docs.copilotkit.ai/ms-agent-python/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/ms-agent-python/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to V2](https://docs.copilotkit.ai/ms-agent-python/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Sub-Agents](https://docs.copilotkit.ai/multi-agent/subagents): Decompose work across multiple specialized agents with a visible delegation log.
- [Multimodal Attachments](https://docs.copilotkit.ai/multimodal-attachments): Let users send images, audio, video, and documents to the AI alongside their messages.
- [Prebuilt Components](https://docs.copilotkit.ai/prebuilt-components): Drop-in chat components with a full customization ladder — from pure CSS to fully headless.
- [CopilotChat](https://docs.copilotkit.ai/prebuilt-components/chat): Inline chat component you can place anywhere and size as needed.
- [CopilotPopup](https://docs.copilotkit.ai/prebuilt-components/popup): Floating chat bubble that toggles open an overlay chat window.
- [CopilotSidebar](https://docs.copilotkit.ai/prebuilt-components/sidebar): Drop-in collapsible sidebar chat that wraps your main content.
- [Fully Headless UI](https://docs.copilotkit.ai/premium/headless-ui): Build chat interfaces from the ground up with the `useCopilotChatHeadless_c` hook — zero UI opinions, full generative UI + suggestions + interrupts support.
- [How the Enterprise Intelligence Platform Works](https://docs.copilotkit.ai/premium/intelligence-platform): Architecture of the Enterprise Intelligence Platform — the app-api, app-frontend, and realtime-gateway services, the control-plane/data-plane split, the multi-tenancy model, and the operational model for self-hosted Helm deployments (secret rotation, health checks, scaling, and the hosted-vs-self-hosted decision).
- [Observability](https://docs.copilotkit.ai/premium/observability): First-class observability hooks for chat events, user interactions, and system errors — wire them into Sentry, Datadog, New Relic, OpenTelemetry, or your analytics stack.
- [CopilotKit Premium](https://docs.copilotkit.ai/premium/overview): Premium features for CopilotKit — commercial license, fully headless UI, observability hooks, hosted Copilot Cloud, and more.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/premium/self-hosting): Deploy the CopilotKit Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [How Threads & Persistence Work](https://docs.copilotkit.ai/premium/threads-explained): Architecture and mental model behind CopilotKit threads — how persistent conversations work, how reconnection replays history, and what to expect from thread lifecycle operations.
- [Programmatic Control](https://docs.copilotkit.ai/programmatic-control): Drive agent runs directly from code — no chat UI required.
- [Overview](https://docs.copilotkit.ai/pydantic-ai): Bring your Pydantic AI agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/pydantic-ai/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Coding Agents](https://docs.copilotkit.ai/pydantic-ai/coding-agents): Use our MCP server to connect your Pydantic AI agents to CopilotKit.
- [Copilot Runtime](https://docs.copilotkit.ai/pydantic-ai/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/pydantic-ai/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/pydantic-ai/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.copilotkit.ai/pydantic-ai/frontend-tools): Create frontend tools and use them within your Pydantic AI agent.
- [A2UI](https://docs.copilotkit.ai/pydantic-ai/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/pydantic-ai/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/pydantic-ai/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/pydantic-ai/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/pydantic-ai/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/pydantic-ai/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Human in the Loop (HITL)](https://docs.copilotkit.ai/pydantic-ai/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [Pydantic AI Agents](https://docs.copilotkit.ai/pydantic-ai/human-in-the-loop/agent): Learn how to implement Human-in-the-Loop (HITL) using Pydantic AI Agents.
- [Inspector](https://docs.copilotkit.ai/pydantic-ai/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.copilotkit.ai/pydantic-ai/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.copilotkit.ai/pydantic-ai/prebuilt-components): Drop-in chat components for your Pydantic AI agent.
- [Fully Headless UI](https://docs.copilotkit.ai/pydantic-ai/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/pydantic-ai/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/pydantic-ai/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/pydantic-ai/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/pydantic-ai/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/pydantic-ai/quickstart): Turn your Pydantic AI agent into an agent-native application in 10 minutes.
- [Quickstart](https://docs.copilotkit.ai/pydantic-ai/quickstart/pydantic-ai): Turn your Pydantic AI Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.copilotkit.ai/pydantic-ai/shared-state): Create a two-way connection between your UI and Pydantic AI agent state.
- [Reading agent state](https://docs.copilotkit.ai/pydantic-ai/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/pydantic-ai/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.copilotkit.ai/pydantic-ai/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Threads](https://docs.copilotkit.ai/pydantic-ai/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/pydantic-ai/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/pydantic-ai/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Quickstart](https://docs.copilotkit.ai/quickstart): Get started with CopilotKit — pick your framework to see the full quickstart guide.
- [React Native](https://docs.copilotkit.ai/react-native): Get started with CopilotKit in React Native.
- [API Reference](https://docs.copilotkit.ai/reference): API Reference for the next-generation CopilotKit React API.
- [CopilotChat](https://docs.copilotkit.ai/reference/components/CopilotChat): High-level chat component that connects an agent to a chat view
- [CopilotChatAssistantMessage](https://docs.copilotkit.ai/reference/components/CopilotChatAssistantMessage): Component for displaying assistant messages with Markdown, tool calls, and an action toolbar
- [CopilotChatInput](https://docs.copilotkit.ai/reference/components/CopilotChatInput): Primary text input and control surface for chat interactions
- [CopilotChatMessageView](https://docs.copilotkit.ai/reference/components/CopilotChatMessageView): Component for rendering a list of chat messages
- [CopilotChatUserMessage](https://docs.copilotkit.ai/reference/components/CopilotChatUserMessage): Component for displaying user-authored messages with branch navigation
- [CopilotChatView](https://docs.copilotkit.ai/reference/components/CopilotChatView): Layout component that combines a scrollable transcript with the input area
- [CopilotKit](https://docs.copilotkit.ai/reference/components/CopilotKit): The CopilotKit provider component, wrapping your application.
- [CopilotPopup](https://docs.copilotkit.ai/reference/components/CopilotPopup): Popup variant of CopilotChat that renders in a floating panel with a toggle button
- [CopilotSidebar](https://docs.copilotkit.ai/reference/components/CopilotSidebar): Sidebar variant of CopilotChat that renders in a fixed side panel
- [useAgent](https://docs.copilotkit.ai/reference/hooks/useAgent): React hook for accessing AG-UI agent instances
- [useAgentContext](https://docs.copilotkit.ai/reference/hooks/useAgentContext): React hook for providing dynamic context to agents
- [useComponent](https://docs.copilotkit.ai/reference/hooks/useComponent): Register a React component as a frontend tool renderer in chat
- [useConfigureSuggestions](https://docs.copilotkit.ai/reference/hooks/useConfigureSuggestions): React hook for configuring chat suggestions
- [useCopilotChatConfiguration](https://docs.copilotkit.ai/reference/hooks/useCopilotChatConfiguration): React hook and provider for chat UI configuration and labels
- [useCopilotKit](https://docs.copilotkit.ai/reference/hooks/useCopilotKit): Low-level React hook for accessing the CopilotKit context
- [useDefaultRenderTool](https://docs.copilotkit.ai/reference/hooks/useDefaultRenderTool): Register a wildcard default renderer for unhandled tool calls
- [useFrontendTool](https://docs.copilotkit.ai/reference/hooks/useFrontendTool): React hook for registering client-side tool handlers with optional UI rendering
- [useHumanInTheLoop](https://docs.copilotkit.ai/reference/hooks/useHumanInTheLoop): React hook for interactive tools that pause agent execution and wait for user input
- [useInterrupt](https://docs.copilotkit.ai/reference/hooks/useInterrupt): React hook for handling agent interrupt events and resuming execution with user input
- [useRenderTool](https://docs.copilotkit.ai/reference/hooks/useRenderTool): Register typed renderers for tool calls, by tool name or wildcard
- [useRenderToolCall](https://docs.copilotkit.ai/reference/hooks/useRenderToolCall): React hook that returns a renderer function for tool calls in the chat interface
- [useSuggestions](https://docs.copilotkit.ai/reference/hooks/useSuggestions): React hook for accessing chat suggestions
- [useThreads](https://docs.copilotkit.ai/reference/hooks/useThreads): React hook for listing, managing, and syncing conversation threads with useThreads — rename, archive, delete, and paginate threads with realtime updates via WebSocket.
- [LangGraph SDK](https://docs.copilotkit.ai/reference/sdk/js/LangGraph): The CopilotKit LangGraph SDK for JavaScript allows you to build and run LangGraph workflows with CopilotKit.
- [CrewAI SDK](https://docs.copilotkit.ai/reference/sdk/python/CrewAI): The CopilotKit CrewAI SDK for Python allows you to build and run CrewAI agents with CopilotKit.
- [CrewAIAgent](https://docs.copilotkit.ai/reference/sdk/python/CrewAIAgent): CrewAIAgent lets you define your agent for use with CopilotKit.
- [LangGraph SDK](https://docs.copilotkit.ai/reference/sdk/python/LangGraph): The CopilotKit LangGraph SDK for Python allows you to build and run LangGraph workflows with CopilotKit.
- [LangGraphAGUIAgent](https://docs.copilotkit.ai/reference/sdk/python/LangGraphAGUIAgent): LangGraphAGUIAgent lets you define your agent for use with CopilotKit.
- [Remote Endpoints](https://docs.copilotkit.ai/reference/sdk/python/RemoteEndpoints): CopilotKit Remote Endpoints allow you to connect actions and agents written in Python to your CopilotKit application.
- [CopilotRuntime](https://docs.copilotkit.ai/reference/v1/classes/CopilotRuntime): Copilot Runtime is the back-end component of CopilotKit, enabling interaction with LLMs.
- [CopilotTask](https://docs.copilotkit.ai/reference/v1/classes/CopilotTask): CopilotTask is used to execute one-off tasks, for example on button click.
- [AnthropicAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/AnthropicAdapter): Copilot Runtime adapter for Anthropic.
- [GoogleGenerativeAIAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/GoogleGenerativeAIAdapter): Copilot Runtime adapter for Google Generative AI (e.g. Gemini).
- [GroqAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/GroqAdapter): Copilot Runtime adapter for Groq.
- [LangChainAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/LangChainAdapter): Copilot Runtime adapter for LangChain.
- [OpenAIAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/OpenAIAdapter): Copilot Runtime adapter for OpenAI.
- [OpenAIAssistantAdapter](https://docs.copilotkit.ai/reference/v1/classes/llm-adapters/OpenAIAssistantAdapter): Copilot Runtime adapter for OpenAI Assistant API.
- [CopilotChat](https://docs.copilotkit.ai/reference/v1/components/chat/CopilotChat): The CopilotChat component, providing a chat interface for interacting with your copilot.
- [CopilotPopup](https://docs.copilotkit.ai/reference/v1/components/chat/CopilotPopup): The CopilotPopup component, providing a popup interface for interacting with your copilot.
- [CopilotSidebar](https://docs.copilotkit.ai/reference/v1/components/chat/CopilotSidebar): The CopilotSidebar component, providing a sidebar interface for interacting with your copilot.
- [CopilotKit](https://docs.copilotkit.ai/reference/v1/components/CopilotKit): The CopilotKit provider component, wrapping your application.
- [CopilotTextarea](https://docs.copilotkit.ai/reference/v1/components/CopilotTextarea): An AI-powered textarea component for your application, which serves as a drop-in replacement for any textarea.
- [useCoAgent](https://docs.copilotkit.ai/reference/v1/hooks/useCoAgent): The useCoAgent hook allows you to share state bidirectionally between your application and the agent.
- [useCoAgentStateRender](https://docs.copilotkit.ai/reference/v1/hooks/useCoAgentStateRender): The useCoAgentStateRender hook allows you to render the state of the agent in the chat.
- [useCopilotAdditionalInstructions](https://docs.copilotkit.ai/reference/v1/hooks/useCopilotAdditionalInstructions): The useCopilotAdditionalInstructions hook allows you to provide additional instructions to the agent.
- [useCopilotChat](https://docs.copilotkit.ai/reference/v1/hooks/useCopilotChat)
- [useCopilotChatHeadless_c](https://docs.copilotkit.ai/reference/v1/hooks/useCopilotChatHeadless_c)
- [useCopilotChatSuggestions](https://docs.copilotkit.ai/reference/v1/hooks/useCopilotChatSuggestions): The useCopilotChatSuggestions hook generates suggestions in the chat window based on real-time app state.
- [useCopilotReadable](https://docs.copilotkit.ai/reference/v1/hooks/useCopilotReadable): The useCopilotReadable hook allows you to provide knowledge to your copilot (e.g. application state).
- [useAgent](https://docs.copilotkit.ai/reference/v2/hooks/useAgent): React hook for accessing AG-UI agent instances
- [useCapabilities](https://docs.copilotkit.ai/reference/v2/hooks/useCapabilities): React hook for reading an agent's declared capabilities
- [Deploy to any runtime](https://docs.copilotkit.ai/runtime-server-adapter): Deploy the CopilotKit runtime on any backend framework — Node.js, Express, Hono, Bun, Deno, Cloudflare Workers, and more.
- [Shared State](https://docs.copilotkit.ai/shared-state): Create a two-way connection between your UI and agent state.
- [Agent Read-Only Context](https://docs.copilotkit.ai/shared-state/agent-readonly): Publish UI values to the agent as a one-way read-only channel via useAgentContext.
- [State Streaming](https://docs.copilotkit.ai/shared-state/streaming): Stream partial agent state updates to the UI while a tool call is still running.
- [Introduction](https://docs.copilotkit.ai/strands): Bring your AWS Strands agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.copilotkit.ai/strands/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Coding Agents](https://docs.copilotkit.ai/strands/coding-agents): Use our MCP server to connect your AWS Strands agents to CopilotKit.
- [Code Contributions](https://docs.copilotkit.ai/strands/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.copilotkit.ai/strands/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.copilotkit.ai/strands/contributing/docs-contributions)
- [Copilot Runtime](https://docs.copilotkit.ai/strands/copilot-runtime): The Copilot Runtime is the backend that connects your frontend to your AI agents, providing authentication, middleware, routing, and more.
- [Fully Headless UI](https://docs.copilotkit.ai/strands/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.copilotkit.ai/strands/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [AWS AgentCore](https://docs.copilotkit.ai/strands/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.copilotkit.ai/strands/frontend-tools): Create frontend tools and use them within your Strands agent.
- [A2UI](https://docs.copilotkit.ai/strands/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.copilotkit.ai/strands/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.copilotkit.ai/strands/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.copilotkit.ai/strands/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.copilotkit.ai/strands/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.copilotkit.ai/strands/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Inspector](https://docs.copilotkit.ai/strands/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.copilotkit.ai/strands/prebuilt-components): Drop-in chat components for your AWS Strands agent.
- [Fully Headless UI](https://docs.copilotkit.ai/strands/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Observability](https://docs.copilotkit.ai/strands/premium/observability): Monitor your CopilotKit application with comprehensive observability hooks. Understand user interactions, chat events, and system errors.
- [CopilotKit Premium](https://docs.copilotkit.ai/strands/premium/overview): Premium features for CopilotKit.
- [Self-Hosting Intelligence](https://docs.copilotkit.ai/strands/premium/self-hosting): Deploy the Enterprise Intelligence Platform to your own Kubernetes cluster with the copilot-intelligence Helm chart — install, configure, and operate the app-api, app-frontend, and realtime-gateway services with your own Postgres, Redis, ingress, and OIDC provider.
- [Programmatic Control](https://docs.copilotkit.ai/strands/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.copilotkit.ai/strands/quickstart): Turn your Strands agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.copilotkit.ai/strands/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.copilotkit.ai/strands/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.copilotkit.ai/strands/telemetry)
- [Threads](https://docs.copilotkit.ai/strands/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/strands/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.copilotkit.ai/strands/troubleshooting/error-debugging): Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
- [Migrate to 1.10.X](https://docs.copilotkit.ai/strands/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.copilotkit.ai/strands/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.copilotkit.ai/strands/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Anonymous Telemetry](https://docs.copilotkit.ai/telemetry)
- [Threads](https://docs.copilotkit.ai/threads): Manage persistent, resumable conversations with useThreads and the Enterprise Intelligence Platform — list, create, rename, archive, and delete threads with realtime sync across devices.
- [Common Copilot Issues](https://docs.copilotkit.ai/troubleshooting/common-issues): Network errors, endpoint not found, tunnel timeouts, and other common issues when wiring up CopilotKit with the Built-in Agent.
- [Debug Mode](https://docs.copilotkit.ai/troubleshooting/debug-mode): Enable debug mode to get detailed logging of the AG-UI event pipeline on both the server and client.
- [Error Debugging & Observability](https://docs.copilotkit.ai/troubleshooting/error-debugging): Surface errors visually in development, and wire programmatic error handlers for Sentry / Datadog / your analytics pipeline in production.
- [AG-UI Event Inspector](https://docs.copilotkit.ai/troubleshooting/event-inspector): Inspect AG-UI events in real time with the VSCode extension
- [Hook Explorer](https://docs.copilotkit.ai/troubleshooting/hook-explorer): Discover and live-preview CopilotKit render hooks without leaving VS Code.
- [Error Observability Connectors](https://docs.copilotkit.ai/troubleshooting/observability-connectors): Manage Error Monitoring, Logging and Alerts.
- [Next Steps](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/next-steps)
- [Overview](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/overview)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/step-2-setup-copilotkit)
- [Step 4: Copilot Textarea](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/step-3-copilot-textarea)
- [Step 3: Copilot Readable State](https://docs.copilotkit.ai/tutorials/ai-powered-textarea/step-4-copilot-readable-state)
- [Next Steps](https://docs.copilotkit.ai/tutorials/ai-todo-app/next-steps)
- [Overview](https://docs.copilotkit.ai/tutorials/ai-todo-app/overview)
- [Step 1: Checkout the repo](https://docs.copilotkit.ai/tutorials/ai-todo-app/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.copilotkit.ai/tutorials/ai-todo-app/step-2-setup-copilotkit)
- [Step 3: Copilot Readable State](https://docs.copilotkit.ai/tutorials/ai-todo-app/step-3-copilot-readable-state)
- [Step 4: Frontend Tools](https://docs.copilotkit.ai/tutorials/ai-todo-app/step-4-frontend-tools)
- [Tutorial: Build a Multi-Conversation Chat App](https://docs.copilotkit.ai/tutorials/multi-conversation-chat): Build a chat application with persistent conversation threads using useThreads and CopilotChat — create, switch, rename, and archive conversations with realtime sync.
- [Voice](https://docs.copilotkit.ai/voice): Real-time speech-to-text in the chat composer. The user speaks, the runtime transcribes, the agent runs the resulting prompt.
- [VS Code Extension](https://docs.copilotkit.ai/vs-code-extension): Live preview your CopilotKit render hooks, A2UI catalog components, and AG-UI event stream — without leaving VS Code.
- [Recent Updates](https://docs.copilotkit.ai/whats-new): Latest updates, features, and announcements from CopilotKit
- [A2A and MCP Handshake](https://docs.copilotkit.ai/whats-new/a2a-mcp-handshake): AG-UI handshakes enable seamless protocol interoperability
- [A2UI Launches with full AG-UI Support](https://docs.copilotkit.ai/whats-new/a2ui-launch): CopilotKit launches with full A2UI compatibility as a Google launch partner
- [Generative UI Spec Support](https://docs.copilotkit.ai/whats-new/generative-ui-spec-support): CopilotKit now supports all major Generative UI specifications
- [LangGraph Deep Agents in CopilotKit](https://docs.copilotkit.ai/whats-new/langgraph-deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications with CopilotKit.
- [Full MCP Apps Support](https://docs.copilotkit.ai/whats-new/mcp-apps-support): CopilotKit and AG-UI make MCP Apps usable inside real, user-facing applications.
- [CopilotKit v1.50](https://docs.copilotkit.ai/whats-new/v1-50): Brand new interfaces, streamlined internals, and no breaking changes