Back to Projects
ActiveFeatured

Claude Hindsight

Claude Hindsight
Codestz/claude-hindsightRust 19 2

Observability for Claude Code. Parses the raw JSONL transcripts Claude writes to disk and turns them into a full web dashboard — tool calls, costs, errors, and a 3D execution graph, all from a single zero-dependency binary.

Tech Stack

RustTypeScriptAstroSSEWebGLClaude Code

20/20 hindsight for your Claude Code sessions

When an agent session goes sideways, the answer is already on disk — Claude Code logs every session as JSONL: tool calls, thinking blocks, token usage, timing. But raw JSONL is unreadable. Claude Hindsight parses those transcripts and turns them into a full-featured web dashboard, real-time streaming, and deep analytics — all from a single binary with zero external dependencies.

What it surfaces
1Static binary, no deps
3DForce-directed graph
SSELive streaming
$Model-aware costs

Why Hindsight

From opaque session to clear insight
1

Understand what happened

Browse every tool call, thinking block, and assistant message in a two-panel inspector with markdown, syntax highlighting, and diff views.

2

Spot problems fast

Errors are highlighted, filterable, and linked straight to their source nodes — no scrolling thousands of JSONL lines.

3

Track costs

Model-aware per-session and per-turn cost breakdowns from JSONL, with optional OpenTelemetry for real-time tracking.

4

Visualize execution

An interactive 3D force-directed graph shows how nodes relate — colored by type, sized by importance, click-to-inspect.

Quick start

claude-hindsight

Inside the dashboard

The dashboard is the primary interface, and it goes deep:

  • Dashboard — global overview with an activity sparkline, KPI cards (sessions, projects, cost, errors), top tools, cost by model, most-accessed files, and MCP server usage.
  • Session Inspector — a two-panel resizable layout: a flat execution list with color-coded node types and error indicators on the left; full node detail (markdown, syntax-highlighted code, diffs, image previews, token usage) on the right.
  • 3D Execution Graph — a force-directed visualization with bloom post-processing and a starfield background. Nodes colored by type, sized by importance.
  • Live Streaming — SSE-powered real-time updates; watch nodes appear as Claude works.
Tip

Run claude-hindsight integrate once and lifecycle hooks auto-index sessions in real time. All hooks run async — zero impact on Claude Code performance.

Why Rust

Transcripts get large, and parsing should never be the bottleneck between you and the answer. The engine is written in Rust for speed, and the web dashboard is embedded directly in the binary — so the pre-built releases have no runtime dependencies at all. Install, run, open the browser.

Install

install

Status

Active — Rust 1.75+, MIT licensed, on crates.io and Homebrew, with pre-built binaries for macOS (Apple Silicon & Intel) and Linux (x86_64 & aarch64). Docs at codestz.github.io/claude-hindsight.