⚠ PAGE STATUS: BUILD SPECIFICATION
This page contains the build specification for the Mission Control dashboard. The specification below defines exactly what must be implemented. To build this dashboard, give Claude Code the instruction: “Read the build specification on factory-mission-control.html and implement it.”

Build Specification: Mission Control Dashboard

Specification Source: Hilbert Factory Section 19 (System Validation) + Governance Dashboard Spec View 1

Panel 1.1 — System Health Traffic Light

Chart Type: Traffic Light (Custom HTML/CSS)

Data Source: GET /api/health/status — aggregates all component health checks + last canary result

Refresh Rate: REALTIME (every 5 seconds via WebSocket)

Logic:

Interaction: Click → drill-down to Component Health Grid (factory-health.html)

Size: Large, top-left corner — first thing the eye hits

Panel 1.2 — Build Pipeline Status Bar

Chart Type: Pipeline Bar (Custom HTML/CSS)

Data Source: GET /api/orchestrator/queue/summary — returns counts per status

Refresh Rate: FREQUENT (every 30 seconds)

Display: Horizontal flow: QUEUED (grey) → ASSIGNED (light blue) → EXECUTING (blue) → VERIFYING (purple) → COMPLETED (green). FAILED packets shown in red below the bar.

Interaction: Click any status segment → filter to show packets in that status (navigates to factory-build-activity.html with filter)

Panel 1.3 — Phase Progress Bars

Chart Type: Multi-Progress (Custom HTML/CSS)

Data Source: GET /api/orchestrator/phases — returns per-phase packet counts and completion %

Refresh Rate: FREQUENT (every 60 seconds)

Display: 11 horizontal bars (Phase 0–10). Active phase highlighted with blue border. Completed phases with green checkmark. Blocked phases with red segment showing blocking packet count. Future phases greyed out.

Interaction: Click any phase → navigate to factory-build-activity.html filtered to that phase

Panel 1.4 — Active Alerts

Chart Type: Alert Feed (Custom HTML/CSS)

Data Source: GET /api/alerts/active — returns alerts sorted by severity then timestamp

Refresh Rate: REALTIME (every 5 seconds via WebSocket)

Display: Scrollable list. Each alert: severity badge (CRITICAL red / WARNING amber / INFO grey), timestamp, message, affected component. CRITICAL at top.

Interaction: Click alert → navigate to relevant dashboard (failures for HALT alerts, health for component alerts, budget for cost alerts)

Panel 1.5 — Today’s Key Metrics

Chart Type: Metric Card grid (6 cards) (Custom HTML + Recharts sparkline)

Data Source: GET /api/metrics/today — returns 6 metrics with current value and 7-day trend

Refresh Rate: FREQUENT (every 60 seconds)

Metrics:

Interaction: Click any metric → navigate to the relevant detailed dashboard

Panel 1.6 — Next Pending Human Action

Chart Type: Action Card (Custom HTML/CSS)

Data Source: GET /api/escalations/pending — returns escalations awaiting human response

Refresh Rate: FREQUENT (every 30 seconds)

Display: If any escalation is waiting: prominent card with “ACTION REQUIRED” badge, escalation summary, and action buttons. If none: “No pending actions” in grey.

Interaction: Click → navigate to factory-failures.html escalation queue