STORY: The Sessions Hub needed clear visual distinction between healthy agents and those in trouble. Users couldn't quickly identify stuck or dead agents in the control center view. COLLABORATION: We added 'stuck' and 'dead' states to the AgentSessionState type, created deriveSessionState() with Zero-Failure-Check priority, and implemented restrained visual treatments: - stuck: pulsing red border (ring-2 ring-red-500 animate-pulse) - dead: strong ghosting (opacity-40 grayscale) - evicted: milder ghosting (opacity-60 grayscale-[0.5]) Session cards now display STUCK/OFFLINE badges with aria-labels for accessibility. DELIVERABLES: - AgentSessionState extended with stuck/dead states - deriveSessionState() derives from ZFC state priority - Visual treatments for stuck/dead/evicted - Accessible badges with aria-label TESTS: - tests/lib/agent-sessions-state.test.ts: 6/6 PASS - tests/components/shared/status-utils-visual.test.ts: 4/4 PASS - tests/components/sessions/session-feed-card-state.test.tsx: 4/4 PASS CLOSES: bb-buff.3.2 BLOCKS: bb-buff.3.3 |
||
|---|---|---|
| .. | ||
| sessions | ||
| shared | ||