Skip to content

Wireframe 03 — Result View (job complete, layers loaded)

State: scenario job completed; hazard layer and exposure layer are loaded on the map. User has clicked an asset point to see its detail. Paradigm: map-as-canvas (ADR-033).

┌─────────────────────────────────────────────────────────────────┐
│ ☁ Climate-Lama          Scenarios  Datasets  [User ▾]          │
├────────────────┬────────────────────────────────────────────────┤
│                │                                              ┌──────────────┐
│  Run #42       │                                              │ ☰ Layers   ✕ │
│  TC SSP2-4.5   │                                              │──────────────│
│  100-yr return │                                              │ ☑ TC Hazard  │
│  ─────────────  │                                              │ ☑ Exposure   │
│                │                                              │ ☐ Admin-2    │
│  Summary       │       Map Canvas                             └──────────────┘
│  ──────────    │       (hazard raster + exposure points)
│  AAL: $4.2M   │                                                │
│  Assets: 1,204 │                   ·  ·  · · ·                 │
│  Max loss:     │               ·  ·  ·◉  ·                    │
│    $820K       │                  ·   ↑ (selected)             │
│                │                                               │
│  ─────────────  │   ┌────────────────────────────┐             │
│  Export        │   │ Asset #507                ✕ │ ← floating  │
│  [ CSV  ▾  ↓ ] │   │ Hospital, Colombo          │   popover   │
│  [ GeoJSON ↓ ] │   │ Loss (100-yr): $820K       │   on click  │
│                │   │ Exposure value: $12.4M     │             │
│  [ ← New Run ] │   │ Damage ratio: 6.6%         │             │
│                │   │ [View full detail →]       │             │
│                │   └────────────────────────────┘             │
│                │                                               │
│                │                         ┌──────────┐         │
│                │                         │ ■ High   │ ← Legend │
│                │                         │ ■ Med    │  (bottom │
│                │                         │ ■ Low    │   right) │
│                │                         └──────────┘         │
├────────────────┴────────────────────────────────────────────────┤
│  Complete — 2.3s              CRS: EPSG:4326   Zoom: 7          │
└─────────────────────────────────────────────────────────────────┘

Behaviour notes

  • On job completion the sidebar transitions from Wizard to Results Summary automatically. The map re-fits to the result bounding box.
  • The Layer toggle (top-right overlay) lists active LayerSpec entries returned by GET /v1/hazards/{id}/layers and GET /v1/exposures/{id}/layers (Phase 4.2). Toggling a layer hides/shows it without re-fetching.
  • The Legend (bottom-right overlay) is auto-generated from the active layer's style spec. It updates when the user toggles layers.
  • Clicking an exposure point opens the AssetDetailPanel as a floating popover anchored to the click location. It is dismissed by the ✕ button or by clicking elsewhere on the map. It is not a sidebar panel or a modal.
  • "View full detail" in the popover is a stretch goal (Phase 5); for Phase 4 the popover shows summary fields only.
  • Export dropdown renders the same controls as today — no structural change.
  • "← New Run" resets the sidebar to Wizard Step 1 and clears the map layers.