Claude Code Agent Monitor brings a high-fidelity, real-time dashboard for your Claude Code AI sessions directly into your VS Code workspace. Monitor token usage, track agent health, and view deep analytics without switching windows.
Open the full agent monitoring dashboard in a dedicated VS Code tab. Supports real-time updates via WebSockets and local-first data storage.
Track all 5 agent states in your sidebar with color-coded status indicators:
- Working: Active subagents currently processing tasks.
- Connected: Agents initialized and ready.
- Idle: Standby agents.
- Completed: Successfully finished tasks.
- Error/Failed: Instantly spot where things went wrong.
- Token Tracking: Real-time display of Billions (B) or Millions (M) of tokens consumed.
- Cost Calculation: Live estimate of total USD cost based on current model pricing.
- Event Frequency: High-signal stats on events per session and subagent spawning.
Jump directly to specific views from the sidebar:
- Main Dashboard: Global overview.
- Analytics Hub: Deep dives into model performance.
- Agent Board: Kanban-style view of subagent progress.
- Recent Sessions: One-click access to your last 10 Claude sessions.
Ensure you have the Claude Code Agent Monitor server running locally:
npm install
npm run dev- Search for "Claude Code Agent Monitor" in the VS Code Marketplace.
- Click Install.
- Click the Radar/Dashboard icon in the Activity Bar.
- The extension automatically detects your local server on ports 5173 (dev) or 4820 (prod).
- Use the Refresh button in the sidebar to manually force an update.
To generate a .vsix file for manual installation or marketplace upload:
- Install
vsceglobally:npm install -g @vscode/vsce
- Navigate to the extension folder:
cd vscode-extension - Run the package command:
This will generate
vsce package
claude-code-agent-monitor-1.0.0.vsix.
This extension is licensed under the MIT License.
Developed with ❤️ for the AI Engineer community.