Reveal UI redesign P1: kepler.gl overlay layout foundation (issue #176) #187

Closed

ned wants to merge 0 commits from issue-176-reveal-ui-redesign into main

ned commented

2026-08-07 21:18:54 +00:00

Member

P1 — Layout foundation for the kepler.gl-style redesign (issue #176)

Implements the layout foundation from Benjamin's redesign requirements: the map-centric overlay structure replaces the three-column Bootstrap grid. Behavior is unchanged from the merged #175/#177 mockup — this PR is the container/layout surgery only.

What changed

Map fills the viewport below a 54px header bar (#1a1d21), ported from the kepler-gl-style-reveal mock
New RevealMap.vue — the map (previously embedded in RevealColumnDetail) extracted to its own component so it can fill the viewport: pool markers, tegola pool-geometry overlay, selected-pool highlight, terradraw lasso
Header bar: sidebar toggle, branding, map tools (Inspect / Lasso / Polygon-disabled), Dark / Satellite style switcher (CartoDB dark-matter + ArcGIS World Imagery, both verified CORS-open), cart FAB with count badge
Collapsible 400px sidebar (#2a2d32, 250ms cubic-bezier slide, kepler.gl SidePanel toggle pattern) — search, filter chips, last-scan date, Select All/None, pool list
Floating bottom-right detail widget (480px, 58vh max, kepler.gl BottomWidget pattern) — single-pool detail + timeline + parcel data, multi-select stats, area selection summary
Cart drawer slides in from the right (360px, overlay + Escape/close) — cart summary + two-step export flow
Dark theme throughout; mobile breakpoints keep the layout usable on small screens
Filter chips keep the current filter set (All + all conditions + In Cart) — the N1 simplification (3 status filters + In Cart, keeping the All chip per Benjamin's comment) lands in the follow-up PR with N3/N4/N7
Export drawer keeps the current six formats — N3 reduction to CSV + Shapefile also lands in the follow-up PR

Verified

vue-tsc --noEmit clean
pnpm build-sync green

Sequencing (per #176 discussion)

P1 (this PR) → N1/N3/N4/N7 quick follow-up → N9 parcel organization last. N8 annotations deferred per recommendation.

## P1 — Layout foundation for the kepler.gl-style redesign (issue #176) Implements the layout foundation from Benjamin's redesign requirements: the map-centric overlay structure replaces the three-column Bootstrap grid. Behavior is unchanged from the merged #175/#177 mockup — this PR is the container/layout surgery only. ### What changed - **Map fills the viewport** below a 54px header bar (`#1a1d21`), ported from the `kepler-gl-style-reveal` mock - **New `RevealMap.vue`** — the map (previously embedded in `RevealColumnDetail`) extracted to its own component so it can fill the viewport: pool markers, tegola pool-geometry overlay, selected-pool highlight, terradraw lasso - **Header bar**: sidebar toggle, branding, map tools (Inspect / Lasso / Polygon-disabled), **Dark / Satellite style switcher** (CartoDB dark-matter + ArcGIS World Imagery, both verified CORS-open), cart FAB with count badge - **Collapsible 400px sidebar** (`#2a2d32`, 250ms cubic-bezier slide, kepler.gl SidePanel toggle pattern) — search, filter chips, last-scan date, Select All/None, pool list - **Floating bottom-right detail widget** (480px, 58vh max, kepler.gl BottomWidget pattern) — single-pool detail + timeline + parcel data, multi-select stats, area selection summary - **Cart drawer** slides in from the right (360px, overlay + Escape/close) — cart summary + two-step export flow - **Dark theme throughout**; mobile breakpoints keep the layout usable on small screens - Filter chips keep the current filter set (All + all conditions + In Cart) — the **N1 simplification** (3 status filters + In Cart, keeping the All chip per Benjamin's comment) lands in the follow-up PR with N3/N4/N7 - Export drawer keeps the current six formats — **N3 reduction** to CSV + Shapefile also lands in the follow-up PR ### Verified - `vue-tsc --noEmit` clean - `pnpm build-sync` green ### Sequencing (per #176 discussion) P1 (this PR) → N1/N3/N4/N7 quick follow-up → N9 parcel organization last. N8 annotations deferred per recommendation.

eliribble was assigned by ned

2026-08-07 21:18:54 +00:00

ned added 1 commit

2026-08-07 21:18:55 +00:00

Restructure Nidus Reveal UI to kepler.gl-style overlay layout

/ golint (push) Successful in 21s

Details

/ pnpm-build (push) Successful in 1m19s

Details

4082cdb37c

Replace the three-column Bootstrap grid with a map-centric overlay
layout per Benjamin's issue #176 redesign spec and the
kepler-gl-style-reveal mock: the map fills the viewport below a 54px
header bar, the pool list lives in a collapsible 400px sidebar, the
detail view is a floating bottom-right widget, and the export cart is
a slide-out drawer. Dark theme throughout (#1a1d21 header, #2a2d32
panels).

The map (previously embedded in RevealColumnDetail) moves to a new
RevealMap component so it can fill the viewport; the detail column
becomes widget body content only. Header bar carries the map tools
(Inspect/Lasso/Polygon), Dark/Satellite style switcher, and cart FAB
with badge. Filter chips in the sidebar keep the existing filter set
(All + conditions + In Cart) pending the N1 simplification follow-up;
export formats keep the current six pending N3 reduction.

Behavior is unchanged from the merged #175/#177 mockup (selection,
cart, timeline, terradraw area selection); this is the layout
foundation only.

ned referenced this pull request

2026-08-07 21:19:02 +00:00

Nidus Reveal Customer UI Mock — Change Requests (from PR #175 review) #176

ned commented

2026-08-07 21:21:08 +00:00

Author

Member

CI is green on the layout foundation (commit 4082cdb): golint ✅ (21s) and pnpm-build ✅ (1m19s) — run 1040 success. PR is mergeable; ready for review. P2 follow-ups (per issue #176): N1 filter-chip simplification and N3 export-format reduction stay out of this PR by design.

CI is green on the layout foundation (commit 4082cdb): golint ✅ (21s) and pnpm-build ✅ (1m19s) — run 1040 success. PR is mergeable; ready for review. P2 follow-ups (per issue #176): N1 filter-chip simplification and N3 export-format reduction stay out of this PR by design.

ned closed this pull request

2026-08-08 00:53:43 +00:00

ned referenced this pull request

2026-08-08 00:59:54 +00:00

Reveal UI remaining items: filters, CSV/Shapefile export, zoom-to-selected, cart drawer, fluid layout, dynamic legend, parcel grouping (issue #176) #188

ned referenced this pull request

2026-08-08 01:01:44 +00:00

Nidus Reveal Customer UI Mock — Change Requests (from PR #175 review) #176