Claude Watchboard

Visualize your Claude Code session history directly in VS Code — context usage, tool stats, cost tracking, and conversation timeline.

Features

Sessions grouped by date or git branch — toggle with [date | branch] segmented control
Quick stats bar: total cost, today's spend, session count, avg duration, and token usage (input / output / cached)
Search/filter sessions by prompt or branch name
Model badge — color-coded model indicator per session (Opus / Sonnet / Haiku)
Resume in terminal — >_ button on each session card opens a new terminal and runs claude -r <session-id>

Context Usage — visual bar with dynamic limit (1M for Opus/Sonnet 4.6, 200K for others)
Cache Efficiency — stacked bar showing cache hit/write/uncached breakdown with hit rate %
Model & Entrypoint — badges showing which model and where the session was started (VSCode / Browser / CLI)
Activity Grid — read/write/bash/web search/web fetch/error counts at a glance
Tool Distribution — sorted bar chart of all tools used (expandable)
Spawned Agents — list of subagents with their type and description
Cost Estimate — input/output token cost breakdown
Files Touched — list of modified files with directory paths
Conversation History — full turn-by-turn timeline with tool tags, duration, and token counts

AI-generated titles — uses Claude's auto-generated session titles for better naming
Turn Duration — per-turn execution time from Claude's internal timing
Error Tracking — tool errors extracted and counted
Copy Summary — one-click markdown summary to clipboard
Status Bar — always-visible cost and session count

This extension reads local JSONL files only. No API calls, no network requests. All data comes from:

~/.claude/projects/{encoded-workspace-path}/sessions-index.json
~/.claude/projects/{encoded-workspace-path}/{session-id}.jsonl

MIT