Inspector
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.