Interactive Replay Timeline Scrubbing

via “video-like playback of code session timeline”

I got tired of sharing AI demos with terminal screenshots or screen recordings.Claude Code already stores full session transcripts locally as JSONL files. Those logs contain everything: prompts, tool calls, thinking blocks, and timestamps.I built a small CLI tool that converts those logs into an int

Unique: Applies video player UX patterns (play/pause/seek/speed controls) to code sessions, treating the session timeline as a continuous medium rather than discrete snapshots, enabling smooth scrubbing through hours of work

vs others: More intuitive than reading session logs or re-running commands because it provides familiar video-player controls and visual continuity, reducing cognitive load compared to text-based session transcripts

via “interactive-replay-timeline-scrubbing”

[Game data replay](https://huggingface.co/spaces/cr7-gjx/Suspicion-Agent-Data-Visualization)

Unique: Uses keyframe-indexed replay architecture enabling O(log n) seek time regardless of replay length, with delta-frame decompression for non-keyframe positions, avoiding full replay re-parsing on each seek operation

vs others: Achieves frame-accurate seeking with sub-second latency on large replays, whereas naive implementations require sequential parsing from the last keyframe (linear seek time)

via “real-time video preview with scrubbing and playback control”

Unique: Preview rendering uses Canvas 2D layer compositing with frame rate capping at 30fps to maintain browser responsiveness, rather than decoding full video frames which would consume excessive memory

vs others: More responsive than DaVinci Resolve's preview for simple edits because it uses lightweight Canvas rendering, but less accurate than Premiere Pro's preview which renders at full resolution and frame rate

via “session-replay-recording”