# CopilotKit Docs

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

## Pages

- [Advanced Configuration](https://docs.showcase.copilotkit.ai/advanced-configuration): Fine-tune your Built-in Agent's behavior with advanced options.
- [MCP, A2A, and AG-UI](https://docs.showcase.copilotkit.ai/ag-ui/agentic-protocols): Understanding how AG-UI complements and works with MCP and A2A
- [Agents](https://docs.showcase.copilotkit.ai/ag-ui/concepts/agents): Learn about agents in the Agent User Interaction Protocol
- [Core architecture](https://docs.showcase.copilotkit.ai/ag-ui/concepts/architecture): Understand how AG-UI connects front-end applications to AI agents
- [Capabilities](https://docs.showcase.copilotkit.ai/ag-ui/concepts/capabilities): Dynamic capability discovery for agents in the AG-UI protocol
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/concepts/events): Understanding events in the Agent User Interaction Protocol
- [Generative UI](https://docs.showcase.copilotkit.ai/ag-ui/concepts/generative-ui-specs): Understanding AG-UI's relationship with generative UI specifications
- [Messages](https://docs.showcase.copilotkit.ai/ag-ui/concepts/messages): Understanding message structure and communication in AG-UI
- [Middleware](https://docs.showcase.copilotkit.ai/ag-ui/concepts/middleware): Transform and intercept events in AG-UI agents
- [Reasoning](https://docs.showcase.copilotkit.ai/ag-ui/concepts/reasoning): Support for LLM reasoning visibility and continuity in AG-UI
- [Serialization](https://docs.showcase.copilotkit.ai/ag-ui/concepts/serialization): Serialize event streams for history restore, branching, and compaction in AG-UI
- [State Management](https://docs.showcase.copilotkit.ai/ag-ui/concepts/state): Understanding state synchronization between agents and frontends in AG-UI
- [Tools](https://docs.showcase.copilotkit.ai/ag-ui/concepts/tools): Understanding tools and how they enable human-in-the-loop AI workflows
- [Contributing](https://docs.showcase.copilotkit.ai/ag-ui/development/contributing): How to participate in Agent User Interaction Protocol development
- [Roadmap](https://docs.showcase.copilotkit.ai/ag-ui/development/roadmap): Our plans for evolving Agent User Interaction Protocol
- [What's New](https://docs.showcase.copilotkit.ai/ag-ui/development/updates): The latest updates and improvements to AG-UI
- [Generative User Interfaces](https://docs.showcase.copilotkit.ai/ag-ui/drafts/generative-ui): AI-generated interfaces without custom tool renderers
- [Interrupt-Aware Run Lifecycle](https://docs.showcase.copilotkit.ai/ag-ui/drafts/interrupts): Native support for human-in-the-loop pauses and interrupts
- [Meta Events](https://docs.showcase.copilotkit.ai/ag-ui/drafts/meta-events): Annotations and signals independent of agent runs
- [Multi-modal Messages](https://docs.showcase.copilotkit.ai/ag-ui/drafts/multimodal-messages): Support for multimodal input messages including text, images, audio, video, and documents
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/drafts/overview): Draft changes being considered for the AG-UI protocol
- [Integrations](https://docs.showcase.copilotkit.ai/ag-ui/integrations): A list of AG-UI integrations
- [AG-UI Overview](https://docs.showcase.copilotkit.ai/ag-ui/introduction)
- [Build applications](https://docs.showcase.copilotkit.ai/ag-ui/quickstart/applications): Build agentic applications utilizing compatible event AG-UI event streams
- [Build clients](https://docs.showcase.copilotkit.ai/ag-ui/quickstart/clients): Build a conversational CLI agent from scratch using AG-UI and Mastra
- [Introduction](https://docs.showcase.copilotkit.ai/ag-ui/quickstart/introduction): Learn how to get started building an AG-UI integration
- [Middleware](https://docs.showcase.copilotkit.ai/ag-ui/quickstart/middleware): Connect to existing protocols, in process agents or custom solutions via AG-UI
- [Server](https://docs.showcase.copilotkit.ai/ag-ui/quickstart/server): Implement AG-UI compatible servers
- [AgUiClient](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/client/client): Main client class for AG-UI server connectivity
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/client/overview): Client package overview
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/core/events): Event types and handling in the AG-UI Dart SDK
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/core/overview): Core concepts in the Agent User Interaction Protocol Dart SDK
- [Types](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/core/types): Core type definitions for the AG-UI Dart SDK
- [Encoder](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/encoder/overview): Binary encoding and decoding for the AG-UI protocol
- [Dart SDK](https://docs.showcase.copilotkit.ai/ag-ui/sdk/dart/overview): AG-UI Protocol Dart implementation
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/client/overview): Client package overview for Go SDK
- [SSE Client](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/client/sse-client): Server-Sent Events client for connecting to AG-UI agents
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/core/events): Documentation for the events used in the Go AG-UI Protocol SDK
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/core/overview): Core concepts in the Agent User Interaction Protocol Go SDK
- [Types](https://docs.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/go/encoding/overview): Documentation for encoding and serialization in the AG-UI Go SDK
- [Error Handling](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/errors/overview): Comprehensive error handling utilities for the AG-UI Go SDK
- [Go SDK Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/go/overview): Connect to AG-UI agents using the official Go SDK
- [AbstractAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/client/abstract-agent): Base agent implementation with core event handling (Java)
- [HttpAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/client/http-agent): HTTP-based agent for connecting to remote AI agents (Java)
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/client/overview): Client package overview for the Java SDK
- [AgentSubscriber](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/client/subscriber): Event subscriber interface for reactive agent interaction (Java)
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/core/events): Java event types used by the Agent User Interaction Protocol
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Event Stream](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/core/stream): Java event stream interfaces and usage
- [Subscription](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/core/subscription): Subscribe to agent events and manage listeners
- [Types](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/core/types): Core types used by the Java SDK
- [Java SDK Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/overview): Connect to AG-UI agents using the official Java SDK
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/server/overview): Build Java servers that stream AG-UI events
- [Spring](https://docs.showcase.copilotkit.ai/ag-ui/sdk/java/server/spring): Build Java servers that stream AG-UI events
- [AbstractAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/abstract-agent): Base agent implementation with core event handling
- [Stream Compaction](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/compaction): compactEvents utility for reducing verbose streaming sequences
- [HttpAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/http-agent): HTTP-based agent for connecting to remote AI agents
- [Middleware](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/middleware): Event stream transformation and filtering for AG-UI agents
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/overview): Client package overview
- [AgentSubscriber](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/client/subscriber): Event-driven subscriber system for agent lifecycle and event handling
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/core/events): Documentation for the events used in the Agent User Interaction Protocol SDK
- [Multimodal Inputs](https://docs.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/js/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Types](https://docs.showcase.copilotkit.ai/ag-ui/sdk/js/core/types): Documentation for the core types used in the Agent User Interaction Protocol SDK
- [AbstractAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/client/abstract-agent): Base class for implementing custom agent connectivity patterns
- [AgUiAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/client/agui-agent): Stateless client for AG-UI protocol interactions
- [HttpAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/client/http-agent): Low-level HTTP transport implementation for AG-UI protocol
- [Client Module Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/client/overview): High-level agent implementations and client infrastructure for the Kotlin SDK
- [StatefulAgUiAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/client/stateful-agui-agent): Stateful client that automatically manages conversation history
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/core/events): Complete reference for AG-UI protocol events in the Kotlin SDK
- [Core Module Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/core/overview): Protocol types, events, and message definitions for the AG-UI protocol
- [Types](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/core/types): Protocol message types and data structures for the AG-UI protocol
- [Kotlin SDK Overview](https://docs.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/kotlin/tools/overview): Client-side tool execution framework for the Kotlin SDK
- [ToolExecutor](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/tools/tool-executor): Interface for implementing custom client-side tools
- [ToolRegistry](https://docs.showcase.copilotkit.ai/ag-ui/sdk/kotlin/tools/tool-registry): Registry for managing and executing client-side tools
- [Events](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/python/core/overview): Core concepts in the Agent User Interaction Protocol SDK
- [Types](https://docs.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/python/encoder/overview): Documentation for encoding Agent User Interaction Protocol events
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/ruby/core/events): Documentation for the events used in the Agent User Interaction Protocol (Ruby SDK)
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/ruby/core/overview): Core concepts in the Agent User Interaction Protocol (Ruby SDK)
- [Types](https://docs.showcase.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.showcase.copilotkit.ai/ag-ui/sdk/ruby/encoder/overview): Documentation for encoding Agent User Interaction Protocol events (Ruby SDK)
- [Ruby SDK Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/ruby/overview): Connect to AG-UI agents using the official Ruby SDK
- [Agent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/client/agent-trait): Agent trait with core event handling
- [HttpAgent](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/client/http-agent): HTTP-based Agent implementation for connecting to remote AI agents
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/client/overview): Client package overview for the Rust SDK
- [AgentSubscriber](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/client/subscriber): Subscriber trait for agent lifecycle and event handling
- [Events](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/core/events): Streaming events emitted by agents
- [Overview](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/core/overview): Core types and events used by the Rust SDKs
- [Types](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/core/types): Core data types used by the Rust SDK
- [Rust SDK](https://docs.showcase.copilotkit.ai/ag-ui/sdk/rust/overview): Overview of the AG‑UI Rust SDKs
- [Developing with Cursor](https://docs.showcase.copilotkit.ai/ag-ui/tutorials/cursor): Use Cursor to build AG-UI implementations faster
- [Debugging](https://docs.showcase.copilotkit.ai/ag-ui/tutorials/debugging): A comprehensive guide to debugging Agent User Interaction Protocol (AG-UI) integrations
- [Introduction](https://docs.showcase.copilotkit.ai/ag2): Bring your AG2 agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/ag2/auth): Secure your AG2 backend with user authentication on /chat
- [Build with agents](https://docs.showcase.copilotkit.ai/ag2/build-with-agents): Use our MCP server to connect your AG2 agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/ag2/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/ag2/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/ag2/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/ag2/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/ag2/frontend-tools): Create frontend actions and use them within your agent.
- [A2UI](https://docs.showcase.copilotkit.ai/ag2/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/ag2/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/ag2/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/ag2/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/ag2/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/ag2/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/ag2/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-Loop](https://docs.showcase.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.showcase.copilotkit.ai/ag2/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/ag2/prebuilt-components): Drop-in chat components for your AG2 agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/ag2/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/ag2/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/ag2/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/ag2/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/ag2/quickstart): Turn your AG2 Agents into an agent-native application in 5 minutes.
- [Readables](https://docs.showcase.copilotkit.ai/ag2/readables): Share app specific context with your agent.
- [Shared State](https://docs.showcase.copilotkit.ai/ag2/shared-state): Create a two-way connection between your UI and AG2 agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/ag2/shared-state/read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/ag2/shared-state/write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/ag2/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/ag2/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/ag2/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/ag2/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/ag2/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/ag2/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/ag2/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Agent Context](https://docs.showcase.copilotkit.ai/agent-app-context): Share app-specific context with your Built-in Agent.
- [Agent Config](https://docs.showcase.copilotkit.ai/agent-config): Forward typed configuration from your UI into the agent's reasoning loop.
- [Open Agent Spec](https://docs.showcase.copilotkit.ai/agent-spec): Bring your Agent‑Spec agents to your users with CopilotKit via AG‑UI.
- [Human-in-the-Loop](https://docs.showcase.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.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/agentic-chat-ui): Customizable, drop-in components for building AI-powered chat interfaces
- [Overview](https://docs.showcase.copilotkit.ai/agentic-protocols): CopilotKit connects to your agents through the Agentic Protocol of your choice
- [A2A](https://docs.showcase.copilotkit.ai/agentic-protocols/a2a): Bring your A2A agents to your users through AG-UI and CopilotKit.
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/agentic-protocols/ag-ui-middleware): Configure AG-UI middleware for your CopilotKit application.
- [MCP](https://docs.showcase.copilotkit.ai/agentic-protocols/mcp): Integrate Model Context Protocol (MCP) servers into your React applications
- [Introduction](https://docs.showcase.copilotkit.ai/agno): Bring your Agno agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.copilotkit.ai/agno/ag-ui): The AG-UI protocol connects your frontend to your Agno agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/agno/build-with-agents): Use our MCP server to connect your Agno agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/agno/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/agno/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/agno/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/agno/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/agno/frontend-tools): Create frontend tools and use them within your Agno agent.
- [A2UI](https://docs.showcase.copilotkit.ai/agno/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/agno/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/agno/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.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.showcase.copilotkit.ai/agno/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user for Agno.
- [Headless Threads](https://docs.showcase.copilotkit.ai/agno/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-Loop](https://docs.showcase.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.showcase.copilotkit.ai/agno/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/agno/prebuilt-components): Drop-in chat components for your Agno agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/agno/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/agno/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/agno/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/agno/programmatic-control): Control your Agno agent programmatically with useAgent and copilotkit.runAgent().
- [Quickstart](https://docs.showcase.copilotkit.ai/agno/quickstart): Turn your Agno agent into an agent-native application in 10 minutes.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/agno/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/agno/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/agno/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/agno/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/agno/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/agno/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/agno/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Authentication](https://docs.showcase.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.showcase.copilotkit.ai/backend/ag-ui): How CopilotKit uses the AG-UI protocol to connect your frontend to your Built-in Agent.
- [AgentRunner and persistence](https://docs.showcase.copilotkit.ai/backend/agent-runner): Control how the runtime starts, reconnects to, and stops agent runs with AgentRunner.
- [Copilot Runtime](https://docs.showcase.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.showcase.copilotkit.ai/backend/custom-agent): Use BuiltInAgent's factory mode to bring your own AI SDK, TanStack AI, or custom LLM backend.
- [Runtime HTTP endpoints](https://docs.showcase.copilotkit.ai/backend/runtime-endpoints): The HTTP routes exposed by the CopilotKit runtime for self-hosting, proxying, and debugging.
- [Self-managed agents](https://docs.showcase.copilotkit.ai/backend/self-managed-agents): Connect AG-UI agents that you host and secure yourself.
- [Build with agents](https://docs.showcase.copilotkit.ai/build-with-agents): Give your AI coding agent up-to-date knowledge of CopilotKit's APIs, patterns, and best practices.
- [Channels SDK](https://docs.showcase.copilotkit.ai/channels): Build durable, cross-platform AI bots with CopilotKit — a platform adapter, an AG-UI agent, and optional persistence wired together in a single createBot call.
- [Persistence](https://docs.showcase.copilotkit.ai/channels/persistence): Make bot state, interactive actions, and per-thread data survive restarts and scale across multiple instances with a durable store backend.
- [Transcripts](https://docs.showcase.copilotkit.ai/channels/transcripts): Give your bot a cross-platform memory that follows users across Slack, Teams, and any other channel — with automatic context injection and GDPR-ready delete.
- [Quickstart](https://docs.showcase.copilotkit.ai/claude-sdk-python/quickstart): Run a Claude Agent SDK Python agent behind CopilotKit.
- [Quickstart](https://docs.showcase.copilotkit.ai/claude-sdk-typescript/quickstart): Run a Claude Agent SDK TypeScript agent behind CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Architecture](https://docs.showcase.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.showcase.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 Intelligence Platform](https://docs.showcase.copilotkit.ai/concepts/oss-vs-enterprise): What ships in CopilotKit's open-source core versus what's part of the Enterprise Intelligence Platform layer — Threads, Persistence, hosted inspection, Self-Hosting.
- [Which Hook for Which Job](https://docs.showcase.copilotkit.ai/concepts/which-hook): Choose the right CopilotKit v2 hook for tools, rendering, human review, and custom chat surfaces.
- [Code Contributions](https://docs.showcase.copilotkit.ai/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/contributing/docs-contributions)
- [Overview](https://docs.showcase.copilotkit.ai/cookbook): Focused, copy-pasteable recipes for wiring CopilotKit up to the tools and platforms you already use.
- [Angular + Google ADK](https://docs.showcase.copilotkit.ai/cookbook/angular-adk-agentic-app): Wire an Angular frontend to a Google ADK agent over AG-UI, with optional persistent threads and memory. The non-obvious production gotchas, as symptom, cause, and fix.
- [Arcade](https://docs.showcase.copilotkit.ai/cookbook/arcade): Give CopilotKit's Built-in Agent OAuth-backed tools (Gmail, Google News) through Arcade, and render the authorization step as generative UI in the chat.
- [Daytona](https://docs.showcase.copilotkit.ai/cookbook/daytona): Give CopilotKit's Built-in Agent a tool that executes code in an isolated Daytona sandbox, then return the output to the chat.
- [OpenBox Governance](https://docs.showcase.copilotkit.ai/cookbook/openbox-governed-copilotkit): Add OpenBox runtime governance — guardrails, policies, and human-in-the-loop approvals — to a CopilotKit + LangGraph agent.
- [Oracle Agent Memory](https://docs.showcase.copilotkit.ai/cookbook/oracle-agent-spec-memory): Define an agent once in Oracle Agent Spec, run it on LangGraph over AG-UI, give it long-term memory on Oracle AI Database, and render it in CopilotKit with human-in-the-loop.
- [Introduction](https://docs.showcase.copilotkit.ai/crewai-crews): Bring your CrewAI Flows agents to your users with CopilotKit.
- [Disabling state streaming](https://docs.showcase.copilotkit.ai/crewai-crews/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.showcase.copilotkit.ai/crewai-crews/advanced/emit-messages)
- [Exiting the agent loop](https://docs.showcase.copilotkit.ai/crewai-crews/advanced/exit-agent)
- [AG-UI](https://docs.showcase.copilotkit.ai/crewai-crews/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/crewai-crews/build-with-agents): Use our MCP server to connect your CrewAI Flows agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/crewai-crews/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/crewai-crews/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/crewai-crews/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/crewai-crews/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/crewai-crews/frontend-tools): Create frontend tools and use them within your CrewAI Flows agent.
- [A2UI](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/crewai-crews/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/crewai-crews/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human in the Loop (HITL)](https://docs.showcase.copilotkit.ai/crewai-crews/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [CrewAI Flows](https://docs.showcase.copilotkit.ai/crewai-crews/human-in-the-loop/flow): Learn how to implement Human-in-the-Loop (HITL) using CrewAI Flows.
- [Inspector](https://docs.showcase.copilotkit.ai/crewai-crews/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/crewai-crews/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Loading Agent State](https://docs.showcase.copilotkit.ai/crewai-crews/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.showcase.copilotkit.ai/crewai-crews/persistence/loading-message-history): Learn how to maintain persistent conversations across sessions with CrewAI Flows.
- [Message Persistence](https://docs.showcase.copilotkit.ai/crewai-crews/persistence/message-persistence)
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/crewai-crews/prebuilt-components): Drop-in chat components for your CrewAI Flows agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/crewai-crews/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/crewai-crews/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/crewai-crews/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/crewai-crews/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/crewai-crews/quickstart): Turn your CrewAI Flows into an agent-native application in 10 minutes.
- [Shared State](https://docs.showcase.copilotkit.ai/crewai-crews/shared-state): Create a two-way connection between your UI and CrewAI Flow agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/crewai-crews/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/crewai-crews/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/crewai-crews/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/crewai-crews/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/crewai-crews/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/crewai-crews/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/crewai-crews/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/crewai-crews/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [CSS Customization](https://docs.showcase.copilotkit.ai/custom-look-and-feel/css): Theme CopilotKit components via CSS variables and class overrides.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Reasoning Messages](https://docs.showcase.copilotkit.ai/custom-look-and-feel/reasoning-messages): Customize how reasoning (thinking) tokens from models like o1, o3, and o4-mini are displayed.
- [Slots](https://docs.showcase.copilotkit.ai/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots for Built-in Agent.
- [Deep Agents](https://docs.showcase.copilotkit.ai/deepagents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/deepagents/frontend-tools): Create frontend tools and use them within your Deep Agents agent.
- [Overview](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.showcase.copilotkit.ai/deepagents/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.showcase.copilotkit.ai/deepagents/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach — no LLM schema generation needed.
- [Styling](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/a2ui/styling): Customize the appearance of A2UI surfaces with CSS custom properties, fonts, and component-level overrides.
- [MCP Apps](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Interrupt-based](https://docs.showcase.copilotkit.ai/deepagents/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Headless Threads](https://docs.showcase.copilotkit.ai/deepagents/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Interrupts](https://docs.showcase.copilotkit.ai/deepagents/human-in-the-loop/interrupt-flow): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Quickstart](https://docs.showcase.copilotkit.ai/deepagents/quickstart): Get started with Deep Agents and CopilotKit in minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/deepagents/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/deepagents/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.showcase.copilotkit.ai/deepagents/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.showcase.copilotkit.ai/deepagents/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.showcase.copilotkit.ai/deepagents/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Threads](https://docs.showcase.copilotkit.ai/deepagents/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/deepagents/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [AWS AgentCore](https://docs.showcase.copilotkit.ai/deploy/agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [CopilotKit in Action](https://docs.showcase.copilotkit.ai/examples): Need some inspiration? Check out some things we've built with CopilotKit.
- [Common Questions](https://docs.showcase.copilotkit.ai/faq): We've got answers to some common questions!
- [Frontend Tools](https://docs.showcase.copilotkit.ai/frontend-tools): Define frontend tools for your Built-in Agent.
- [Angular](https://docs.showcase.copilotkit.ai/frontends/angular): Connect an Angular app to Copilot Runtime with CopilotKit.
- [Docs status](https://docs.showcase.copilotkit.ai/frontends/docs-status): What to expect while this frontend's full guide set is being written.
- [React Native](https://docs.showcase.copilotkit.ai/frontends/react-native): Get started with CopilotKit in React Native.
- [Slack](https://docs.showcase.copilotkit.ai/frontends/slack): Bring custom agents into Slack with native cards, streaming replies, approvals, and durable thread context.
- [Microsoft Teams](https://docs.showcase.copilotkit.ai/frontends/teams): Bring custom agents into Microsoft Teams with Adaptive Cards, streaming updates, approvals, and durable conversation context.
- [About early access](https://docs.showcase.copilotkit.ai/frontends/using-these-docs): What to expect while this frontend's full guide set is being written.
- [Vue](https://docs.showcase.copilotkit.ai/frontends/vue): Connect a Vue app to Copilot Runtime with CopilotKit.
- [WhatsApp](https://docs.showcase.copilotkit.ai/frontends/whatsapp): Build an AI WhatsApp bot with CopilotKit — createBot, the WhatsApp Cloud API adapter, agent runs with thread.runAgent, and interactive messages rendered from JSX.
- [Generative UI](https://docs.showcase.copilotkit.ai/generative-ui): Let your agent generate interactive UI components
- [A2UI](https://docs.showcase.copilotkit.ai/generative-ui/a2ui): Google's declarative, LLM-friendly Generative UI specification
- [Dynamic Schema A2UI](https://docs.showcase.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.showcase.copilotkit.ai/generative-ui/a2ui/fixed-schema): Pre-defined A2UI schema with dynamic data. The fastest approach, with no LLM schema generation needed.
- [Display components](https://docs.showcase.copilotkit.ai/generative-ui/display): Register React components that your agent can render in the chat.
- [BYOC — Hashbrown](https://docs.showcase.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.showcase.copilotkit.ai/generative-ui/interactive): Create approval flows where the agent pauses and waits for human input.
- [BYOC — JSON Render](https://docs.showcase.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.showcase.copilotkit.ai/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [Open Generative UI](https://docs.showcase.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.showcase.copilotkit.ai/generative-ui/open-json-ui): OpenAI's open standardization of declarative Generative UI
- [Reasoning](https://docs.showcase.copilotkit.ai/generative-ui/reasoning): Surface the agent's thinking chain in the chat — default or fully custom.
- [State Rendering](https://docs.showcase.copilotkit.ai/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Components as Tools](https://docs.showcase.copilotkit.ai/generative-ui/tool-based): Let your agent render rich React components directly in the chat by calling them as tools.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/generative-ui/your-components/display-only): Register React components that your agent can render in the chat for Built-in Agent.
- [Interactive](https://docs.showcase.copilotkit.ai/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user for Built-in Agent.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/google-adk/frontend-tools): Create frontend tools and use them within your ADK agent.
- [State Rendering](https://docs.showcase.copilotkit.ai/google-adk/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/google-adk/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Headless Threads](https://docs.showcase.copilotkit.ai/google-adk/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-Loop](https://docs.showcase.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.showcase.copilotkit.ai/google-adk/quickstart): Turn your ADK Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.showcase.copilotkit.ai/google-adk/shared-state): Create a two-way connection between your UI and agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/google-adk/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/google-adk/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/google-adk/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Workflow Execution](https://docs.showcase.copilotkit.ai/google-adk/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend.
- [Threads](https://docs.showcase.copilotkit.ai/google-adk/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import ADK Threads](https://docs.showcase.copilotkit.ai/google-adk/threads-import): Import historical Google ADK sessions into Enterprise Intelligence as persistent CopilotKit threads.
- [Headless UI](https://docs.showcase.copilotkit.ai/headless): Build fully custom chat interfaces with complete rendering control via hooks.
- [Headless Threads](https://docs.showcase.copilotkit.ai/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [HITL Overview](https://docs.showcase.copilotkit.ai/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [Headless Interrupts](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Introduction](https://docs.showcase.copilotkit.ai/langgraph-fastapi): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.showcase.copilotkit.ai/langgraph-fastapi/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.showcase.copilotkit.ai/langgraph-fastapi/advanced/emit-messages)
- [Exiting the agent loop](https://docs.showcase.copilotkit.ai/langgraph-fastapi/advanced/exit-agent)
- [Loading Agent State](https://docs.showcase.copilotkit.ai/langgraph-fastapi/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/advanced/persistence/message-persistence)
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/langgraph-fastapi/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Build with agents](https://docs.showcase.copilotkit.ai/langgraph-fastapi/build-with-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/langgraph-fastapi/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Common LangGraph issues](https://docs.showcase.copilotkit.ai/langgraph-fastapi/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Configurable](https://docs.showcase.copilotkit.ai/langgraph-fastapi/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.showcase.copilotkit.ai/langgraph-fastapi/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/langgraph-fastapi/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/langgraph-fastapi/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.showcase.copilotkit.ai/langgraph-fastapi/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/langgraph-fastapi/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Headless Threads](https://docs.showcase.copilotkit.ai/langgraph-fastapi/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Interrupts](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/langgraph-fastapi/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/langgraph-fastapi/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/langgraph-fastapi/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/langgraph-fastapi/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-fastapi/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/langgraph-fastapi/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/langgraph-fastapi/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/langgraph-fastapi/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.showcase.copilotkit.ai/langgraph-fastapi/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.showcase.copilotkit.ai/langgraph-fastapi/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.showcase.copilotkit.ai/langgraph-fastapi/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.showcase.copilotkit.ai/langgraph-fastapi/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/langgraph-fastapi/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/langgraph-fastapi/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import LangGraph Threads](https://docs.showcase.copilotkit.ai/langgraph-fastapi/threads-import): Import historical LangGraph Server, LangGraph Platform, or LangSmith Deployment threads into Enterprise Intelligence.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/langgraph-fastapi/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.showcase.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.showcase.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.showcase.copilotkit.ai/langgraph-fastapi/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-fastapi/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.showcase.copilotkit.ai/langgraph-fastapi/videos/research-canvas)
- [Introduction](https://docs.showcase.copilotkit.ai/langgraph-python): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.showcase.copilotkit.ai/langgraph-python/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.showcase.copilotkit.ai/langgraph-python/advanced/emit-messages)
- [Exiting the agent loop](https://docs.showcase.copilotkit.ai/langgraph-python/advanced/exit-agent)
- [Loading Agent State](https://docs.showcase.copilotkit.ai/langgraph-python/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/advanced/persistence/message-persistence)
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/langgraph-python/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Build with agents](https://docs.showcase.copilotkit.ai/langgraph-python/build-with-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/langgraph-python/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Common LangGraph issues](https://docs.showcase.copilotkit.ai/langgraph-python/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Configurable](https://docs.showcase.copilotkit.ai/langgraph-python/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.showcase.copilotkit.ai/langgraph-python/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/langgraph-python/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/langgraph-python/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-python/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.showcase.copilotkit.ai/langgraph-python/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/langgraph-python/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-python/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.showcase.copilotkit.ai/langgraph-python/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-python/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/langgraph-python/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/langgraph-python/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/langgraph-python/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Headless Threads](https://docs.showcase.copilotkit.ai/langgraph-python/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Interrupts](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/langgraph-python/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/langgraph-python/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/langgraph-python/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/langgraph-python/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-python/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/langgraph-python/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/langgraph-python/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/langgraph-python/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.showcase.copilotkit.ai/langgraph-python/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.showcase.copilotkit.ai/langgraph-python/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.showcase.copilotkit.ai/langgraph-python/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.showcase.copilotkit.ai/langgraph-python/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/langgraph-python/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/langgraph-python/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import LangGraph Threads](https://docs.showcase.copilotkit.ai/langgraph-python/threads-import): Import historical LangGraph Server, LangGraph Platform, or LangSmith Deployment threads into Enterprise Intelligence.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/langgraph-python/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.showcase.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.showcase.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.showcase.copilotkit.ai/langgraph-python/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-python/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.showcase.copilotkit.ai/langgraph-python/videos/research-canvas)
- [Introduction](https://docs.showcase.copilotkit.ai/langgraph-typescript): Bring your LangGraph agents to your users with CopilotKit via AG-UI.
- [Disabling state streaming](https://docs.showcase.copilotkit.ai/langgraph-typescript/advanced/disabling-state-streaming): Granularly control what is streamed to the frontend.
- [Manually emitting messages](https://docs.showcase.copilotkit.ai/langgraph-typescript/advanced/emit-messages)
- [Exiting the agent loop](https://docs.showcase.copilotkit.ai/langgraph-typescript/advanced/exit-agent)
- [Loading Agent State](https://docs.showcase.copilotkit.ai/langgraph-typescript/advanced/persistence/loading-agent-state): Learn how threadId is used to load previous agent states.
- [Threads](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/advanced/persistence/message-persistence)
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/langgraph-typescript/auth): Secure your LangGraph agents with user authentication (Platform & Self-hosted)
- [Build with agents](https://docs.showcase.copilotkit.ai/langgraph-typescript/build-with-agents): Use our MCP server to connect your LangGraph agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/langgraph-typescript/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Common LangGraph issues](https://docs.showcase.copilotkit.ai/langgraph-typescript/coagent-troubleshooting/common-coagent-issues): Common issues you may encounter when using LangGraph.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/coagent-troubleshooting/migrate-from-v0.2-to-v0.3): How to migrate from v0.2 to v0.3.
- [Configurable](https://docs.showcase.copilotkit.ai/langgraph-typescript/configurable): Using agent execution parameters when communicating with an agent.
- [Code Contributions](https://docs.showcase.copilotkit.ai/langgraph-typescript/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/langgraph-typescript/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/langgraph-typescript/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-typescript/deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications.
- [AWS AgentCore](https://docs.showcase.copilotkit.ai/langgraph-typescript/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/langgraph-typescript/frontend-tools): Create frontend tools and use them within your LangGraph agent.
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-typescript/generative-ui/a2ui): Render rich, declarative UI surfaces from your LangGraph agent using the A2UI protocol.
- [Advanced](https://docs.showcase.copilotkit.ai/langgraph-typescript/generative-ui/a2ui/advanced): Custom progress rendering, frontend action handlers, and advanced A2UI configuration.
- [Dynamic Schema A2UI](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/langgraph-typescript/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/langgraph-typescript/generative-ui/state-rendering): Render your agent's state with custom UI components in real-time.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/langgraph-typescript/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/langgraph-typescript/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/generative-ui/your-components/interrupt-based): Learn how to implement Human-in-the-Loop (HITL) using a interrupt-based flow.
- [Headless Threads](https://docs.showcase.copilotkit.ai/langgraph-typescript/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Interrupts](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/langgraph-typescript/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/langgraph-typescript/prebuilt-components): Drop-in chat components for your LangGraph agent.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/langgraph-typescript/premium/headless-ui): Build a completely custom chat interface from scratch using useAgent and useCopilotKit
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/langgraph-typescript/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/langgraph-typescript/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/langgraph-typescript/quickstart): Turn your LangGraph agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/langgraph-typescript/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/langgraph-typescript/shared-state/in-app-agent-write): Write to agent's state from your application.
- [State streaming](https://docs.showcase.copilotkit.ai/langgraph-typescript/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Input/Output Schemas](https://docs.showcase.copilotkit.ai/langgraph-typescript/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend
- [Workflow Execution](https://docs.showcase.copilotkit.ai/langgraph-typescript/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend
- [Subgraphs](https://docs.showcase.copilotkit.ai/langgraph-typescript/subgraphs): Use multiple agents as subgraphs in your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/langgraph-typescript/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/langgraph-typescript/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import LangGraph Threads](https://docs.showcase.copilotkit.ai/langgraph-typescript/threads-import): Import historical LangGraph Server, LangGraph Platform, or LangSmith Deployment threads into Enterprise Intelligence.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/langgraph-typescript/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to 1.10.X](https://docs.showcase.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to AG-UI](https://docs.showcase.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-agui): Migration guide for agents streaming through the AG-UI protocol
- [Migrate to V2](https://docs.showcase.copilotkit.ai/langgraph-typescript/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-1-checkout-repo)
- [Step 2: Start the Agent](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-2-start-the-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-3-setup-copilotkit)
- [Step 4: Agentic Chat UI](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-4-agentic-chat-ui)
- [Step 5: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-5-human-in-the-loop)
- [Step 6: Shared State](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-6-shared-state)
- [Step 7: Agentic Generative UI](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-7-generative-ui)
- [Step 8: Progressive State Updates](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/agent-native-app/step-8-progressive-state-updates)
- [Overview](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app)
- [Next Steps](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/next-steps)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-1-checkout-repo)
- [Step 2: LangGraph Agent](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-2-langgraph-agent)
- [Step 3: Setup CopilotKit](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-3-setup-copilotkit)
- [Step 4: Integrate the Agent](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-4-integrate-the-agent)
- [Step 5: Stream Progress](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-5-stream-progress)
- [Step 6: Human in the Loop](https://docs.showcase.copilotkit.ai/langgraph-typescript/tutorials/ai-travel-app/step-6-human-in-the-loop)
- [Video: Research Canvas](https://docs.showcase.copilotkit.ai/langgraph-typescript/videos/research-canvas)
- [Introduction](https://docs.showcase.copilotkit.ai/llamaindex): Bring your LlamaIndex agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.copilotkit.ai/llamaindex/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/llamaindex/build-with-agents): Use our MCP server to connect your LlamaIndex agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/llamaindex/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/llamaindex/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/llamaindex/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/llamaindex/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/llamaindex/frontend-tools): Create frontend tools and use them within your LlamaIndex agent.
- [A2UI](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/llamaindex/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/llamaindex/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-Loop](https://docs.showcase.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.showcase.copilotkit.ai/llamaindex/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/llamaindex/multi-agent-flows): Use multiple LlamaIndex agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/llamaindex/prebuilt-components): Drop-in chat components for your LlamaIndex agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/llamaindex/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/llamaindex/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/llamaindex/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/llamaindex/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/llamaindex/quickstart): Turn your LlamaIndex Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.showcase.copilotkit.ai/llamaindex/shared-state): Create a two-way connection between your UI and agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/llamaindex/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/llamaindex/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/llamaindex/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Workflow Execution](https://docs.showcase.copilotkit.ai/llamaindex/shared-state/state-inputs-outputs): Decide which state properties are received and returned to the frontend.
- [Workflow Execution](https://docs.showcase.copilotkit.ai/llamaindex/shared-state/workflow-execution): Decide which state properties are received and returned to the frontend.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/llamaindex/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/llamaindex/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/llamaindex/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/llamaindex/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/llamaindex/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/llamaindex/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/llamaindex/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.showcase.copilotkit.ai/mastra): Bring your Mastra agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/mastra/agent-app-context): Share app specific context with your agent.
- [Build with agents](https://docs.showcase.copilotkit.ai/mastra/build-with-agents): Use our MCP server to connect your Mastra agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/mastra/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/mastra/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/mastra/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/mastra/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/mastra/frontend-tools): Create frontend tools and use them within your Mastra agent.
- [A2UI](https://docs.showcase.copilotkit.ai/mastra/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/mastra/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/mastra/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/mastra/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/mastra/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/mastra/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/mastra/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-Loop](https://docs.showcase.copilotkit.ai/mastra/human-in-the-loop): Learn how to implement Human-in-the-Loop (HITL) using Mastra Agents.
- [Interrupts](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/mastra/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/mastra/prebuilt-components): Drop-in chat components for your Mastra agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/mastra/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/mastra/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/mastra/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/mastra/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/mastra/quickstart): Turn your Mastra Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.showcase.copilotkit.ai/mastra/shared-state): Create a two-way connection between your UI and Mastra agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/mastra/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/mastra/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/mastra/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/mastra/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/mastra/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/mastra/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/mastra/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/mastra/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/mastra/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [MCP Servers](https://docs.showcase.copilotkit.ai/mcp-servers): Connect MCP servers to your Built-in Agent, with support for persistent clients, tool caching, and dynamic auth.
- [Migrate to 1.10.X](https://docs.showcase.copilotkit.ai/migrate/1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/migrate/1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/migrate/v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Model Selection](https://docs.showcase.copilotkit.ai/model-selection): Choose and configure models for your Built-in Agent.
- [Introduction](https://docs.showcase.copilotkit.ai/ms-agent-dotnet): Bring your Microsoft Agent Framework agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/auth): Secure your Microsoft Agent Framework agents with user authentication
- [Build with agents](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/build-with-agents): Use our MCP server to connect your Microsoft Agent Framework agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/frontend-tools): Create frontend tools and use them within your Microsoft Agent Framework agent.
- [A2UI](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-loop](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/human-in-the-loop): Create frontend tools and use them within your agent framework agent.
- [Inspector](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/prebuilt-components): Drop-in chat components for your Microsoft Agent Framework agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/ms-agent-dotnet/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to V2](https://docs.showcase.copilotkit.ai/ms-agent-dotnet/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet): Bring your Microsoft Agent Framework agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Readables](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/auth): Secure your Microsoft Agent Framework agents with user authentication
- [Build with agents](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/build-with-agents): Use our MCP server to connect your Microsoft Agent Framework agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.copilotkit.ai/ms-agent-harness-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.showcase.copilotkit.ai/ms-agent-harness-dotnet/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/frontend-tools): Create frontend tools and use them within your Microsoft Agent Framework agent.
- [A2UI](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-loop](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/human-in-the-loop): Create frontend tools and use them within your agent framework agent.
- [Inspector](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/prebuilt-components): Drop-in chat components for your Microsoft Agent Framework agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.copilotkit.ai/ms-agent-harness-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.showcase.copilotkit.ai/ms-agent-harness-dotnet/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/quickstart): Turn your Microsoft Agent Framework agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to V2](https://docs.showcase.copilotkit.ai/ms-agent-harness-dotnet/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Introduction](https://docs.showcase.copilotkit.ai/ms-agent-python): Bring your Microsoft Agent Framework agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-python/agent-app-context): Share app specific context with your agent.
- [Authentication](https://docs.showcase.copilotkit.ai/ms-agent-python/auth): Secure your Microsoft Agent Framework agents with user authentication
- [Build with agents](https://docs.showcase.copilotkit.ai/ms-agent-python/build-with-agents): Use our MCP server to connect your Microsoft Agent Framework agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/ms-agent-python/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/ms-agent-python/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/ms-agent-python/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/ms-agent-python/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/ms-agent-python/frontend-tools): Create frontend tools and use them within your Microsoft Agent Framework agent.
- [A2UI](https://docs.showcase.copilotkit.ai/ms-agent-python/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-python/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/ms-agent-python/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-python/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/ms-agent-python/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human-in-the-loop](https://docs.showcase.copilotkit.ai/ms-agent-python/human-in-the-loop): Create frontend tools and use them within your agent framework agent.
- [Inspector](https://docs.showcase.copilotkit.ai/ms-agent-python/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/ms-agent-python/prebuilt-components): Drop-in chat components for your Microsoft Agent Framework agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/ms-agent-python/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/ms-agent-python/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/ms-agent-python/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/ms-agent-python/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/ms-agent-python/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/ms-agent-python/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/ms-agent-python/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/ms-agent-python/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/ms-agent-python/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/ms-agent-python/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Migrate to V2](https://docs.showcase.copilotkit.ai/ms-agent-python/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Sub-Agents](https://docs.showcase.copilotkit.ai/multi-agent/subagents): Decompose work across multiple specialized agents with a visible delegation log.
- [Multimodal Attachments](https://docs.showcase.copilotkit.ai/multimodal-attachments): Let users send images, audio, video, and documents to the AI alongside their messages.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/prebuilt-components): Drop-in chat components for your Built-in Agent.
- [CopilotChat](https://docs.showcase.copilotkit.ai/prebuilt-components/chat): Inline chat component you can place anywhere and size as needed.
- [Open, close, and feedback](https://docs.showcase.copilotkit.ai/prebuilt-components/chat-controls): Open and close the prebuilt chat from your UI, and capture assistant message feedback.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [CopilotPopup](https://docs.showcase.copilotkit.ai/prebuilt-components/popup): Floating chat bubble that toggles open an overlay chat window.
- [CopilotSidebar](https://docs.showcase.copilotkit.ai/prebuilt-components/sidebar): Drop-in collapsible sidebar chat that wraps your main content.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Architecture](https://docs.showcase.copilotkit.ai/premium/intelligence-platform): Architecture of the Enterprise Intelligence Platform — how CopilotKit runtimes connect to platform projects, durable threads, realtime sync, operational history, and cloud-hosted or self-hosted deployments.
- [Cloud-Hosted Enterprise Intelligence](https://docs.showcase.copilotkit.ai/premium/managed-intelligence-platform): How the cloud-hosted version of the CopilotKit Enterprise Intelligence Platform works — login, organizations, projects, project API keys, conversation history, thread inspection, and plan management.
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.copilotkit.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.
- [Threads & Persistence Architecture](https://docs.showcase.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.showcase.copilotkit.ai/programmatic-control): Control your Built-in Agent programmatically with useAgent and copilotkit.runAgent().
- [Overview](https://docs.showcase.copilotkit.ai/pydantic-ai): Bring your Pydantic AI agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.copilotkit.ai/pydantic-ai/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/pydantic-ai/build-with-agents): Use our MCP server to connect your Pydantic AI agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/pydantic-ai/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/pydantic-ai/frontend-tools): Create frontend tools and use them within your Pydantic AI agent.
- [A2UI](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/pydantic-ai/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/pydantic-ai/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Human in the Loop (HITL)](https://docs.showcase.copilotkit.ai/pydantic-ai/human-in-the-loop): Allow your agent and users to collaborate on complex tasks.
- [Pydantic AI Agents](https://docs.showcase.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.showcase.copilotkit.ai/pydantic-ai/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Multi-Agent Flows](https://docs.showcase.copilotkit.ai/pydantic-ai/multi-agent-flows): Use multiple agents to orchestrate complex flows.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/pydantic-ai/prebuilt-components): Drop-in chat components for your Pydantic AI agent.
- [Threads Drawer](https://docs.showcase.copilotkit.ai/pydantic-ai/prebuilt-components/copilot-threads-drawer): Drop-in threads drawer that lists, switches, and manages conversations next to your chat.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/pydantic-ai/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/pydantic-ai/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/pydantic-ai/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/pydantic-ai/quickstart): Turn your Pydantic AI agent into an agent-native application in 10 minutes.
- [Quickstart](https://docs.showcase.copilotkit.ai/pydantic-ai/quickstart/pydantic-ai): Turn your Pydantic AI Agents into an agent-native application in 10 minutes.
- [Shared State](https://docs.showcase.copilotkit.ai/pydantic-ai/shared-state): Create a two-way connection between your UI and Pydantic AI agent state.
- [Reading agent state](https://docs.showcase.copilotkit.ai/pydantic-ai/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/pydantic-ai/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Predictive state updates](https://docs.showcase.copilotkit.ai/pydantic-ai/shared-state/predictive-state-updates): Stream in-progress agent state updates to the frontend.
- [Threads](https://docs.showcase.copilotkit.ai/pydantic-ai/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/pydantic-ai/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/pydantic-ai/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/pydantic-ai/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Quickstart](https://docs.showcase.copilotkit.ai/quickstart): Get started with CopilotKit's Built-in Agent in minutes.
- [API Reference](https://docs.showcase.copilotkit.ai/reference): API Reference for the next-generation CopilotKit React API.
- [Angular](https://docs.showcase.copilotkit.ai/reference/angular): API reference for @copilotkit/angular: the CopilotKit providers, prebuilt chat components, services, and functions for building CopilotKit into an Angular app.
- [CopilotChat](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChat): Angular standalone component that wires an agent to the chat UI, the @copilotkit/angular equivalent of React's CopilotChat
- [CopilotChatAssistantMessage](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChatAssistantMessage): Angular standalone component that renders a single assistant message with markdown content, tool calls, and a toolbar of copy, thumbs, read-aloud, and regenerate actions.
- [CopilotChatInput](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChatInput): Angular standalone component for the chat input area: textarea, send button, tools menu, file upload, and audio transcription, the @copilotkit/angular equivalent of React's CopilotChatInput
- [CopilotChatMessageView](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChatMessageView): Angular standalone component that renders a list of chat messages, routing each message to assistant, user, reasoning, or activity rendering with slot customization.
- [CopilotChatUserMessage](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChatUserMessage): Angular standalone component that renders a single user message with attachments, copy and edit actions, and branch navigation.
- [CopilotChatView](https://docs.showcase.copilotkit.ai/reference/angular/components/CopilotChatView): Angular standalone component that renders the chat layout (message feed and input) without agent wiring, the @copilotkit/angular equivalent of React's CopilotChatView
- [CopilotKitAgentContext](https://docs.showcase.copilotkit.ai/reference/angular/directives/CopilotKitAgentContext): Angular standalone directive that shares application state with the agent as context from a template for @copilotkit/angular.
- [connectAgentContext](https://docs.showcase.copilotkit.ai/reference/angular/functions/connectAgentContext): Angular function that adds reactive context for the agent and cleans it up automatically for @copilotkit/angular.
- [injectAgentStore](https://docs.showcase.copilotkit.ai/reference/angular/functions/injectAgentStore): Angular function that subscribes to an AG-UI agent and returns a signal of reactive agent state (messages, state, isRunning) for @copilotkit/angular.
- [injectChatLabels](https://docs.showcase.copilotkit.ai/reference/angular/functions/injectChatLabels): Angular function that returns the CopilotKit chat labels, with provided overrides merged over the defaults
- [injectCopilotKitConfig](https://docs.showcase.copilotkit.ai/reference/angular/functions/injectCopilotKitConfig): Angular function that reads the CopilotKitConfig provided through provideCopilotKit from the current injection context
- [provideCopilotChatLabels](https://docs.showcase.copilotkit.ai/reference/angular/functions/provideCopilotChatLabels): Angular provider that overrides the default text labels used by the CopilotKit chat components
- [provideCopilotKit](https://docs.showcase.copilotkit.ai/reference/angular/functions/provideCopilotKit): Angular provider that configures CopilotKit through dependency injection: runtime URL, agents, tools, headers, and more
- [registerFrontendTool](https://docs.showcase.copilotkit.ai/reference/angular/functions/registerFrontendTool): Angular function for registering a client-side frontend tool with CopilotKit, with an optional Angular renderer component, that runs in the browser when an agent calls it
- [registerHumanInTheLoop](https://docs.showcase.copilotkit.ai/reference/angular/functions/registerHumanInTheLoop): Angular function for registering a human-in-the-loop tool with CopilotKit that pauses the agent and resumes it when the user responds from a rendered component
- [registerRenderToolCall](https://docs.showcase.copilotkit.ai/reference/angular/functions/registerRenderToolCall): Angular function for registering a renderer component for a tool call with CopilotKit, with access to streaming arguments, status, and result
- [CopilotKit](https://docs.showcase.copilotkit.ai/reference/angular/services/CopilotKit): The root Angular service that exposes CopilotKit agents, tools, runtime state, and suggestions as signals
- [Channels SDK](https://docs.showcase.copilotkit.ai/reference/channels): API reference for the CopilotKit Channels SDK — @copilotkit/channels, @copilotkit/channels-ui, @copilotkit/channels-slack, and @copilotkit/channels-discord.
- [Thread](https://docs.showcase.copilotkit.ai/reference/channels/classes/Thread): The per-conversation handle — post and stream messages, run the agent, block on a human choice, and reach platform power through capability-gated methods.
- [Actions](https://docs.showcase.copilotkit.ai/reference/channels/components/Actions): Row container for interactive controls — Buttons, Selects, and Inputs — in a bot message.
- [Button](https://docs.showcase.copilotkit.ai/reference/channels/components/Button): Clickable button in a bot message — inline onClick handler, typed value, and primary/danger styling.
- [Context](https://docs.showcase.copilotkit.ai/reference/channels/components/Context): Small, muted secondary text in a bot message — footnotes and metadata.
- [Divider](https://docs.showcase.copilotkit.ai/reference/channels/components/Divider): Horizontal rule separating blocks in a bot message.
- [Fields](https://docs.showcase.copilotkit.ai/reference/channels/components/Fields): Two-column grid of label/value cells in a bot message, built from Field children.
- [Header](https://docs.showcase.copilotkit.ai/reference/channels/components/Header): Bold header / title row for a bot message.
- [Image](https://docs.showcase.copilotkit.ai/reference/channels/components/Image): Image block in a bot message.
- [Input](https://docs.showcase.copilotkit.ai/reference/channels/components/Input): Text input control in a bot message with an inline onSubmit handler.
- [Markdown](https://docs.showcase.copilotkit.ai/reference/channels/components/Markdown): Explicit markdown text block in a bot message.
- [Message](https://docs.showcase.copilotkit.ai/reference/channels/components/Message): Root container for a single posted bot message, with an optional accent color rail.
- [Section](https://docs.showcase.copilotkit.ai/reference/channels/components/Section): A block of markdown body text in a bot message.
- [Select](https://docs.showcase.copilotkit.ai/reference/channels/components/Select): Dropdown control in a bot message with an inline onSelect handler.
- [Table](https://docs.showcase.copilotkit.ai/reference/channels/components/Table): Data table in a bot message, built from Row and Cell children with optional column alignment.
- [discord](https://docs.showcase.copilotkit.ai/reference/channels/discord): The Discord platform adapter factory — Gateway ingress via discord.js, Components V2 egress, streaming replies, and slash-command registration.
- [defaultDiscordContext](https://docs.showcase.copilotkit.ai/reference/channels/discord/defaultDiscordContext): The Discord context entries the adapter ships — tagging procedure, formatting (no tables, <@id>/<#id>), and the channel/thread/DM conversation model.
- [defaultDiscordTools](https://docs.showcase.copilotkit.ai/reference/channels/discord/defaultDiscordTools): The Discord tools the adapter ships — lookup_discord_user resolves a name/handle to a <@id> mention.
- [DISCORD_LIMITS](https://docs.showcase.copilotkit.ai/reference/channels/discord/DISCORD_LIMITS): Per-element ceilings the Discord API enforces — the renderer degrades (truncate/clamp) rather than failing when a limit is hit.
- [renderComponents](https://docs.showcase.copilotkit.ai/reference/channels/discord/renderComponents): Translate the bot-ui BotNode IR to Discord Components V2, degrading within Discord's per-element budgets (DISCORD_LIMITS).
- [bind](https://docs.showcase.copilotkit.ai/reference/channels/functions/bind): Attach a small persisted payload to an inline interaction handler so it survives cold-path rehydration.
- [createBot](https://docs.showcase.copilotkit.ai/reference/channels/functions/createBot): Create a bot: wire platform adapters to an AG-UI agent, register tools, context, and slash commands, and get the handler surface.
- [defineBotCommand](https://docs.showcase.copilotkit.ai/reference/channels/functions/defineBotCommand): Define a typed slash command — name, optional Standard Schema options, and a handler receiving CommandContext.
- [defineBotTool](https://docs.showcase.copilotkit.ai/reference/channels/functions/defineBotTool): Define a typed BotTool — a frontend tool the agent can call whose handler runs in the bot with a Thread in scope.
- [renderToIR](https://docs.showcase.copilotkit.ai/reference/channels/functions/renderToIR): Render bot JSX to the serializable BotNode IR that platform adapters translate to native payloads.
- [slack](https://docs.showcase.copilotkit.ai/reference/channels/slack): The Slack platform adapter factory — Socket Mode ingress via Bolt, Block Kit egress, chat.update streaming, and ack-first opaque-id interactions.
- [defaultSlackContext](https://docs.showcase.copilotkit.ai/reference/channels/slack/defaultSlackContext): The Slack context entries the adapter ships — tagging procedure, Markdown-vs-mrkdwn guidance, and the thread/DM conversation model.
- [defaultSlackTools](https://docs.showcase.copilotkit.ai/reference/channels/slack/defaultSlackTools): The Slack tools the adapter ships — lookup_slack_user resolves a person to a <@USERID> mention.
- [markdownToMrkdwn](https://docs.showcase.copilotkit.ai/reference/channels/slack/markdownToMrkdwn): Translate GFM Markdown to Slack mrkdwn — bold, links, lists, and tables rendered monospace in a code fence.
- [renderBlockKit](https://docs.showcase.copilotkit.ai/reference/channels/slack/renderBlockKit): Translate the bot-ui BotNode IR to Slack Block Kit, degrading within Slack's per-element budgets (SLACK_LIMITS).
- [SanitizingHttpAgent](https://docs.showcase.copilotkit.ai/reference/channels/slack/SanitizingHttpAgent): An HttpAgent that tolerates the AG-UI event streams real agent backends emit — use it to connect the bot to a remote runtime over AGENT_URL.
- [ActionStore](https://docs.showcase.copilotkit.ai/reference/channels/types/ActionStore): The persistence contract behind inline JSX handlers — action snapshots, cold-path rehydration, the in-memory default, and durability tiers.
- [BotNode](https://docs.showcase.copilotkit.ai/reference/channels/types/BotNode): The serializable intermediate representation (IR) of bot UI — what JSX renders to and what platform adapters translate.
- [InteractionContext](https://docs.showcase.copilotkit.ai/reference/channels/types/InteractionContext): The context passed to interaction handlers — the thread, the clicked control's typed value, and the clicking user.
- [StateStore](https://docs.showcase.copilotkit.ai/reference/channels/types/StateStore): The pluggable persistence interface — five primitive groups, the built-in MemoryStore default, and a conformance suite for custom implementations.
- [CopilotChat](https://docs.showcase.copilotkit.ai/reference/components/CopilotChat): High-level chat component that connects an agent to a chat view
- [CopilotChatAssistantMessage](https://docs.showcase.copilotkit.ai/reference/components/CopilotChatAssistantMessage): Component for displaying assistant messages with Markdown, tool calls, and an action toolbar
- [CopilotChatInput](https://docs.showcase.copilotkit.ai/reference/components/CopilotChatInput): Primary text input and control surface for chat interactions
- [CopilotChatMessageView](https://docs.showcase.copilotkit.ai/reference/components/CopilotChatMessageView): Component for rendering a list of chat messages
- [CopilotChatUserMessage](https://docs.showcase.copilotkit.ai/reference/components/CopilotChatUserMessage): Component for displaying user-authored messages with branch navigation
- [CopilotChatView](https://docs.showcase.copilotkit.ai/reference/components/CopilotChatView): Layout component that combines a scrollable transcript with the input area
- [CopilotKit](https://docs.showcase.copilotkit.ai/reference/components/CopilotKit): The CopilotKit provider component, wrapping your application.
- [CopilotPopup](https://docs.showcase.copilotkit.ai/reference/components/CopilotPopup): Popup variant of CopilotChat that renders in a floating panel with a toggle button
- [CopilotSidebar](https://docs.showcase.copilotkit.ai/reference/components/CopilotSidebar): Sidebar variant of CopilotChat that renders in a fixed side panel
- [CopilotThreadsDrawer](https://docs.showcase.copilotkit.ai/reference/components/CopilotThreadsDrawer): Prebuilt threads drawer that lists, switches, and manages conversations next to CopilotChat
- [@copilotkit/core](https://docs.showcase.copilotkit.ai/reference/core): Framework-agnostic TypeScript client for CopilotKit. Runs anywhere JavaScript runs.
- [CopilotKitCore](https://docs.showcase.copilotkit.ai/reference/core/classes/CopilotKitCore): Framework-agnostic client that connects to a CopilotRuntime and manages agents, tools, context, and suggestions.
- [ProxiedCopilotRuntimeAgent](https://docs.showcase.copilotkit.ai/reference/core/classes/ProxiedCopilotRuntimeAgent): AG-UI agent that proxies a CopilotRuntime agent over REST, single-route, or Intelligence transports.
- [CopilotKitCoreErrorCode](https://docs.showcase.copilotkit.ai/reference/core/enums/CopilotKitCoreErrorCode): Stable error codes surfaced through the onError subscriber callback.
- [CopilotKitCoreRuntimeConnectionStatus](https://docs.showcase.copilotkit.ai/reference/core/enums/CopilotKitCoreRuntimeConnectionStatus): Connection states between CopilotKitCore and the CopilotRuntime.
- [ToolCallStatus](https://docs.showcase.copilotkit.ai/reference/core/enums/ToolCallStatus): Lifecycle states of a tool call as it streams in and executes.
- [CopilotKitCoreConfig](https://docs.showcase.copilotkit.ai/reference/core/types/CopilotKitCoreConfig): Configuration object passed to the CopilotKitCore constructor.
- [CopilotKitCoreSubscriber](https://docs.showcase.copilotkit.ai/reference/core/types/CopilotKitCoreSubscriber): Set of optional callbacks notified of CopilotKitCore lifecycle events.
- [FrontendTool](https://docs.showcase.copilotkit.ai/reference/core/types/FrontendTool): Definition of a frontend tool the agent can call in the browser.
- [ProxiedCopilotRuntimeAgentConfig](https://docs.showcase.copilotkit.ai/reference/core/types/ProxiedCopilotRuntimeAgentConfig): Configuration object for constructing a ProxiedCopilotRuntimeAgent.
- [Suggestion](https://docs.showcase.copilotkit.ai/reference/core/types/Suggestion): A single suggested prompt presented to the user.
- [SuggestionsConfig](https://docs.showcase.copilotkit.ai/reference/core/types/SuggestionsConfig): Configuration for generating dynamic or static suggestions.
- [useAgent](https://docs.showcase.copilotkit.ai/reference/hooks/useAgent): React hook for accessing AG-UI agent instances
- [useAgentContext](https://docs.showcase.copilotkit.ai/reference/hooks/useAgentContext): React hook for providing dynamic context to agents
- [useCapabilities](https://docs.showcase.copilotkit.ai/reference/hooks/useCapabilities): React hook for reading an agent's declared capabilities
- [useComponent](https://docs.showcase.copilotkit.ai/reference/hooks/useComponent): Register a React component as a frontend tool renderer in chat
- [useConfigureSuggestions](https://docs.showcase.copilotkit.ai/reference/hooks/useConfigureSuggestions): React hook for configuring chat suggestions
- [useCopilotChatConfiguration](https://docs.showcase.copilotkit.ai/reference/hooks/useCopilotChatConfiguration): React hook and provider for chat UI configuration and labels
- [useCopilotKit](https://docs.showcase.copilotkit.ai/reference/hooks/useCopilotKit): Low-level React hook for accessing the CopilotKit context
- [useDefaultRenderTool](https://docs.showcase.copilotkit.ai/reference/hooks/useDefaultRenderTool): Register a wildcard default renderer for unhandled tool calls
- [useFrontendTool](https://docs.showcase.copilotkit.ai/reference/hooks/useFrontendTool): React hook for registering client-side tool handlers with optional UI rendering
- [useHumanInTheLoop](https://docs.showcase.copilotkit.ai/reference/hooks/useHumanInTheLoop): React hook for interactive tools that pause agent execution and wait for user input
- [useInterrupt](https://docs.showcase.copilotkit.ai/reference/hooks/useInterrupt): React hook for handling agent interrupt events and resuming execution with user input
- [useRenderTool](https://docs.showcase.copilotkit.ai/reference/hooks/useRenderTool): Register typed renderers for tool calls, by tool name or wildcard
- [useRenderToolCall](https://docs.showcase.copilotkit.ai/reference/hooks/useRenderToolCall): React hook that returns a renderer function for tool calls in the chat interface
- [useSuggestions](https://docs.showcase.copilotkit.ai/reference/hooks/useSuggestions): React hook for accessing chat suggestions
- [useThreads](https://docs.showcase.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.
- [React Native](https://docs.showcase.copilotkit.ai/reference/react-native): API reference for @copilotkit/react-native: the headless provider, prebuilt UI components, and hooks for building CopilotKit into a React Native app.
- [AssistantMessage](https://docs.showcase.copilotkit.ai/reference/react-native/components/AssistantMessage): A left-aligned assistant chat bubble that renders Markdown content, with an optional typing indicator and timestamp.
- [CopilotChat](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotChat): Headless chat primitive that wires an agent into context, plus a prebuilt full-screen chat UI from the /components subpath.
- [CopilotKitProvider](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotKitProvider): The React Native provider that configures the CopilotKit runtime connection and shares it with all hooks and components.
- [CopilotMarkdown](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotMarkdown): Render Markdown text with React Native styling tuned for chat. Handles streaming content gracefully.
- [CopilotModal](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotModal): Headless modal wrapper around CopilotChat, plus a prebuilt bottom-sheet chat from the /components subpath.
- [CopilotPopup](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotPopup): A prebuilt floating action button that opens a CopilotChat session in a modal overlay card.
- [CopilotSidebar](https://docs.showcase.copilotkit.ai/reference/react-native/components/CopilotSidebar): A prebuilt slide-in drawer from the right edge of the screen that wraps a CopilotChat session.
- [UserMessage](https://docs.showcase.copilotkit.ai/reference/react-native/components/UserMessage): A right-aligned user chat bubble that renders plain text, with an optional timestamp.
- [useAgent](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useAgent): React hook for accessing AG-UI agent instances in React Native
- [useAgentContext](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useAgentContext): React hook for providing dynamic context to agents
- [useAttachments](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useAttachments): React Native hook for adding multimodal file attachments to a chat using Expo's document picker and file system.
- [useCapabilities](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useCapabilities): React hook for reading an agent's declared capabilities
- [useComponent](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useComponent): Register a React component as a frontend tool renderer in chat
- [useConfigureSuggestions](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useConfigureSuggestions): React hook for configuring chat suggestions
- [useCopilotKit](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useCopilotKit): Low-level React hook for accessing the CopilotKit context in React Native
- [useFrontendTool](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useFrontendTool): React hook for registering client-side tool handlers with optional UI rendering in React Native
- [useHumanInTheLoop](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useHumanInTheLoop): React hook for interactive tools that pause agent execution and wait for user input
- [useInterrupt](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useInterrupt): React hook for handling agent interrupt events and resuming execution with user input
- [useRenderTool](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useRenderTool): Register a React Native component to render inline when an agent calls a tool.
- [useSuggestions](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useSuggestions): React hook for accessing chat suggestions
- [useThreads](https://docs.showcase.copilotkit.ai/reference/react-native/hooks/useThreads): React hook for listing, managing, and syncing conversation threads with useThreads. Rename, archive, delete, and paginate threads with realtime updates via WebSocket.
- [API Reference](https://docs.showcase.copilotkit.ai/reference/v1): API Reference for CopilotKit's components, classes and hooks.
- [CopilotRuntime](https://docs.showcase.copilotkit.ai/reference/v1/classes/CopilotRuntime): Copilot Runtime is the back-end component of CopilotKit, enabling interaction with LLMs.
- [CopilotTask](https://docs.showcase.copilotkit.ai/reference/v1/classes/CopilotTask): CopilotTask is used to execute one-off tasks, for example on button click.
- [AnthropicAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/AnthropicAdapter): Copilot Runtime adapter for Anthropic.
- [GoogleGenerativeAIAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/GoogleGenerativeAIAdapter): Copilot Runtime adapter for Google Generative AI (e.g. Gemini).
- [GroqAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/GroqAdapter): Copilot Runtime adapter for Groq.
- [LangChainAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/LangChainAdapter): Copilot Runtime adapter for LangChain.
- [OpenAIAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/OpenAIAdapter): Copilot Runtime adapter for OpenAI.
- [OpenAIAssistantAdapter](https://docs.showcase.copilotkit.ai/reference/v1/classes/llm-adapters/OpenAIAssistantAdapter): Copilot Runtime adapter for OpenAI Assistant API.
- [All Chat Components](https://docs.showcase.copilotkit.ai/reference/v1/components/chat)
- [CopilotChat](https://docs.showcase.copilotkit.ai/reference/v1/components/chat/CopilotChat): The CopilotChat component, providing a chat interface for interacting with your copilot.
- [CopilotPopup](https://docs.showcase.copilotkit.ai/reference/v1/components/chat/CopilotPopup): The CopilotPopup component, providing a popup interface for interacting with your copilot.
- [CopilotSidebar](https://docs.showcase.copilotkit.ai/reference/v1/components/chat/CopilotSidebar): The CopilotSidebar component, providing a sidebar interface for interacting with your copilot.
- [CopilotKit](https://docs.showcase.copilotkit.ai/reference/v1/components/CopilotKit): The CopilotKit provider component, wrapping your application.
- [CopilotTextarea](https://docs.showcase.copilotkit.ai/reference/v1/components/CopilotTextarea): An AI-powered textarea component for your application, which serves as a drop-in replacement for any textarea.
- [useAgent](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useAgent): React hook for accessing AG-UI agent instances
- [useCoAgent](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCoAgent): The useCoAgent hook allows you to share state bidirectionally between your application and the agent.
- [useCoAgentStateRender](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCoAgentStateRender): The useCoAgentStateRender hook allows you to render the state of the agent in the chat.
- [useCopilotAction](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotAction): The useCopilotAction hook allows your copilot to take action in the app.
- [useCopilotAdditionalInstructions](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotAdditionalInstructions): The useCopilotAdditionalInstructions hook allows you to provide additional instructions to the agent.
- [useCopilotChat](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotChat)
- [useCopilotChatHeadless_c](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotChatHeadless_c)
- [useCopilotChatSuggestions](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotChatSuggestions): The useCopilotChatSuggestions hook generates suggestions in the chat window based on real-time app state.
- [useCopilotReadable](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useCopilotReadable): The useCopilotReadable hook allows you to provide knowledge to your copilot (e.g. application state).
- [useDefaultTool](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useDefaultTool): The useDefaultTool hook enables rendering of a default UI which catches any tool that does not have a specific renderer.
- [useFrontendTool](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useFrontendTool): The useFrontendTool hook allows the Copilot to execute tools in the frontend.
- [useHumanInTheLoop](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useHumanInTheLoop): The useHumanInTheLoop hook enables human approval and interaction workflows.
- [useLangGraphInterrupt](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useLangGraphInterrupt): The useLangGraphInterrupt hook allows setting the generative UI to be displayed on LangGraph's Interrupt event.
- [useRenderToolCall](https://docs.showcase.copilotkit.ai/reference/v1/hooks/useRenderToolCall): The useRenderToolCall hook enables rendering of backend tool calls in the frontend.
- [LangGraph SDK](https://docs.showcase.copilotkit.ai/reference/v1/sdk/js/LangGraph): The CopilotKit LangGraph SDK for JavaScript allows you to build and run LangGraph workflows with CopilotKit.
- [CrewAI SDK](https://docs.showcase.copilotkit.ai/reference/v1/sdk/python/CrewAI): The CopilotKit CrewAI SDK for Python allows you to build and run CrewAI agents with CopilotKit.
- [CrewAIAgent](https://docs.showcase.copilotkit.ai/reference/v1/sdk/python/CrewAIAgent): CrewAIAgent lets you define your agent for use with CopilotKit.
- [LangGraph SDK](https://docs.showcase.copilotkit.ai/reference/v1/sdk/python/LangGraph): The CopilotKit LangGraph SDK for Python allows you to build and run LangGraph workflows with CopilotKit.
- [LangGraphAgent](https://docs.showcase.copilotkit.ai/reference/v1/sdk/python/LangGraphAgent): LangGraphAgent lets you define your agent for use with CopilotKit.
- [Remote Endpoints](https://docs.showcase.copilotkit.ai/reference/v1/sdk/python/RemoteEndpoints): CopilotKit Remote Endpoints allow you to connect actions and agents written in Python to your CopilotKit application.
- [useCapabilities](https://docs.showcase.copilotkit.ai/reference/v2/hooks/useCapabilities): React hook for reading an agent's declared capabilities
- [Vue](https://docs.showcase.copilotkit.ai/reference/vue): API reference for @copilotkit/vue: the CopilotKit provider, prebuilt chat components, and composables for building CopilotKit into a Vue 3 app.
- [CopilotChat](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChat): Vue 3 component that connects an agent to a chat view
- [CopilotChatAssistantMessage](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChatAssistantMessage): Vue 3 component for displaying assistant messages with Markdown, tool calls, and an action toolbar
- [CopilotChatInput](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChatInput): Primary text input and control surface for chat interactions in Vue 3
- [CopilotChatMessageView](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChatMessageView): Vue 3 component for rendering a list of chat messages
- [CopilotChatUserMessage](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChatUserMessage): Vue 3 component for displaying user-authored messages with copy, edit, and branch navigation.
- [CopilotChatView](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotChatView): Vue 3 layout component that combines a scrollable transcript with the input area
- [CopilotKitProvider](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotKitProvider): The Vue 3 provider component that wraps your application and supplies the CopilotKit context.
- [CopilotPopup](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotPopup): Vue 3 popup variant of CopilotChat that renders in a floating panel with a toggle button.
- [CopilotSidebar](https://docs.showcase.copilotkit.ai/reference/vue/components/CopilotSidebar): Sidebar variant of CopilotChat that renders in a fixed side panel
- [useAgent](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useAgent): Vue 3 composable for accessing AG-UI agent instances
- [useAgentContext](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useAgentContext): Vue 3 composable for providing reactive context to agents
- [useCapabilities](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useCapabilities): Vue composable for reading an agent's declared capabilities
- [useComponent](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useComponent): Register a Vue component as a frontend tool renderer in chat
- [useConfigureSuggestions](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useConfigureSuggestions): Vue 3 composable for configuring chat suggestions
- [useCopilotChatConfiguration](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useCopilotChatConfiguration): Vue 3 composable for reading reactive chat UI configuration and labels
- [useCopilotKit](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useCopilotKit): Low-level Vue 3 composable for accessing the CopilotKit context
- [useDefaultRenderTool](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useDefaultRenderTool): Vue 3 composable that registers a wildcard default renderer for unhandled tool calls
- [useFrontendTool](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useFrontendTool): Vue composable for registering a client-side tool with an optional Vue renderer
- [useHumanInTheLoop](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useHumanInTheLoop): Vue 3 composable for interactive tools that pause agent execution and wait for user input
- [useInterrupt](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useInterrupt): Vue 3 composable for handling agent interrupt events and resuming execution with user input
- [useRenderTool](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useRenderTool): Register typed Vue renderers for tool calls, by tool name or wildcard
- [useSuggestions](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useSuggestions): Vue 3 composable for accessing chat suggestions
- [useThreads](https://docs.showcase.copilotkit.ai/reference/vue/hooks/useThreads): Vue 3 composable for listing, managing, and syncing conversation threads with useThreads -- rename, archive, delete, and paginate threads with realtime updates.
- [Deploy to any runtime](https://docs.showcase.copilotkit.ai/runtime-server-adapter): Deploy the CopilotKit runtime on any backend framework — Node.js, Express, Hono, Bun, Deno, Cloudflare Workers, and more.
- [Server Tools](https://docs.showcase.copilotkit.ai/server-tools): Define backend tools for your Built-in Agent.
- [Shared State](https://docs.showcase.copilotkit.ai/shared-state): Bidirectional state sharing between your app and the Built-in Agent.
- [Agent Read-Only Context](https://docs.showcase.copilotkit.ai/shared-state/agent-readonly): Publish UI values to the agent as a one-way read-only channel via useAgentContext.
- [Render agent state in your app](https://docs.showcase.copilotkit.ai/shared-state/rendering-in-app): Read agent.state with useAgent and render it in your main view or canvas.
- [State Streaming](https://docs.showcase.copilotkit.ai/shared-state/streaming): Stream partial agent state updates to the UI while a tool call is still running.
- [Introduction](https://docs.showcase.copilotkit.ai/strands): Bring your AWS Strands agents to your users with CopilotKit via AG-UI.
- [Introduction](https://docs.showcase.copilotkit.ai/strands-typescript): Bring your AWS Strands agents to your users with CopilotKit via AG-UI.
- [AG-UI](https://docs.showcase.copilotkit.ai/strands-typescript/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/strands-typescript/build-with-agents): Use our MCP server to connect your AWS Strands agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/strands-typescript/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/strands-typescript/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/strands-typescript/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/strands-typescript/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.copilotkit.ai/strands-typescript/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.showcase.copilotkit.ai/strands-typescript/custom-look-and-feel/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Slots](https://docs.showcase.copilotkit.ai/strands-typescript/custom-look-and-feel/slots): Customize any part of the chat UI by overriding individual sub-components via slots.
- [AWS AgentCore](https://docs.showcase.copilotkit.ai/strands-typescript/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/strands-typescript/frontend-tools): Create frontend tools and use them within your Strands agent.
- [A2UI](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/strands-typescript/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/strands-typescript/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Inspector](https://docs.showcase.copilotkit.ai/strands-typescript/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/strands-typescript/prebuilt-components): Drop-in chat components for your AWS Strands agent.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/strands-typescript/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/strands-typescript/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.copilotkit.ai/strands-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.showcase.copilotkit.ai/strands-typescript/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/strands-typescript/quickstart): Turn your Strands agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/strands-typescript/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/strands-typescript/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/strands-typescript/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/strands-typescript/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/strands-typescript/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.copilotkit.ai/strands-typescript/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.showcase.copilotkit.ai/strands-typescript/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/strands-typescript/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/strands-typescript/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [AG-UI](https://docs.showcase.copilotkit.ai/strands/ag-ui): The AG-UI protocol connects your frontend to your AI agents via event-based Server-Sent Events (SSE).
- [Build with agents](https://docs.showcase.copilotkit.ai/strands/build-with-agents): Use our MCP server to connect your AWS Strands agents to CopilotKit.
- [CopilotKit CLI](https://docs.showcase.copilotkit.ai/strands/cli): Use the CopilotKit CLI to create apps, sign in to Cloud-Hosted Enterprise Intelligence, select projects, provision runtime API keys, import historical conversations, and install agent skills.
- [Code Contributions](https://docs.showcase.copilotkit.ai/strands/contributing/code-contributions)
- [Advanced: Package Linking](https://docs.showcase.copilotkit.ai/strands/contributing/code-contributions/package-linking)
- [Documentation Contributions](https://docs.showcase.copilotkit.ai/strands/contributing/docs-contributions)
- [Copilot Runtime](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/strands/deploy-agentcore): Add a production-ready frontend to your AWS AgentCore agents with CopilotKit.
- [Frontend Tools](https://docs.showcase.copilotkit.ai/strands/frontend-tools): Create frontend tools and use them within your Strands agent.
- [A2UI](https://docs.showcase.copilotkit.ai/strands/generative-ui/a2ui): Render declarative UI components using the A2UI specification.
- [MCP Apps](https://docs.showcase.copilotkit.ai/strands/generative-ui/mcp-apps): Render interactive UI components from MCP servers directly in your chat interface.
- [State Rendering](https://docs.showcase.copilotkit.ai/strands/generative-ui/state-rendering): Render the state of your agent with custom UI components.
- [Tool Rendering](https://docs.showcase.copilotkit.ai/strands/generative-ui/tool-rendering): Render your agent's tool calls with custom UI components.
- [Display-only](https://docs.showcase.copilotkit.ai/strands/generative-ui/your-components/display-only): Register React components that your agent can render in the chat.
- [Interactive](https://docs.showcase.copilotkit.ai/strands/generative-ui/your-components/interactive): Create components that your agent can use to interact with the user.
- [Headless Threads](https://docs.showcase.copilotkit.ai/strands/headless-threads): Build a custom thread UI with useThreads while CopilotKit handles persistence, replay, synchronization, and lifecycle infrastructure.
- [Inspector](https://docs.showcase.copilotkit.ai/strands/inspector): Inspector for debugging actions, readables, agent status, messages, and context.
- [Prebuilt Components](https://docs.showcase.copilotkit.ai/strands/prebuilt-components): Drop-in chat components for your AWS Strands agent.
- [Fully Headless UI](https://docs.showcase.copilotkit.ai/strands/premium/headless-ui): Fully customize your Copilot's UI from the ground up using headless UI
- [Enterprise Intelligence Platform](https://docs.showcase.copilotkit.ai/strands/premium/overview): Enterprise Intelligence Platform capabilities for CopilotKit.
- [Self-Hosting Enterprise Intelligence](https://docs.showcase.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.showcase.copilotkit.ai/strands/programmatic-control): Chat with an agent using CopilotKit's UI components.
- [Quickstart](https://docs.showcase.copilotkit.ai/strands/quickstart): Turn your Strands agent into an agent-native application in 10 minutes.
- [Reading agent state](https://docs.showcase.copilotkit.ai/strands/shared-state/in-app-agent-read): Read the realtime agent state in your native application.
- [Writing agent state](https://docs.showcase.copilotkit.ai/strands/shared-state/in-app-agent-write): Write to agent's state from your application.
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/strands/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/strands/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Common Copilot Issues](https://docs.showcase.copilotkit.ai/strands/troubleshooting/common-issues): Common issues you may encounter when using Copilots.
- [Error Debugging & Observability](https://docs.showcase.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.showcase.copilotkit.ai/strands/troubleshooting/migrate-to-1.10.X): Migration guide for CopilotKit 1.10.X
- [Migrate to 1.8.2](https://docs.showcase.copilotkit.ai/strands/troubleshooting/migrate-to-1.8.2): Migration guide for CopilotKit 1.8.2
- [Migrate to V2](https://docs.showcase.copilotkit.ai/strands/troubleshooting/migrate-to-v2): Migration guide for upgrading to CopilotKit V2 frontend packages
- [Anonymous Telemetry](https://docs.showcase.copilotkit.ai/telemetry)
- [Threads](https://docs.showcase.copilotkit.ai/threads): Add persistent, resumable agent conversations without building storage, replay, synchronization, and lifecycle infrastructure yourself.
- [Import Thread History](https://docs.showcase.copilotkit.ai/threads-import): Move historical conversations into Enterprise Intelligence, then keep future conversations synced with CopilotKit threads.
- [Common Copilot Issues](https://docs.showcase.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.showcase.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.showcase.copilotkit.ai/troubleshooting/error-debugging): Surface errors visually in development, and wire programmatic error handlers for Sentry / Datadog / your analytics pipeline in production.
- [Error message reference](https://docs.showcase.copilotkit.ai/troubleshooting/error-reference): Find the cause and fix for common CopilotKit console, network, and error UI messages.
- [AG-UI Event Inspector](https://docs.showcase.copilotkit.ai/troubleshooting/event-inspector): Inspect AG-UI events in real time with the VSCode extension
- [Hook Explorer](https://docs.showcase.copilotkit.ai/troubleshooting/hook-explorer): Discover and live-preview CopilotKit render hooks without leaving VS Code.
- [Inspector and dev console](https://docs.showcase.copilotkit.ai/troubleshooting/inspector-dev-console): Choose the right inspector and dev console prop for v1 and v2.
- [Next Steps](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/next-steps)
- [Overview](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/overview)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/step-2-setup-copilotkit)
- [Step 4: Copilot Textarea](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/step-3-copilot-textarea)
- [Step 3: Copilot Readable State](https://docs.showcase.copilotkit.ai/tutorials/ai-powered-textarea/step-4-copilot-readable-state)
- [Next Steps](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/next-steps)
- [Overview](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/overview)
- [Step 1: Checkout the repo](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/step-1-checkout-repo)
- [Step 2: Setup CopilotKit](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/step-2-setup-copilotkit)
- [Step 3: Copilot Readable State](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/step-3-copilot-readable-state)
- [Step 4: Frontend Tools](https://docs.showcase.copilotkit.ai/tutorials/ai-todo-app/step-4-frontend-tools)
- [Tutorial: Build a Multi-Conversation Chat App](https://docs.showcase.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.showcase.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.showcase.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.showcase.copilotkit.ai/whats-new): Latest updates, features, and announcements from CopilotKit
- [A2A and MCP Handshake](https://docs.showcase.copilotkit.ai/whats-new/a2a-mcp-handshake): AG-UI handshakes enable seamless protocol interoperability
- [A2UI Launches with full AG-UI Support](https://docs.showcase.copilotkit.ai/whats-new/a2ui-launch): CopilotKit launches with full A2UI compatibility as a Google launch partner
- [Generative UI Spec Support](https://docs.showcase.copilotkit.ai/whats-new/generative-ui-spec-support): CopilotKit now supports all major Generative UI specifications
- [LangGraph Deep Agents in CopilotKit](https://docs.showcase.copilotkit.ai/whats-new/langgraph-deep-agents): Leverage LangGraph Deep Agents to build sophisticated agentic applications with CopilotKit.
- [Full MCP Apps Support](https://docs.showcase.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.showcase.copilotkit.ai/whats-new/v1-50): Brand new interfaces, streamlined internals, and no breaking changes