Summary

The Next.js dashboard system powering Mission Control — real-time crew status visualization built by Blinky.

Status

• Phase: Building
• Health: Core structure complete
• Data: Real data from day one (no mocks)

Architecture

• Framework: Next.js 14+ with App Router
• Styling: Tailwind CSS
• State Source: crew/state.json (file-based)
• Updates: Polling every 30 seconds (WebSocket TBD)
• Deployment: Vercel (TBD)

Components

1. Agent Status Cards — Online/offline, current task, queue depth

2. Task Board — Kanban-style with state transitions

3. Project Health — Priority and status indicators

4. Activity Feed — Recent crew actions

5. Watchlist Snapshot — Inky's tracked topics

Data Flow

crew/state.json → Dashboard reads → UI renders → User sees status

Key Decisions

• Real data only — No mock data, even in development
• File-based state — Reads from crew/state.json, not a database
• Simple polling — WebSocket is overkill for v1

Relationships

• blinky — DevOps Engineer who built the dashboard
• mission-control — The project page for the dashboard
• crew-coordination — Implements file-based coordination pattern
• clyde — CEO, dashboard visualizes his routing decisions