Skip to content

explorer: native Cesium toolbar + prominent share button + a11y halos#180

Merged
rdhyee merged 1 commit intoisamplesorg:mainfrom
rdhyee:explorer-hana-polish
May 8, 2026
Merged

explorer: native Cesium toolbar + prominent share button + a11y halos#180
rdhyee merged 1 commit intoisamplesorg:mainfrom
rdhyee:explorer-hana-polish

Conversation

@rdhyee
Copy link
Copy Markdown
Contributor

@rdhyee rdhyee commented May 8, 2026

Summary

Three visible-polish items from Hana's wireframe (Figma 213:394), deferred from #178 as separate from the Light search-semantics work in #179.

  • Native Cesium control panel on left edge — re-enable baseLayerPicker (was off) and reposition the Cesium toolbar from default top-right to a vertical strip on the top-left of the globe. baseLayerPicker dropdown opens to the right so it clears the side panel.
  • Prominent "Copy Link to Current View" button#shareBtn restyled full-width with larger padding and 14px font; label updated from "Share View" to match the mockup. Toast moves below the button.
  • Accessibility halos — 1.5px white outline on all PointPrimitives in both h3Points (cluster view) and samplePoints (sample view). Universal benefit (contrast on bright land + dark ocean alike), no toggle for v1.

Verified locally

Manual browser eyeball at http://localhost:5880/explorer.html after quarto render:

check result
Cesium toolbar on left edge of globe, vertical ✓ — 6 widgets stacked (geocoder, home, sceneModePicker, baseLayerPicker, navHelp, fullscreen)
baseLayerPicker dropdown opens to the right ✓ — clears the side panel
Share button label + style ✓ — "Copy Link to Current View", 316px wide, 14px / 10px padding, #1565c0
Halos visible on cluster dots ✓ — orange/blue clusters crisp against both green land and blue ocean
Halos on sample-mode dots ✓ — outline applied at the third point-add site
No console errors (other than benign listings.json 404)

Out of scope (deferred — pending Hana's "corrections coming" revision)

From #178's mockup-derived items list, not in this PR:

  • Quick Stats panel restructure (Selected Cluster merged into stats table)
  • Permanent sample-rows table at bottom (conflicts with current Globe/Table toggle, needs UX call)
  • Tree-selection vocabulary UI (Hana to provide diagram)
  • Educational tooltips ("What is a Cluster?", "What is a Sample?") — needs copy
  • Top-level sample-type icons (5 per category) — needs assets

Refs #178 (mockup integration umbrella). Companion to #179 (two-button search) which shipped earlier today.

Test plan

  • Open Explorer, confirm 6-widget toolbar on left edge of globe
  • Click base-layer button — dropdown opens to the right, doesn't clip side panel
  • Click home button — globe re-zooms to default view
  • Click "Copy Link to Current View" — clipboard receives URL with hash, toast flashes "Link copied!" below the button
  • Visually confirm white halos on cluster dots at world zoom and sample dots at street zoom

🤖 Generated with Claude Code

Three visible-polish items from Hana's mockup (Figma 213:394, deferred from
isamplesorg#178):

- Re-enable baseLayerPicker (was off) and reposition the Cesium toolbar to
  the top-left of the globe as a vertical strip. Dropdown opens to the right
  to clear the side panel.
- Restyle #shareBtn: full-width, larger padding, 14px font, label updated to
  "Copy Link to Current View" per mockup. Toast moves below the button.
- Add a 1.5px white outline to all PointPrimitives (cluster + sample views)
  so dots stay legible against both bright land and dark ocean — universal
  accessibility benefit, no toggle needed for v1.

Verified locally at http://localhost:5880/explorer.html (Quarto render +
Playwright eyeball): toolbar shows 6 widgets stacked left, share button
spans the panel at 316px, halos visible on orange/blue clusters.

Out of scope (deferred from isamplesorg#178 pending Hana's revision): Quick Stats
restructure, permanent bottom table, tree-select vocab UI, educational
tooltips, sample-type icons.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@rdhyee rdhyee merged commit e0043c8 into isamplesorg:main May 8, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant