Cogpit
See inside your Claude Code sessions
An open-source dashboard for observing, understanding, and controlling Claude Code agent sessions in real-time. Watch what your agents do, track costs, manage teams, and take control when needed.
What is Cogpit?
Claude Code is powerful but opaque — agents run commands, edit files, and make decisions behind a terminal. Cogpit gives you a window into every session with real-time streaming, detailed analytics, and interactive controls.
Observe
Watch agent sessions in real-time with live SSE streaming. See every tool call, edit, and decision as it happens.
Understand
Real-time context window usage, token analytics, per-turn cost tracking, and detailed tool call inspection.
Control
Conversation branching, permissions management, chat with sessions, and manage multi-agent teams.
Conversation Timeline
See every turn, tool call, edit diff, and agent thought — all in one interactive view. Click to expand.
Add a dark mode toggle to the settings page
export function SettingsPage() {
return (
<div className="p-6">
<h1>Settings</h1>
<section>
<h2>General</h2>
{/* settings content */}
</section>
</div>
);
}I found the settings page and the existing theme hook. Let me add the dark mode toggle.
Done! I've added a dark mode toggle to the settings page. The toggle uses the existing `useTheme` hook and all tests pass.
Features
Everything you need to monitor and manage Claude Code sessions.
Live Streaming
SSE-powered real-time session updates. Watch every agent action as it happens, with auto-scrolling and live indicators.
Context Window
Real-time context usage tracking. See how much of the context window is consumed and how it grows across turns.
Token Analytics
Per-turn cost tracking with SVG charts. Input, output, and cache tokens broken down by turn with estimated cost.
Tool Call Inspector
Drill into every tool call with full input, output, and status. Inspect Read, Edit, Bash, Grep, and more with syntax-highlighted diffs.
Parallel Sessions
Run and monitor multiple agent sessions side by side. Switch between sessions instantly and track progress across all of them.
Sub-Agent Tracking
See nested agent spawns and their work. Track teams, task assignments, and inter-agent messages in real-time.
Agent Teams
Monitor multi-agent teams collaborating on complex tasks. See members, task boards, and real-time messages.
Members
Tasks
Activity
Starting the implementation. I'll coordinate tasks — check TaskList for your assignments.
Auth system complete with JWT + refresh tokens. All tests passing.
Great work! Can you also add the settings page when you're done with the dashboard?
Found existing patterns in src/lib/hooks. The useQuery hook already handles caching.
Dashboard layout is done. Moving on to the interactive components now.
Went idle
Assigned task #5 to backend-dev: Add WebSocket support
Conversation Branching
Take back agent actions and explore alternative approaches with conversation branching.
Build a user authentication system with JWT
I'll set up the authentication system. Let me start with the user model and auth routes.
Add password hashing and input validation
Added bcrypt hashing and Zod validation schemas. All tests passing.
Get Started
Download the desktop app or run from source — up and running in under a minute.
Desktop App
Recommended — no setup required
All packages available on the Releases page.
From Source
Requires Bun + Claude Code
See the README for Electron builds, configuration, and advanced setup.