replace renderBubbles with renderLiveContext in Live panel

[JeremyDev87]

Summary

Closes #502

The TUI Live panel showed almost no data due to three root causes:

• status: 'active' was never produced by the event system, so renderBubbles found no active calls
• A 30-second time window was too restrictive, causing the panel to appear empty most of the time
• No contextual information (mode, agent names) was displayed

This PR replaces renderBubbles with renderLiveContext using a delete-insert pattern that:

• Always displays content regardless of call status or age
• Shows current workflow mode (PLAN/ACT/EVAL/AUTO)
• Displays agent context alongside tool names
• Uses age indicators: ◉ (hot <5s), ○ (recent <30s), · (older)
• Deduplicates tool names, showing the most recent occurrence
• Filters out error-status calls

Changes

• activity-visualizer.pure.ts: Replace renderBubbles with renderLiveContext, add Mode type, use derived constants (LIVE_HOT_SEC, LIVE_RECENT_SEC)
• ActivityVisualizer.tsx: Add currentMode prop, rename bubblesWidth → livePanelWidth, wire renderLiveContext
• dashboard-app.tsx: Pass state.currentMode to ActivityVisualizer
• index.ts: Update re-export from renderBubbles to renderLiveContext
• activity-visualizer.pure.spec.ts: Replace renderBubbles test suite with 15 renderLiveContext tests, use estimateDisplayWidth for width assertions
• ActivityVisualizer.spec.tsx: Update all tests with currentMode prop, add mode display test

Test plan

• All 3778 tests pass (164 test files)
• TypeScript build succeeds with zero errors
• Live panel always shows content (no empty panel)
• Mode display works when mode is set
• Agent context shown for non-unknown agents
• Age indicators render correctly based on call age
• Width truncation uses estimateDisplayWidth for multi-byte correctness

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
codingbuddy-landing	Ready	Preview, Comment	Feb 17, 2026 6:09pm