evener · transcript-viz proposal · COMPACT idea 1 of 3

Compact Event Tape Rail — a vertical glyph column

A ≤160px-wide vertical rail compresses the full session into a glyph column where each turn is a 12px-tall cell; column hue = turn kind, inner bar = tool-call intensity, amber dividers = compaction, red corner = failure, amber dot = steering. The full-session-so-far pattern stays visible without scrolling. A LIVE indicator and streaming ticker narrate events as they arrive. Play/pause/speed controls live in page chrome outside the component's pixel budget.

speed LIVE turn #0

Legend

assistant tool_results user_input steering system/env/hook checkpoint+summary turn_failure (red corner) inner bar = tool-call count bg job live cell (glowing green border)

Compact Event Tape Rail · 160px wide

Dimmed transcript column (mock — in-situ)

12:00 USER: Build three genuinely different visual mockups for the evener web UI transcript comprehension.

12:00 SYSTEM: environment context: cwd=/Users/jesse/... date=2026-08-21 sandbox=off git=main

12:01 ASSISTANT: Planning step 1: read the schema

12:02 TOOL_RESULTS: 16 tool results (read_file, grep_files, list_dir)

12:04 ASSISTANT: Planning step 2: grep for turn kinds

12:05 TOOL_RESULTS: 11 tool results (grep_files)

12:06 ASSISTANT: Planning step 3: inspect transcript pane

12:07 TOOL_RESULTS: 13 tool results (read_file, list_dir)

12:08 ASSISTANT: Planning step 4: design encoding

12:09 TOOL_RESULTS: 9 tool results (read_file, grep_files)

12:10 ASSISTANT: Planning step 5: sketch layout

12:11 TOOL_RESULTS: 14 tool results (read_file, grep_files, list_dir)

12:12 ASSISTANT: Planning step 6: read the schema

12:13 TOOL_RESULTS: 12 tool results (read_file, list_dir)

12:14 ASSISTANT: Planning step 7: grep for turn kinds

12:15 TOOL_RESULTS: 11 tool results (grep_files)

12:16 ASSISTANT: Planning step 8: inspect transcript pane

12:17 TOOL_RESULTS: 13 tool results (read_file, list_dir)

12:18 ASSISTANT: Planning step 9: design encoding

12:19 TOOL_RESULTS: 9 tool results (read_file, grep_files)

12:20 ASSISTANT: Planning step 10: sketch layout

Turn — hover or click a column

Kind

—

Turn index

—

Wall-clock

—

Tokens

—

Tool calls

—

Content

—

What you see at a glance, live, in ≤160px: as turns stream in, the rail fills column by column; older columns compress upward to keep the full-session-so-far pattern on one screen. A green-glow border marks the live cell. The streaming ticker narrates each event as it arrives. Live questions answered: what pattern is forming right now (burst, stall, retry loop)? what just changed? is current activity normal for this session? Bursts show as rapid column arrivals; stalls as gaps; retry loops as a red glyph followed by rapid tool_results; compaction as an amber full-height divider. The delegate lanes and background jobs are compressed into thin tracks beneath the ribbon sharing the time axis.