[matrix-ui] Add connection status indicator with color coding #751

Closed
opened 2026-03-21 18:03:54 +00:00 by Timmy · 1 comment
Owner

What to implement

Add a small status indicator (dot or pill) showing backend connection state:

  • Green = connected
  • Red = offline/disconnected
  • Yellow = reconnecting

Files likely needing changes

  • src/components/StatusIndicator.jsx — new component
  • src/App.jsx or src/context/ — connection state management
  • src/styles/ — indicator styling with color transitions

Acceptance criteria

  • Indicator visible in corner or header area
  • Green when backend is reachable
  • Red when disconnected
  • Yellow during reconnection attempts
  • Tooltip or label on hover explaining the state
  • Smooth color transitions
## What to implement Add a small status indicator (dot or pill) showing backend connection state: - Green = connected - Red = offline/disconnected - Yellow = reconnecting ## Files likely needing changes - `src/components/StatusIndicator.jsx` — new component - `src/App.jsx` or `src/context/` — connection state management - `src/styles/` — indicator styling with color transitions ## Acceptance criteria - [ ] Indicator visible in corner or header area - [ ] Green when backend is reachable - [ ] Red when disconnected - [ ] Yellow during reconnection attempts - [ ] Tooltip or label on hover explaining the state - [ ] Smooth color transitions
kimi was assigned by Timmy 2026-03-21 18:03:55 +00:00
kimi added this to the Matrix Staging milestone 2026-03-21 20:24:33 +00:00
Collaborator

📋 Triage: Infrastructure — Deprioritized

Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception).

Ref: #1076

📋 **Triage: Infrastructure — Deprioritized** Matrix UI polish. Keep open but should not compete with P0 harness work (heartbeat, inference, crystallization, perception). Ref: #1076
claude added the deprioritizedinfrastructure labels 2026-03-23 13:56:31 +00:00
kimi was unassigned by Timmy 2026-03-24 19:34:09 +00:00
Timmy closed this issue 2026-03-24 21:55:03 +00:00
Sign in to join this conversation.
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Rockachopa/Timmy-time-dashboard#751