docs/snippets/shared/premium/inspector.mdx
<video src="https://cdn.copilotkit.ai/docs/copilotkit/videos/inspector.mp4" className="rounded-lg shadow-xl" loop playsInline controls autoPlay muted />
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. |
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.