Devices Store (stores/devices.ts):
- Device state management with Map<deviceId, DeviceMetrics>
- View mode: overview (device grid) vs detail (single device)
- Per-device history tracking for sparklines
- Device sorting by status (online first) then hostname
Multi-Device Types (types/metrics.ts):
- DeviceMetrics with status (online/degraded/offline)
- MultiDeviceMessage union type for SSE messages
- DeviceStatusChange for connect/disconnect events
Device Components:
- DeviceCard: Compact device summary with CPU/RAM/GPU bars
- DeviceGrid: Responsive grid of all connected devices
- FleetStatusBar: Shows device counts and navigation breadcrumb
SSE Handler Updates:
- Auto-detect multi-device vs single-device mode
- Route messages to appropriate handler
- Clear devices on host switch
View Mode Routing:
- Overview mode: Shows DeviceGrid with all devices
- Detail mode: Shows full dashboard for selected device
- Seamless transition between modes
- Device selection updates the metrics store for dashboard cards
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
vikingowl
50a7a774ea