Dashcam

See what your AI agents did while you were away.

You kicked off Claude Code at 11 PM. It ran five hours straight — writing code, making architectural decisions, spinning up tests, hitting errors, recovering, refactoring. By the time you open your laptop in the morning, there are 47 changed files, 3 new database migrations, and a completely restructured auth system. The git diff tells you what changed. It tells you nothing about why, when, or what the app looked like at each stage. You are left reverse-engineering hours of autonomous work from cold diffs and stale commit messages.

Dashcam is a flight recorder for AI coding agents. It records your Claude Code sessions from their hook and transcript events (prompts, tool calls, edits and errors), adds app screenshots when a development server is reachable, and lays it all out on a scrubable timeline you can review later. Think of it as YouTube for your agents' work: browse sessions like video thumbnails, scrub through a 60fps canvas timeline, and inspect dockable panels showing the agent's chat, code changes, app screenshots, and test results at any point in time.

Why Dashcam Exists

The "overnight builder" workflow is the new normal. Developers run AI agents for hours — during meetings, over lunch, overnight — and come back to massive amounts of completed work. But there is a critical visibility gap:

• Git diffs show what changed, not why. The reasoning behind every architectural decision is lost the moment the agent finishes.
• No visual history. What did the app look like after the agent rewired the navigation? After it broke the layout? After it fixed it?
• No timeline. When you run multiple agents in parallel, there is no way to see who did what, when, and in what order.
• No live monitoring. Is the agent stuck in a loop? Burning tokens on a dead end? You have no idea until it is done.

Dashcam fills this gap, locally, on your own machine.

What You Get

• Session Browser — A YouTube-inspired grid of session cards with thumbnails, duration badges, agent identity, and event counts. Click any session to dive into its timeline.
• Scrubable Timeline — A canvas-rendered, 60fps horizontal timeline with swim lanes for every agent. Drag the playhead and watch every panel update to show the exact state at that moment.
• Dockable Panels — VS Code-style panels (built on Dockview) showing Chat, Code diffs, Screenshots, Test results, Decisions, and Cost at the playhead position. Drag, split, tab, and dock them however you want.
• Live Monitoring — Watch running agents in real-time. Events stream onto the timeline as they happen. See status indicators, event counters, and session timers.
• Screenshot Capture — Automatic screenshots after every file write when a dev server is detected. Perceptual hashing skips duplicates. Before/after comparison sliders in the Result panel.
• 5-Hour Window Management — Tracks subscription windows with color-coded countdown timers and configurable warning thresholds.

Quick Install

Get Dashcam running in two commands:

npx dashcam init && npx dashcam start

Then open http://localhost:57580 in your browser. Start a Claude Code session — events will flow into Dashcam automatically.

Next Steps

Head to the Quick Start guide for a step-by-step walkthrough, or jump straight into the core concepts:

• Sessions — How Dashcam organizes agent runs
• Timeline — The scrubable, canvas-rendered heart of Dashcam
• Panels — IDE-style dockable panels for deep inspection