# One-Shot Prompt

**Route**: Dashboard — Orbital Launch Mission Control
**Generated**: 2026-04-25
**Skill**: oneshot-dashboard

## Prompt

Build a single-file HTML operations dashboard themed as an orbital launch mission control room with dense anomaly feeds. The dashboard serves as a launch command centre for a fictional heavy-lift rocket mission called AURORA VII.

### Theme & Setting

- **Setting**: Mission Control Centre (MCC) during a live countdown for an orbital launch
- **Tension source**: Countdown clock ticking combined with subsystem anomalies and pre-launch faults
- **Visual direction**: Dark space-ops theme with deep void backgrounds (#0a0a1a), electric cyan (#00f0ff) as primary accent, hot magenta (#ff2d75) for critical states, amber (#f59e0b) for warnings, and subtle purple (#a855f7) for UI chrome. Panel surfaces at (#0d0d24) with (#1a1a3e) borders. Text in light blue-gray (#c8d6e5).

### Panel Plan (6 panels minimum)

1. **Mission Header** — Full-width top bar with mission name (AURORA VII), live countdown timer (HH:MM:SS format), mission phase badge, GO/NO-GO status indicator, and weather condition light. The countdown ticks in real time.

2. **Systems Health** — 2x3 grid of subsystem status cards (Propulsion, Avionics, Communications, Thermal Control, Power Systems, Life Support). Each card shows: subsystem name, health percentage bar, status text (NOMINAL / WARNING / CRITICAL / OFFLINE), and a small sparkline-style indicator. Cards use colour-coded left borders.

3. **Telemetry Gauges** — Four live-updating vertical or horizontal bar gauges for: Altitude (km), Velocity (km/s), Acceleration (G), Fuel Level (%). Each gauge shows the current numeric value, a label, and a filled bar that animates smoothly. Fuel appears as a special icon-driven bar. Values ramp based on mission phase.

4. **Flight Path / Trajectory** — A small canvas-based orbital trajectory visualiser showing: a curved planned ascent trajectory line (cyan), the vehicle's current position as a bright dot with glow, altitude markers along the path, and subtle animated particle trails. Updates as the simulated mission progresses.

5. **Anomaly Feed** — A reverse-chronological scrolling event log that is the centrepiece of the dashboard. Every anomaly has: a timestamp, a severity badge (CRITICAL / WARNING / INFO), a system tag, a descriptive message, an "acknowledge" button, and a click-to-expand detail row. Anomalies arrive at randomised intervals (every 4–20 simulated seconds). Pre-launch anomalies include fuel-pressure fluctuation, telemetry dropout, vent-valve faults, and weather-data issues. Ascent-phase anomalies include engine temperature warnings, roll-rate deviations, comms handshake failures, and staging sensor faults. Already-acknowledged alerts are dimmed and tracked via localStorage.

6. **Events Timeline** — A vertical timeline of upcoming mission events (T-60:00 Pre-launch checks, T-0:00 Liftoff, T+2:45 Staging 1, T+5:30 Staging 2, T+8:30 Orbit Insertion, T+9:15 SECO). Events highlight as gold/cyan when they are reached. The event name and T+ offset are displayed.

### Interaction Model

- **Keyboard shortcuts** (show/hide with `?`):
  - `M` — Toggle mute (silence new anomaly flash effects)
  - `Space` — Acknowledge the most recent unacknowledged anomaly
  - `A` — Acknowledge ALL current anomalies at once
  - `F` — Cycle alert filter (ALL / CRITICAL / WARNING / INFO)
  - `D` — Toggle drill-down detail panel for selected anomaly
  - `1` — Focus Systems panel
  - `2` — Focus Telemetry panel
  - `3` — Focus Anomaly Feed panel
  - `4` — Focus Events Timeline
  - `ESC` — Close drill-down panel / clear selection
  - `?` — Toggle keyboard shortcut reference overlay

- **Mouse/touch**: Click any anomaly to select it (highlighted border). Click "Ack" on individual anomaly rows. Click-drag or touch-scroll the anomaly feed. Tap a system card to see a brief detail tooltip.

### Technical Requirements

- Single self-contained HTML file (CSS + JS inline, no external resources)
- No external images; all icons via Unicode symbols and CSS shapes
- Canvas rendering for the trajectory visualisation
- Retina/HiDPI canvas support via devicePixelRatio scaling
- requestAnimationFrame animation loop for smooth gauge animations and canvas rendering
- 1-second tick interval for countdown and telemetry updates
- Randomised anomaly generation with phase-appropriate templates
- Mobile responsive: 4-column desktop layout collapses to a single-column vertical stack on narrow screens with a bottom-nav-style shortcut bar
- localStorage persistence for acknowledged anomaly IDs and mute state
- Page title: "AURORA VII — Mission Control"
- No console errors, no memory leaks
- prefers-reduced-motion respected

### State Persistence

- `localStorage.dashboardAcks` — JSON array of acknowledged anomaly timestamps/IDs
- `localStorage.dashboardMuted` — boolean for mute state
- On page load, restore acknowledged alerts and mute state

### Quality Bar

- Must feel like an actual mission control room, not a generic dashboard
- Anomalies must have believable aerospace language (e.g. "S-band telemetry dropout", "Fuel tank ullage pressure fluctuation", "MVAC-3 engine chamber temp exceeds threshold")
- The countdown timer and telemetry values must progress through mission phases (pre-launch → liftoff → ascent → staging → orbit)
- Panel hierarchy must remain readable even when multiple anomalies are active
- Every visual element must support the operational fantasy