mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Tyler Slaton
37 lines
1.2 KiB
Plaintext
37 lines
1.2 KiB
Plaintext
<video
|
|
src="https://cdn.copilotkit.ai/docs/copilotkit/videos/inspector.mp4"
|
|
className="rounded-lg shadow-xl"
|
|
loop
|
|
playsInline
|
|
controls
|
|
autoPlay
|
|
muted
|
|
/>
|
|
|
|
## 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`:
|
|
|
|
```tsx
|
|
<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.**
|