Inspector
Inspector for debugging actions, readables, agent status, messages, and context.
What it shows#
The CopilotKit Inspector is a built-in debugging tool that overlays on your app, giving you full visibility into what's happening between your frontend and your agents in real time.
| Feature | Description |
|---|---|
| AG-UI Events | View the raw AG-UI event stream between your frontend and agent in real time. |
| Available Agents | See which agents are connected and available to your app. |
| Agent State | Inspect your agent's current state as it updates. |
| Frontend Tools | See what tools you've defined on the frontend and their parameter schemas. |
| Context | View the context you've provided to the agent, including readables and document context. |
Disabling the Inspector#
The Inspector is enabled by default. To disable it, set enableInspector to false:
<CopilotKit
publicLicenseKey={process.env.NEXT_PUBLIC_COPILOTKIT_LICENSE_KEY}
enableInspector={false}
>
{children}
</CopilotKit>
No matter what, the inspector automatically disables when you create a production build.
The threads tab needs Intelligence
When you open the Inspector, threads is the default tab. Sign up for the free Developer tier to see your conversation history.
Info
Want to preview A2UI catalog components directly in your editor? See the VS Code Extension for live preview with hot-reload.