context-timeline
Real-time browser visualization of Claude Code's context window and subagent/tool execution as a git-graph timeline. Opens http://localhost:7878 on SessionStart with a vertical timeline (most recent on top), one column per agent (main +…
- Automations
- Monitoring
- 296
What it does and how to use it
A hook that automates monitoring actions at key moments (before/after a tool runs, on save, etc.), without you having to think about it.
- Install the hook (command above).
- It runs automatically on the defined events.
- Adjust the rules in the settings file if you want to fine-tune it.
Install (Claude Code)
mkdir -p .claude/hooks && curl -fsSL https://doutorai.pt/data/lib/hooks__context-timeline-2.md -o .claude/hooks/context-timeline-2.jsonPaste this command into the terminal, in your project folder, and the component installs automatically.
Content
{
"description": "Real-time browser visualization of Claude Code's context window and subagent/tool execution as a git-graph timeline. Opens http://localhost:7878 on SessionStart with a vertical timeline (most recent on top), one column per agent (main + subagents branching from their Task tool call). Tool calls are color-coded by type (Read=green, Edit/Write=orange, Bash=red, Grep/Glob=cyan, Task=purple, Web=yellow, MCP=gray). Right sidebar shows context-window usage (tokens/200K) with cache_read/cache_creation/input/output breakdown plus per-subagent mini-context. Reads ~/.claude/projects/
- 🔒 Full content on the Pro plan (€7.99/month) -Need help with Claude Code?
Ask Dr AI - it explains things simply.
Need a tailor-made solution?
Not sure where to start with AI in your business? Get a free assessment and a tailored plan - no commitment.
Save hours every week with AI, no hassle
Doutor AI gives you 1,859 ready-to-copy AI prompts, by industry and in plain English - plus a complete technical library for those who want to go further.