A ≤100px-tall horizontal-strip heatmap compresses the 50-bucket grid into a horizontal barcode strip; rows are tool types, columns are time-buckets, and cell intensity encodes call count. A LIVE indicator and active-row tracker show what is happening — phase transitions, tool-mix shifts, and the error episode become patterns as they form. Play/pause/speed controls live in page chrome outside the component's pixel budget.
What you see at a glance, live: as turns stream in, the grid grows column-by-column from the right; the active bucket's column pulses with a glowing green outline to mark where the session is right now. The active-row label highlights the current tool type. The streaming ticker narrates each event as it arrives (tool_results, steering, compaction, failure). Live questions answered: what pattern is forming right now (burst, stall, retry loop)? what just changed? is current activity normal for this session? Phase transitions (exploration → delegation → integration) and tool-mix shifts read as spatial patterns — no clicking needed to read them. A mini-icicle on top shows the 3-level delegate tree along the same time axis; a new child delegate node glows green and grows rightward as it spans turns.