Wireframe 01 — Main Layout (idle / no active job)¶
State: authenticated, no scenario running, no results loaded. Paradigm: map-as-canvas (ADR-033).
┌─────────────────────────────────────────────────────────────────┐
│ ☁ Climate-Lama Scenarios Datasets [User ▾] │ ← TopBar (h: 48px)
├────────────────┬────────────────────────────────────────────────┤
│ │ │
│ [ + New Run ] │ │
│ ───────────── │ │
│ Recent runs │ Map Canvas │
│ (empty state) │ (MapLibre GL — base tile) │
│ │ │
│ │ ┌──────────────┐ ← Layer toggle │
│ │ │ ☰ Layers │ (top-right │
│ │ │ (no layers) │ overlay) │
│ │ └──────────────┘ │
│ │ │
│ │ [+] [-] ↕ zoom controls │
│ │ │
│ │ ● Click on map to inspect a location │
│ │ (placeholder hint) │
│ │ │
├────────────────┴────────────────────────────────────────────────┤
│ Ready CRS: EPSG:4326 Zoom: 3 │ ← StatusBar (h: 28px)
└─────────────────────────────────────────────────────────────────┘
Dimensions¶
| Zone | Width | Notes |
|---|---|---|
| Left Sidebar | 280 px | Collapsible to 0 (icon-only mode on ≤1024px) |
| Map Canvas | remaining viewport | MapLibre fills 100% of the container |
| TopBar | 100vw | Fixed, z-index above sidebar and canvas |
| StatusBar | 100vw | Fixed to bottom; shows job state when running |
Behaviour notes¶
- Sidebar collapse: clicking the
«handle slides the sidebar off-canvas; the map re-fills the space. A»handle appears at the left edge to re-open. - "New Run" button opens the Wizard as a sidebar state (not a modal), expanding to show Step 1 of the scenario config (see Wireframe 02).
- No data is loaded; the map shows the configured base tile only.
- Layer toggle panel is present but shows "no active layers" placeholder text.