Skip to content

Wireframe 02 — Wizard Active (scenario configuration in progress)

State: user has clicked "New Run"; Wizard is open at Step 2 (Hazard selection). The map canvas shows the selected study area bounding box. Paradigm: map-as-canvas (ADR-033).

┌─────────────────────────────────────────────────────────────────┐
│ ☁ Climate-Lama          Scenarios  Datasets  [User ▾]          │
├────────────────┬────────────────────────────────────────────────┤
│                │                                                │
│  Configure Run │                                                │
│  ─────────────  │                                                │
│  ● Step 1 ✓    │                                                │
│    Scenario    │         Map Canvas                             │
│                │         ┌─────────────────────┐               │
│  ● Step 2 ▶   │         │                     │               │
│    Hazard      │         │   Bounding box      │ ← drawn on    │
│    ──────────  │         │   selection         │   map by      │
│    Hazard type │         │   (dashed outline)  │   Wizard      │
│    [TC      ▾] │         │                     │               │
│                │         └─────────────────────┘               │
│    Return period│                                                │
│    [100-yr  ▾] │                                                │
│                │                                                │
│    SSP scenario│                                                │
│    [SSP2-4.5▾] │                                                │
│                │                                                │
│  ○ Step 3      │                                                │
│    Exposure    │                                                │
│                │                                                │
│  ─────────────  │                                                │
│  [ ← Back ]    │                                                │
│  [ Next →  ]   │                                                │
│                │                                                │
├────────────────┴────────────────────────────────────────────────┤
│  Configuring…                   CRS: EPSG:4326   Zoom: 5        │
└─────────────────────────────────────────────────────────────────┘

Behaviour notes

  • The Wizard runs entirely within the left sidebar. No modal; the map stays visible.
  • Step indicators (● ✓, ● ▶, ○) show completion state; clicking a completed step navigates back without a modal.
  • The bounding-box drawn on the map is emitted by ConfigPanel via a MapLibre draw layer (ADR-025: @mapbox/mapbox-gl-draw). The user can redraw directly on the map or type lat/lon bounds into the panel fields.
  • Back / Next buttons are sticky at the bottom of the sidebar panel.
  • The map re-centres on the bounding box whenever it changes.
  • This layout does not change between Wizard steps — only the sidebar content changes.