diff --git a/EXPLORER_STATE.md b/EXPLORER_STATE.md
index ebd6b39..177df95 100644
--- a/EXPLORER_STATE.md
+++ b/EXPLORER_STATE.md
@@ -13,7 +13,15 @@ DOM checkboxes is the source of truth for facet state inside SQL builders;
 the URL is the source of truth across reloads.
 
 All file:line references below are against `explorer.qmd` at commit
-`94e7674` (the tree this doc is being written against).
+`94e7674` (the tree this doc was originally written against). The
+inventory has had targeted edits as later changes land — most notably
+the **mockup-v1 PR** ([#200](https://github.com/isamplesorg/isamplesorg.github.io/issues/200))
+which removed the Globe/Table view toggle, relocated search into an
+in-map overlay, added a sidebar search input that mirrors the in-map
+one, and made the samples table a permanent surface below the globe.
+See §6 "Mockup-v1 addendum" for the full delta. Line numbers may not
+match exactly; the contract is the source of truth, not the line
+citations.
 
 ---
 
@@ -21,13 +29,14 @@ All file:line references below are against `explorer.qmd` at commit
 
 | field | owner | default | URL repr | hydration site | write-back trigger | validation | notes |
 |-------|-------|---------|----------|----------------|--------------------|------------|-------|
-| `search` | DOM `#sampleSearch` value | omitted | raw string | `applyQueryToSearch()` at start of `phase1` (`:937`) | `writeQueryState()` (`:445-446`) called from `doSearch()` (`:1789`) and from globe/table toggle | trim only; min 2 chars enforced at search time, not in URL | written even on no-result searches |
+| `search` | DOM `#sampleSearch` value (mirrored to `#sampleSearchSidebar`) | omitted | raw string | `applyQueryToSearch()` at start of `phase1` (hydrates both inputs) | `writeQueryState()` called from `doSearch()` | trim only; min 2 chars enforced at search time, not in URL | written even on no-result searches |
 | `sources` | DOM `#sourceFilter` checkboxes | omitted (= all 4 checked) | CSV of `SOURCE_VALUES` ∩ user-checked | `applyQueryToSourceFilter()` at start of `phase1` (`:938`) | `writeQueryState()` from source filter `change` (`:1620`) | filtered by `SOURCE_VALUES` allowlist (`:407`); param removed when all 4 checked (`:449`) | empty (zero checked) renders as `&sources=` and yields `1=0` predicate (`:379`) |
 | `material` | DOM `#materialFilterBody` checkboxes | omitted (= no filter) | CSV of full URIs | `applyQueryToFacetFilters()` at end of `facetFilters` (`:1061`) | `writeQueryState()` from `handleFacetFilterChange` (`:1642`) | none — checkbox `value` already constrained by render | empty checked set ⇒ param removed (`:459`) |
 | `context` | DOM `#contextFilterBody` checkboxes | omitted | CSV of full URIs | same as `material` | same as `material` | none | same |
 | `object_type` | DOM `#objectTypeFilterBody` checkboxes | omitted | CSV of full URIs | same as `material` | same as `material` | none | same |
-| `view` | `body.classList.contains('table-view-active')` | omitted (= globe) | `table` only; absent ⇒ globe | `tableView` cell reads `params.get('view')` (`:1239-1240`) and calls `setView(...)` with `updateUrl=false` | `writeQueryState()` from `setView(mode, true)` via globe/table button clicks (`:1217-1218`, `:1210`) | only `table` is honored (`:1240`) | `writeQueryState()` reads body class, not `viewer.*` |
-| `page` | inner closure `let page = 0` in `tableView` (`:1080`) | not in URL | — | — | resets to 0 on `refreshTable()` (`:1163`); ±1 on prev/next (`:1219-1220`) | clamped to `[0, totalPages-1]` (`:1112`) | **#163 item 6** — table page is intentionally not URL state today; if/when added, must coexist with the cross-filter contract below |
+| ~~`view`~~ | _removed in mockup-v1 (#200)_ | — | — | — | — | — | The Globe/Table toggle is gone — the samples table is now permanent below the globe. `writeQueryState()` does `params.delete('view')` to canonicalize legacy bookmarks. See §6 "Mockup-v1 addendum" |
+| `search_scope` | local closure `_searchScope` in `zoomWatcher` | omitted (= `world`) | `area` only; absent ⇒ world | `_searchScope` hydrated at top of `zoomWatcher` from `params.get('search_scope')` | `persistSearchScope()` from `doSearch()` and button clicks | exact match `'area'` | sidebar `#sampleSearchSidebar` Enter always submits `world`, never `area` — see §6 mockup-v1 addendum |
+| `page` | inner closure `let page = 0` in `tableView` | not in URL | — | — | resets to 0 on `refreshTable()`; ±1 on prev/next | clamped to `[0, totalPages-1]` | **#163 item 6** — table page is intentionally not URL state today; if/when added, must coexist with the cross-filter contract below |
 | `perf` | — (read-only feature flag) | omitted | `1` to enable | `perfPanel` cell reads (`:1921-1922`) | never written | `=== '1'` exact match | never round-tripped; safe to add other tail params |
 
 ### Quarto site-search collision
@@ -80,17 +89,21 @@ predates the store-on-`viewer` pattern and isn't worth migrating.
 
 | location | role | written by | read by | notes |
 |----------|------|------------|---------|-------|
-| `document.body.classList['table-view-active']` | view marker (table vs globe) | `setView()` in `tableView` (`:1198`) | `writeQueryState()` (`:462`); `isTableViewActive()` (`:755`) | URL `view` param is **derived** from this class, not the other way around |
-| `data-facet`, `data-value` on `.facet-row` and `.facet-count` | facet selectors for in-place count mutation | rendered in `renderFilter` (`:1053`) and the static source legend (`:270-273`) | `applyFacetCounts()` (`:553-565`) | rebuilding the HTML would lose mid-interaction selections; `data-*` attrs are why we mutate counts in place |
-| `data-lat`, `data-lng`, `data-pid` on `.sample-row` | click-to-fly payload for search/nearby results | rendered in `doSearch()` (`:1822`) and `updateSamples()` not currently using data-* (only the search list does) | search-row click handler (`:1832-1845`) | the nearby-samples list does not have data-* today; click-to-fly only works from the search list |
+| ~~`document.body.classList['table-view-active']`~~ | _removed in mockup-v1 (#200)_ | — | — | The view marker class is gone with the Globe/Table toggle. The samples table is permanent below the globe; `isTableViewActive()` and `setView()` were deleted |
+| `data-facet`, `data-value` on `.facet-row` and `.facet-count` | facet selectors for in-place count mutation | rendered in `renderFilter` and the static source legend | `applyFacetCounts()` | rebuilding the HTML would lose mid-interaction selections; `data-*` attrs are why we mutate counts in place |
+| `data-lat`, `data-lng`, `data-pid` on `.sample-row` | click-to-fly payload for search/nearby results | rendered in `doSearch()` | search-row click handler | the nearby-samples list does not have data-* today; click-to-fly only works from the search list |
+| `data-pid` on `.samples-table tbody tr` | click-to-select payload for the permanent table | rendered in `tableView` `renderTable()` | table-row click handler (same ceremony as the search-row click — see §6 mockup-v1 addendum) | per-PID lookup uses `rowsByPid: Map` cached at `refreshTable()` time; not the DOM |
+| `tr.selected` on `.samples-table` | "this row is the current sample selection" visual marker | table-row click handler (`add`); next click on a different row (`remove`); next `renderTable()` reflects current `viewer._globeState.selectedPid` | CSS only | derived; do not read. The globe → table direction is *not* live (only repaints on the next refresh) |
 | `.recomputing` on `.facet-count` | transient "loading" styling during cross-filter recompute | `markFacetCountsRecomputing()` (`:570`) | `applyFacetCounts()` clears it (`:562`) | UI-only; not state in the persistence sense |
 | `.zero` on `.facet-row` | "value has zero count under current filters" styling | `applyFacetCounts()` (`:565`) | CSS only | derived; do not read |
 | `.disabled` on `#sourceFilter .legend-item` | unchecked source visual | `updateSourceLegendState()` (`:395-400`) | CSS only | derived from checkbox `checked`; do not read |
 
-DOM input elements (the four facet checkbox bodies + `#sampleSearch` + `#maxSamples`)
-are the **source of truth** for `getActiveSources()`, `getCheckedValues()`,
-`getTableMaxSamples()`, and the search input. SQL builders read these
-directly each call.
+DOM input elements (the four facet checkbox bodies + `#sampleSearch` +
+`#sampleSearchSidebar` + `#maxSamples`) are the **source of truth** for
+`getActiveSources()`, `getCheckedValues()`, `getTableMaxSamples()`, and
+the search input. SQL builders read `#sampleSearch` directly each call.
+`#sampleSearchSidebar` is kept in lock-step with `#sampleSearch` via a
+two-way `input`-event mirror (see §6 mockup-v1 addendum).
 
 ---
 
@@ -125,8 +138,9 @@ This invariant exists because there's no central "selection store" — selection
 Grep for `_urlParamsHydrated` in `explorer.qmd` returns no hits. The flag from
 PR #159's first cut was removed; the new contract is "URL → DOM hydration runs
 exactly once per cell that owns the corresponding DOM, gated only by the OJS
-DAG (phase1 ⇒ source/search hydration; facetFilters ⇒ facet hydration;
-tableView ⇒ view hydration)."
+DAG (phase1 ⇒ source/search hydration; facetFilters ⇒ facet hydration).
+Mockup-v1 removed the `tableView ⇒ view` hydration step along with the
+`?view=` URL param."
 
 ---
 
@@ -142,7 +156,7 @@ db                 [DuckDBClient.of()]
 viewer             [creates Cesium viewer; reads readHash() once]
   └── phase1       [needs viewer + db; runs URL→DOM hydration for search + sources]
         └── facetFilters    [needs phase1; loads vocab + summaries; sets _baselineCounts; runs URL→DOM hydration for facet checkboxes]
-              ├── tableView    [needs facetFilters; reads view from URL once]
+              ├── tableView    [needs facetFilters; calls refreshTable() unconditionally on boot — no URL hydration]
               └── zoomWatcher  [needs facetFilters; registers ALL change handlers; runs deep-link pid restore]
                     └── perfPanel  [opt-in; needs phase1; renders perf panel if ?perf=1]
 ```
@@ -155,16 +169,17 @@ viewer             [creates Cesium viewer; reads readHash() once]
 | `viewer` | `:773` | — | `#cesiumContainer` mounts globe | `scene.postRender`×2; mouse-move; left-click | `pushState` (sample/cluster click) |
 | `phase1` | `:930` | `viewer`, `db` | `#sourceFilter` (via hydration); stats DOM | — | — |
 | `facetFilters` | `:979` | `phase1`, `db` | `#materialFilterBody`, `#contextFilterBody`, `#objectTypeFilterBody`; facet count text | — | — |
-| `tableView` | `:1071` | `facetFilters` | `#globe-layout`, `#tableContainer`, `#tableControls`, `#samplesTable`, `body.classList` | globe/table buttons; prev/next; max input; **change** on all four facet bodies | `replaceState` via `writeQueryState` (`view` flip) |
-| `zoomWatcher` | `:1246` | `phase1`, `facetFilters`, `db` | facet count text; stats; phase msg; sample card; samples list | source filter `change`; material/context/object_type `change`; `camera.changed`; `window` `hashchange`; share button; search button; search input keydown | `pushState` and `replaceState` via `buildHash` (camera, mode flip, sample fly); `replaceState` via `writeQueryState` (filter changes, search submit, share) |
+| `tableView` | `:1071` | `facetFilters` | `#tableContainer`, `#samplesTable`, `tr.selected` class | prev/next; max input; **change** on all four facet bodies; table-row clicks | `replaceState` via `buildHash` from table-row click (sets `#pid` directly, mirrors sample-mode globe click) |
+| `zoomWatcher` | `:1246` | `phase1`, `facetFilters`, `db` | facet count text; stats; phase msg; sample card; samples list | source filter `change`; material/context/object_type `change`; `camera.changed`; `camera.moveEnd` (sub-threshold pan settle, #205); `window` `hashchange`; share button; search button; in-map search input keydown; sidebar search input `input` (mirror) and keydown (world-scope submit) | `pushState` and `replaceState` via `buildHash` (camera changed/moveEnd, mode flip, sample fly, **share button**); `replaceState` via `writeQueryState` (filter changes, search submit) |
 | `perfPanel` | `:1910` | `phase1` | `#perfPanel` floating div | close button | — |
 
 Note that **two cells register `change` listeners on the four facet container
-elements**: `tableView` (`:1233-1236`) marks the table dirty and refreshes if
-visible, and `zoomWatcher` (`:1617`, `:1649-1651`) reloads the globe and
-debounces the cross-filter count refresh. Both listeners fire on every facet
-change; this is intentional (each cell handles its own concerns) but is the
-single most "magical" coupling in the file — touch with care.
+elements**: `tableView` calls `refreshTable()` unconditionally (the table
+is permanent post-mockup-v1, so there's no view gate); `zoomWatcher`
+reloads the globe and debounces the cross-filter count refresh. Both
+listeners fire on every facet change; this is intentional (each cell
+handles its own concerns) but is the single most "magical" coupling in
+the file — touch with care.
 
 ---
 
@@ -336,6 +351,109 @@ A future Heavy revisit may rethink (A) global-filter semantics if usage
 data shows users *expect* the map and facets to update with search.
 That decision is deferred until #170-#172 land.
 
+### Mockup-v1 addendum: in-map overlay, sidebar mirror, permanent table ([#200](https://github.com/isamplesorg/isamplesorg.github.io/issues/200), 2026-05)
+
+A coordinated UI refactor aligning the explorer with Hana's wireframe.
+Built as a single PR sequenced into independently revertable commits.
+All changes are UI-relocation / surface-additive; the data/query
+contract is unchanged from the (C) decision + #178 light path above.
+
+**M-1A — Search controls relocated into an in-map overlay.** The
+search input, the two scope buttons (Search Selected Areas / Search
+Entire World), help text, and `#searchResults` count moved from a
+top-of-page `.explorer-controls` block into `.map-search-overlay`,
+absolutely positioned over `#cesiumContainer` inside a new `.map-wrap`
+wrapper. All element IDs preserved so existing handlers in `zoomWatcher`
+and the `writeQueryState()` contract bind unchanged. Overlay
+positioning clears the Cesium toolbar column (`left: 50px`) and the
+base-layer picker dropdown wins z-stack (`z-index: 1100` vs overlay's
+`1000`).
+
+**M-1B — Sidebar open-text search input that mirrors the in-map one.**
+A second input `#sampleSearchSidebar` lives at the top of `.side-panel`.
+Two-way `input`-event mirror keeps both inputs in lock-step as a single
+logical query term:
+
+- Typing in `#sampleSearchSidebar` propagates to `#sampleSearch`.
+- Typing in `#sampleSearch` propagates to `#sampleSearchSidebar`.
+- Mirror handlers guard against feedback loops by comparing values
+  before assignment; programmatic `.value =` does not fire `input`,
+  so the comparison is sufficient (no debounce flag).
+- `applyQueryToSearch()` hydrates *both* inputs from the `?search=`
+  URL param.
+- `writeQueryState()` still reads from `#sampleSearch` only — mirror
+  parity makes the choice arbitrary.
+
+**Sidebar Enter = world scope (Option B).** Enter on
+`#sampleSearchSidebar` always calls `doSearch('world')`, regardless of
+the in-map two-button scope choice. Rationale: typed-text-from-sidebar
+implies "find anywhere"; the in-map buttons remain the explicit way to
+constrain to current viewport. Both Enter handlers gate on
+`!e.isComposing && e.keyCode !== 229` so IMEs that emit Enter to
+commit a candidate don't submit on the pre-commit value.
+
+**M-2 — Display-only color legend at bottom-center of the map.**
+`.map-color-legend` is a static `aria-hidden="true"` swatch row with
+`pointer-events: none`. It mirrors the four-source palette from
+`assets/js/source-palette.js` and never affects filter state — the
+functional toggles remain in `#sourceFilter` in the sidebar. Sits
+above Cesium's bottom-left credits via `bottom: 30px`.
+
+**M-5 — Permanent samples table; Globe/Table toggle removed.**
+The biggest delta to this contract:
+
+- `#globeViewBtn`, `#tableViewBtn`, `body.table-view-active`,
+  `isTableViewActive()`, and the `?view=` URL param are all **gone**.
+- The samples table is always visible below the globe. Map height
+  shrinks to `clamp(400px, 50vh, 540px)` (was 500/65vh/680) so the
+  table fits below without a full-page-height feel.
+- `tableView` cell initializes by calling `refreshTable()`
+  unconditionally on boot.
+- `writeQueryState()` does `params.delete('view')` to canonicalize
+  legacy bookmarked `?view=table&...` URLs. Caveat: only the next
+  `writeQueryState()` call strips the param — hash-only writes via
+  `buildHash(viewer)` (camera moves, sample/cluster click, Share)
+  preserve `location.search` as-is, so `?view=` lingers until the
+  user touches a filter, the search box, or anything else that
+  flows through `writeQueryState()`.
+- **Table-row click = sample-mode globe click.** Clicking a row in
+  `.samples-table tbody tr[data-pid]` reuses the same async-selection
+  ceremony as the search-row click handler (and the on-globe
+  sample-point click), with one table-specific addition: the direct
+  hash write. Preconditions before any work: bail if
+  `e.target.tagName === 'A'` (let inline source-link clicks through),
+  bail if the row has no resolvable sample / no lat-lng, bail if
+  `typeof viewer === 'undefined'`. Once preconditions pass:
+  1. `const isStale = freshSelectionToken(viewer)` — bump BEFORE any await.
+  2. `viewer._globeState.selectedPid` set; `selectedH3` cleared.
+  3. `updateSampleCard({...})` populates the sidebar.
+  4. `viewer.camera.flyTo({...})` at altitude `50000`.
+  5. **Table-specific:** `history.replaceState(null, '', buildHash(viewer))`
+     writes the `#pid` hash directly. The search-row and globe-point
+     paths do not need this — they rely on `zoomWatcher`'s camera
+     listener to fold selection into the hash. The table-row path
+     can fire at very-early-boot before `zoomWatcher` is wired and
+     while `_suppressHashWrite` is still `true`, so it writes the
+     hash itself.
+  6. Repaint `.selected`: remove from any prior `tr.selected`, add to
+     the clicked row — synchronously, before the async detail query.
+  7. Lazy-load `description` from `wide_url` with the pid SQL-escaped
+     via `pid.replace(/'/g, "''")`; gated on `if (isStale()) return`
+     before any DOM/state mutation. The error branch also stale-checks.
+  A `rowsByPid: Map` cached at `refreshTable()` time gives O(1)
+  per-PID lookup on click.
+- **Asymmetric selection sync.** Clicking a table row updates the
+  globe + sidebar + URL. Clicking a globe point or a search-result
+  row does NOT live-update the table's `.selected` class — the table
+  only repaints `.selected` on the next `renderTable()`. Treated as
+  acceptable scope for v1; bidirectional highlight is a follow-up.
+
+**State surfaces added by mockup-v1.** See the table additions in §1
+(URL params: `search_scope`; legacy `view` struck), §3 (DOM-as-state:
+`tr.selected`, `data-pid` on table rows; `body.table-view-active`
+struck), and §5 (OJS cell graph: `tableView` no longer writes `view`
+to URL; `tableView` does write `#pid` to hash via `buildHash`).
+
 ---
 
 ## 7. Facet-count contract
@@ -347,7 +465,7 @@ The cross-filter rule (codified by Codex in #158, restated here):
 | other facet selections | **YES** | counts answer "if I add this value, how many samples would match all OTHER active filters plus this one"; that's the drill-out signal users want |
 | viewport (camera bounds) | **NO** | counts are global. Viewport-scoped counts would couple facet UI to camera state, contradict the "facets describe the dataset" reading, and require re-querying on every camera change |
 | `?search=` text query | **NO** | option (C); search renders a side panel + result-pin overlay, but does not alter facet counts |
-| view mode (globe vs table) | **NO** | the same dataset underlies both; facet counts should not flip when the user toggles view |
+| ~~view mode (globe vs table)~~ | _moot — mockup-v1 (#200) removed the Globe/Table toggle; both surfaces are permanent_ | — |
 
 Exposed via `applyFacetCounts(facetKey, countsMap)` (`:551-567`):
 
diff --git a/explorer.qmd b/explorer.qmd
index 78fbcf3..cb6e3ac 100644
--- a/explorer.qmd
+++ b/explorer.qmd
@@ -22,7 +22,9 @@ format:
 <link href="https://cesium.com/downloads/cesiumjs/releases/1.127/Build/Cesium/Widgets/widgets.css" rel="stylesheet"></link>
 <style>
     :root {
-        --explorer-map-height: clamp(500px, 65vh, 680px);
+        /* Map is shorter now that the samples table is permanent below it
+           (issue #200 / M-5). The grid sidebar tracks this height. */
+        --explorer-map-height: clamp(400px, 50vh, 540px);
         --explorer-shell-width: min(1420px, calc(100vw - 64px));
     }
     html {
@@ -50,17 +52,108 @@ format:
     }
     @media (max-width: 900px) {
         :root {
-            --explorer-map-height: clamp(360px, 58vh, 520px);
+            --explorer-map-height: clamp(360px, 50vh, 480px);
             --explorer-shell-width: calc(100vw - 32px);
         }
         .globe-layout { grid-template-columns: 1fr; }
     }
+    .map-wrap {
+        position: relative;
+        width: 100%;
+    }
     #cesiumContainer {
         width: 100%;
         height: var(--explorer-map-height);
         min-height: 0;
         aspect-ratio: auto;
     }
+    .map-search-overlay {
+        position: absolute;
+        top: 8px;
+        left: 50px; /* clear of Cesium toolbar column at left: 5px */
+        width: min(480px, calc(100% - 60px));
+        z-index: 1000;
+        background: rgba(255, 255, 255, 0.94);
+        backdrop-filter: blur(4px);
+        padding: 8px 10px;
+        border-radius: 6px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+    }
+    .map-search-overlay .search-results { color: #333; }
+    @media (max-width: 900px) {
+        /* Keep the overlay clear of the vertical Cesium toolbar column at
+           left: 5px. Don't switch to left: 8px here — that overlaps the
+           toolbar hit targets at narrow widths. */
+        .map-search-overlay {
+            width: calc(100% - 58px);
+        }
+    }
+    @media (max-width: 400px) {
+        /* At iPhone-SE-ish widths the two scope buttons would otherwise
+           overflow because of their nowrap labels. Stack them vertically. */
+        .map-search-overlay .search-actions {
+            flex-direction: column;
+        }
+    }
+    /* Display-only color legend at bottom-center of the map. The functional
+       source filter (toggle/show-hide) lives in #sourceFilter in the side
+       panel. aria-hidden="true" on this element keeps screen readers from
+       reading the palette twice. Sits above Cesium's bottom-left credits. */
+    .map-color-legend {
+        position: absolute;
+        bottom: 30px;
+        left: 50%;
+        transform: translateX(-50%);
+        z-index: 1000;
+        display: flex;
+        gap: 14px;
+        font-size: 12px;
+        color: #333;
+        background: rgba(255, 255, 255, 0.92);
+        backdrop-filter: blur(4px);
+        padding: 6px 12px;
+        border-radius: 16px;
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+        pointer-events: none; /* never intercept globe interaction */
+        white-space: nowrap;
+    }
+    .map-color-legend > span {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+    }
+    .map-color-legend .map-color-legend-dot {
+        width: 9px;
+        height: 9px;
+        border-radius: 50%;
+        display: inline-block;
+    }
+    @media (max-width: 600px) {
+        /* Below 600px the four-source row gets cramped — let it wrap and
+           shrink the padding so it doesn't crowd the map. */
+        .map-color-legend {
+            flex-wrap: wrap;
+            gap: 6px 10px;
+            max-width: calc(100% - 24px);
+            justify-content: center;
+            font-size: 11px;
+            padding: 4px 8px;
+        }
+    }
+    .sidebar-search { display: flex; flex-direction: column; gap: 4px; }
+    .sidebar-search input {
+        width: 100%;
+        padding: 7px 10px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        font-size: 13px;
+        outline: none;
+    }
+    .sidebar-search input:focus { border-color: #1565c0; box-shadow: 0 0 0 2px rgba(21,101,192,0.15); }
+    .sidebar-search-hint { font-size: 11px; color: #888; }
     .side-panel {
         display: flex;
         flex-direction: column;
@@ -125,16 +218,13 @@ format:
         align-items: flex-start;
     }
     .cesium-viewer-toolbar > * { margin-left: 0 !important; }
-    /* Open baseLayerPicker dropdown to the right since we're left-anchored */
+    /* Open baseLayerPicker dropdown to the right since we're left-anchored.
+       z-index must beat .map-search-overlay (1000) so the dropdown is not
+       occluded by the in-map search controls. */
     .cesium-baseLayerPicker-dropDown {
         left: 36px;
         right: auto;
-    }
-    .explorer-controls {
-        display: flex;
-        flex-direction: column;
-        gap: 6px;
-        margin-bottom: 12px;
+        z-index: 1100;
     }
     .search-bar { display: flex; gap: 6px; }
     .search-bar input {
@@ -168,38 +258,13 @@ format:
         overflow-y: auto;
         line-height: 1.35;
     }
-    .view-toolbar {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        gap: 12px;
-        margin: 4px 0 0;
-        flex-wrap: wrap;
-        min-height: 50px;
-    }
-    .view-toggle {
-        display: inline-flex;
-        border: 1px solid #b8c7d9;
-        border-radius: 6px;
-        overflow: hidden;
-    }
-    .view-toggle button {
-        background: white;
-        color: #234;
-        border: 0;
-        border-right: 1px solid #b8c7d9;
-        padding: 6px 14px;
-        cursor: pointer;
-        font-size: 13px;
-    }
-    .view-toggle button:last-child { border-right: 0; }
-    .view-toggle button.active { background: #1565c0; color: white; }
     .table-controls {
-        display: none;
+        display: flex;
         align-items: center;
         gap: 8px;
         font-size: 12px;
         color: #555;
+        margin-bottom: 8px;
     }
     .table-controls input {
         width: 92px;
@@ -209,9 +274,26 @@ format:
         font-size: 13px;
     }
     #tableContainer {
-        display: none;
         margin-bottom: 16px;
     }
+    .samples-section-heading {
+        font-size: 15px;
+        font-weight: 600;
+        color: #234;
+        margin: 18px 0 8px;
+    }
+    .samples-table tbody tr {
+        cursor: pointer;
+    }
+    .samples-table tbody tr:hover {
+        background: #f3f7fc;
+    }
+    .samples-table tbody tr.selected {
+        background: #d8e8fa;
+    }
+    .samples-table tbody tr.selected:hover {
+        background: #cfe1f7;
+    }
     .table-meta {
         font-size: 12px;
         color: #555;
@@ -302,13 +384,16 @@ format:
 Circle size = log(sample count). Color = dominant data source.
 :::
 
-<!-- Static layout: globe + side panel. Updated via DOM, not OJS reactivity.
-     Wrapped in `{=html}` raw-html fence because otherwise Quarto's Pandoc
-     pass parses Markdown inside the HTML and wraps bare `<input>` / `<label>`
-     in `<p>` tags, breaking the `.search-bar input { flex: 1 }` flex relationship
-     and adding paragraph margins to control rows. -->
+<!-- Static layout: globe + side panel + permanent samples table. Updated via
+     DOM, not OJS reactivity. Wrapped in `{=html}` raw-html fence because
+     otherwise Quarto's Pandoc pass parses Markdown inside the HTML and wraps
+     bare `<input>` / `<label>` in `<p>` tags, breaking flex layouts and
+     adding paragraph margins to control rows. -->
 ```{=html}
-<div class="explorer-controls">
+<div class="globe-layout">
+<div class="map-wrap">
+<div id="cesiumContainer"></div>
+<div class="map-search-overlay">
 <div class="search-bar">
 <input type="text" id="sampleSearch" placeholder="Search samples — multiple words narrow results (e.g., pottery Cyprus)" />
 </div>
@@ -321,24 +406,19 @@ Searches labels, descriptions, and place names. <strong>First search can take 10
 <a href="https://github.com/isamplesorg/isamplesorg.github.io/issues/169" target="_blank" rel="noopener noreferrer" style="color: #888; text-decoration: underline;">Tracking issue: faster substrate FTS in progress</a>.
 </div>
 <div id="searchResults" class="search-results" aria-live="polite"></div>
-
-<div class="view-toolbar">
-<div class="view-toggle" role="group" aria-label="View mode">
-<button id="globeViewBtn" type="button" class="active" aria-pressed="true">Globe</button>
-<button id="tableViewBtn" type="button" aria-pressed="false">Table</button>
-</div>
-<div id="tableControls" class="table-controls">
-<label for="maxSamples">Max samples</label>
-<input type="number" id="maxSamples" min="1000" max="100000" step="1000" value="25000">
 </div>
+<div class="map-color-legend" aria-hidden="true">
+<span><span class="map-color-legend-dot" style="background:#3366CC"></span>SESAR</span>
+<span><span class="map-color-legend-dot" style="background:#DC3912"></span>OpenContext</span>
+<span><span class="map-color-legend-dot" style="background:#109618"></span>GEOME</span>
+<span><span class="map-color-legend-dot" style="background:#FF9900"></span>Smithsonian</span>
 </div>
 </div>
-```
-
-```{=html}
-<div class="globe-layout">
-<div id="cesiumContainer"></div>
 <div class="side-panel">
+<div class="panel-section sidebar-search">
+<input type="text" id="sampleSearchSidebar" placeholder="Search samples (press Enter to search globally)" aria-label="Search samples globally" />
+<div class="sidebar-search-hint">Enter searches the entire world. Use the in-map controls for area-limited search.</div>
+</div>
 <div class="panel-section">
 <div class="stats-compact">
 <div class="stat-box"><span id="sPhase" class="val">Loading...</span><span class="lbl">Resolution</span></div>
@@ -396,8 +476,13 @@ Loading H3 global overview...
 </div>
 </div>
 
+<h3 class="samples-section-heading">Samples table</h3>
+<div id="tableControls" class="table-controls">
+<label for="maxSamples">Max samples</label>
+<input type="number" id="maxSamples" min="1000" max="100000" step="1000" value="25000">
+</div>
 <div id="tableContainer">
-<div id="tableMeta" class="table-meta">Table view loads samples matching the current filters.</div>
+<div id="tableMeta" class="table-meta">Loading samples matching the current filters...</div>
 <div id="samplesTable"></div>
 <div class="table-pager">
 <button id="tablePrev" type="button">Previous</button>
@@ -519,10 +604,14 @@ function applyQueryToSourceFilter() {
 // See docs/site_libs/quarto-search/quarto-search.js.
 function applyQueryToSearch() {
     const input = document.getElementById('sampleSearch');
-    if (!input) return;
+    const sidebarInput = document.getElementById('sampleSearchSidebar');
+    if (!input && !sidebarInput) return;
     const params = new URLSearchParams(location.search);
     const q = params.get('search');
-    if (q != null) input.value = q;
+    if (q != null) {
+        if (input) input.value = q;
+        if (sidebarInput) sidebarInput.value = q;
+    }
 }
 
 function setCheckedValues(containerId, values) {
@@ -562,11 +651,10 @@ function writeQueryState() {
         else params.delete(key);
     });
 
-    if (typeof document !== 'undefined' && document.body && document.body.classList.contains('table-view-active')) {
-        params.set('view', 'table');
-    } else {
-        params.delete('view');
-    }
+    // Canonicalize away the legacy `view` param (issue #200 / M-5 removed
+    // the Globe/Table toggle). A bookmarked `?view=table&...` URL would
+    // otherwise stick through filter/share flows.
+    params.delete('view');
 
     const qs = params.toString();
     const url = `${location.pathname}${qs ? `?${qs}` : ''}${location.hash}`;
@@ -855,7 +943,7 @@ function updateSamples(samples) {
     el.innerHTML = h;
 }
 
-// === Binary Globe/Table view ===
+// === Samples table (permanent below globe; M-5) ===
 TABLE_PAGE_SIZE = 100
 TABLE_DEFAULT_MAX = 25000
 TABLE_MIN_MAX = 1000
@@ -883,9 +971,6 @@ function getTableMaxSamples() {
     return value;
 }
 
-function isTableViewActive() {
-    return document.body.classList.contains('table-view-active');
-}
 ```
 
 ```{ojs}
@@ -1226,17 +1311,12 @@ tableView = {
     if (!facetFilters) return;
 
     let rows = [];
+    let rowsByPid = new Map();
     let page = 0;
     let requestId = 0;
     let loadedMax = 0;
     let hitHardCap = false;
-    let tableDirty = true;
 
-    const globeLayout = document.querySelector('.globe-layout');
-    const tableContainer = document.getElementById('tableContainer');
-    const tableControls = document.getElementById('tableControls');
-    const globeBtn = document.getElementById('globeViewBtn');
-    const tableBtn = document.getElementById('tableViewBtn');
     const maxInput = document.getElementById('maxSamples');
     const prevBtn = document.getElementById('tablePrev');
     const nextBtn = document.getElementById('tableNext');
@@ -1261,6 +1341,8 @@ tableView = {
         page = Math.min(page, totalPages - 1);
         const start = page * TABLE_PAGE_SIZE;
         const visible = rows.slice(start, start + TABLE_PAGE_SIZE);
+        const selectedPid = (typeof viewer !== 'undefined' && viewer._globeState)
+            ? viewer._globeState.selectedPid : null;
 
         if (!tableEl) return;
         if (visible.length === 0) {
@@ -1278,7 +1360,9 @@ tableView = {
                 const labelHtml = url
                     ? `<a class="table-link" href="${escapeHtml(url)}" target="_blank" rel="noopener noreferrer">${escapeHtml(label)}</a>`
                     : escapeHtml(label);
-                return `<tr>
+                const pidAttr = escapeHtml(r.pid || '');
+                const selectedClass = (r.pid && r.pid === selectedPid) ? ' class="selected"' : '';
+                return `<tr data-pid="${pidAttr}"${selectedClass}>
                     <td>${tableSourceBadge(r.source)}</td>
                     <td>${labelHtml}</td>
                     <td>${escapeHtml(place)}</td>
@@ -1293,6 +1377,64 @@ tableView = {
                     <tbody>${body}</tbody>
                 </table>
             </div>`;
+            // Wire row clicks. Each click follows the same ceremony as the
+            // search-row click handler (see #207 item 8): bump the freshness
+            // token first, set selection state, hydrate the card, fly the
+            // camera, then lazy-load description. Reusing the sample-mode
+            // selection path keeps the URL (`#pid=...`) and sidebar in sync
+            // regardless of which surface initiated the selection.
+            tableEl.querySelectorAll('tbody tr[data-pid]').forEach(tr => {
+                tr.addEventListener('click', async (e) => {
+                    if (e.target.tagName === 'A') return; // let label links work
+                    const pid = tr.dataset.pid;
+                    const sample = pid ? rowsByPid.get(pid) : null;
+                    if (!sample || sample.latitude == null || sample.longitude == null) return;
+                    if (typeof viewer === 'undefined') return;
+
+                    const isStale = freshSelectionToken(viewer);
+                    viewer._globeState.selectedPid = pid;
+                    viewer._globeState.selectedH3 = null;
+                    updateSampleCard({
+                        pid: sample.pid,
+                        label: sample.label,
+                        source: sample.source,
+                        lat: sample.latitude,
+                        lng: sample.longitude,
+                        place_name: sample.place_name,
+                        result_time: sample.result_time
+                    });
+                    viewer.camera.flyTo({
+                        destination: Cesium.Cartesian3.fromDegrees(sample.longitude, sample.latitude, 50000),
+                        duration: 1.5
+                    });
+                    // Write the #pid hash directly here rather than relying on
+                    // zoomWatcher's listener. zoomWatcher may not be wired yet
+                    // at very-early-boot click time, and even when it is, the
+                    // _suppressHashWrite gate could swallow the write. Calling
+                    // buildHash() unconditionally keeps the URL canonical with
+                    // the selection regardless of init ordering.
+                    history.replaceState(null, '', buildHash(viewer));
+                    // Repaint to apply .selected class without a full refresh.
+                    tableEl.querySelectorAll('tbody tr.selected').forEach(el => el.classList.remove('selected'));
+                    tr.classList.add('selected');
+
+                    try {
+                        const detail = await db.query(`
+                            SELECT description
+                            FROM read_parquet('${wide_url}')
+                            WHERE pid = '${pid.replace(/'/g, "''")}'
+                            LIMIT 1
+                        `);
+                        if (isStale()) return;
+                        if (detail && detail.length > 0) updateSampleDetail(detail[0]);
+                        else updateSampleDetail({ description: '' });
+                    } catch(err) {
+                        if (isStale()) return;
+                        console.error('Table-row detail query failed:', err);
+                        updateSampleDetail(null);
+                    }
+                });
+            });
         }
 
         if (pageInfoEl) {
@@ -1325,7 +1467,7 @@ tableView = {
             const arr = Array.from(data);
             hitHardCap = arr.length === loadedMax;
             rows = arr;
-            tableDirty = false;
+            rowsByPid = new Map(arr.map(r => [r.pid, r]));
             renderTable();
             const capText = hitHardCap
                 ? (loadedMax < TABLE_MAX_MAX
@@ -1337,46 +1479,23 @@ tableView = {
             if (myReq !== requestId) return;
             console.error('Table query failed:', err);
             rows = [];
+            rowsByPid = new Map();
             renderTable();
             setMeta('Table query failed; adjust filters and try again.', false);
         }
     }
 
-    function setView(mode, updateUrl) {
-        const tableMode = mode === 'table';
-        document.body.classList.toggle('table-view-active', tableMode);
-        if (globeLayout) globeLayout.style.display = tableMode ? 'none' : '';
-        if (tableContainer) tableContainer.style.display = tableMode ? 'block' : 'none';
-        if (tableControls) tableControls.style.display = tableMode ? 'flex' : 'none';
-        if (globeBtn) {
-            globeBtn.classList.toggle('active', !tableMode);
-            globeBtn.setAttribute('aria-pressed', String(!tableMode));
-        }
-        if (tableBtn) {
-            tableBtn.classList.toggle('active', tableMode);
-            tableBtn.setAttribute('aria-pressed', String(tableMode));
-        }
-        if (updateUrl) writeQueryState();
-        if (tableMode && (tableDirty || rows.length === 0)) refreshTable();
-        if (!tableMode && typeof viewer !== 'undefined') {
-            setTimeout(() => viewer.resize(), 0);
-        }
-    }
-
-    if (globeBtn) globeBtn.addEventListener('click', () => setView('globe', true));
-    if (tableBtn) tableBtn.addEventListener('click', () => setView('table', true));
     if (prevBtn) prevBtn.addEventListener('click', () => { page = Math.max(0, page - 1); renderTable(); });
     if (nextBtn) nextBtn.addEventListener('click', () => { page += 1; renderTable(); });
     if (maxInput) {
         maxInput.addEventListener('change', () => {
             maxInput.value = getTableMaxSamples();
-            if (isTableViewActive()) refreshTable();
+            refreshTable();
         });
     }
 
     function handleTableFilterChange() {
-        tableDirty = true;
-        if (isTableViewActive()) refreshTable();
+        refreshTable();
     }
 
     document.getElementById('sourceFilter')?.addEventListener('change', handleTableFilterChange);
@@ -1385,8 +1504,9 @@ tableView = {
     document.getElementById('objectTypeFilterBody')?.addEventListener('change', handleTableFilterChange);
 
     window.refreshSamplesTable = refreshTable;
-    const params = new URLSearchParams(location.search);
-    setView(params.get('view') === 'table' ? 'table' : 'globe', false);
+    // Table is permanent now — load on boot instead of waiting for a
+    // setView('table') call that no longer exists (issue #200 / M-5).
+    refreshTable();
 
     return "active";
 }
@@ -2717,7 +2837,35 @@ zoomWatcher = {
     // no button has been clicked yet). Defaults to 'world' for keyboard-only
     // users on first invocation.
     if (searchInput) searchInput.addEventListener('keydown', (e) => {
-        if (e.key === 'Enter') doSearch(_searchScope);
+        // Skip Enter during IME composition — IMEs send Enter to commit a
+        // candidate, and submitting then would fire on the pre-commit value.
+        if (e.key === 'Enter' && !e.isComposing && e.keyCode !== 229) {
+            doSearch(_searchScope);
+        }
+    });
+
+    // Sidebar open-text search (M-1B). Mirrors #sampleSearch so there's one
+    // logical query term with two input chrome. Enter on sidebar always
+    // submits world scope — typed-text-from-sidebar implies "find anywhere".
+    // The mirror guards against feedback loops by comparing values before
+    // setting; setting .value does not fire 'input' so a simple guard suffices.
+    const searchInputSidebar = document.getElementById('sampleSearchSidebar');
+    if (searchInputSidebar && searchInput) {
+        searchInputSidebar.addEventListener('input', () => {
+            if (searchInput.value !== searchInputSidebar.value) {
+                searchInput.value = searchInputSidebar.value;
+            }
+        });
+        searchInput.addEventListener('input', () => {
+            if (searchInputSidebar.value !== searchInput.value) {
+                searchInputSidebar.value = searchInput.value;
+            }
+        });
+    }
+    if (searchInputSidebar) searchInputSidebar.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter' && !e.isComposing && e.keyCode !== 229) {
+            doSearch('world');
+        }
     });
 
     if (searchInput && searchInput.value.trim().length >= 2) {
diff --git a/tests/playwright/explorer-layout-stability.spec.js b/tests/playwright/explorer-layout-stability.spec.js
index e80d4e2..352967a 100644
--- a/tests/playwright/explorer-layout-stability.spec.js
+++ b/tests/playwright/explorer-layout-stability.spec.js
@@ -93,7 +93,7 @@ async function resolveMapHeightPx(page) {
 }
 
 test.describe('explorer layout stability', () => {
-  test('desktop globe rect is stable across boot, status, point mode, and table round trip', async ({ page }) => {
+  test('desktop globe rect is stable across boot, status, and point-mode flight; table is permanent below', async ({ page }) => {
     await page.setViewportSize({ width: 1280, height: 900 });
     await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=${ALT_WORLD}`, {
       waitUntil: 'domcontentloaded',
@@ -103,12 +103,12 @@ test.describe('explorer layout stability', () => {
 
     const initialRect = await elementRect(page, '#cesiumContainer');
     expect(initialRect.width).toBeGreaterThanOrEqual(840);
-    // At 1280×900 desktop, `clamp(500px, 65vh, 680px)` resolves to 585px
-    // (65vh = 585). Derive expected from the probe rather than hardcoding,
-    // for consistency with the mobile cases below.
+    // Per M-5 the map height was reduced from clamp(500,65vh,680) to
+    // clamp(400,50vh,540). At 1280x900 desktop, 50vh = 450 (within the
+    // clamp range). Derive from the probe rather than hardcoding.
     const expectedDesktopMapHeight = await resolveMapHeightPx(page);
-    expect(expectedDesktopMapHeight).toBeGreaterThanOrEqual(500);
-    expect(expectedDesktopMapHeight).toBeLessThanOrEqual(680);
+    expect(expectedDesktopMapHeight).toBeGreaterThanOrEqual(400);
+    expect(expectedDesktopMapHeight).toBeLessThanOrEqual(540);
     expect(Math.abs(initialRect.height - expectedDesktopMapHeight)).toBeLessThanOrEqual(2);
 
     await waitForClusterBoot(page);
@@ -128,15 +128,15 @@ test.describe('explorer layout stability', () => {
     await waitForPhaseMessage(page, 'Click one for details', 120000);
     expectRectStable(await elementRect(page, '#cesiumContainer'), initialRect);
 
-    await page.locator('#tableViewBtn').click();
-    await expect(page.locator('.globe-layout')).toBeHidden();
+    // Table is now permanent (M-5). Both .globe-layout and #tableContainer
+    // are visible at the same time; table sits below the globe.
+    await expect(page.locator('.globe-layout')).toBeVisible();
     await expect(page.locator('#tableContainer')).toBeVisible();
     const tableRect = await elementRect(page, '#tableContainer');
-    expect(Math.abs(tableRect.top - initialRect.top)).toBeLessThanOrEqual(2);
-
-    await page.locator('#globeViewBtn').click();
-    await expect(page.locator('.globe-layout')).toBeVisible();
-    expectRectStable(await elementRect(page, '#cesiumContainer'), initialRect);
+    expect(tableRect.top).toBeGreaterThan(initialRect.top + initialRect.height - 4);
+    // No view-toggle buttons should exist anymore.
+    await expect(page.locator('#globeViewBtn')).toHaveCount(0);
+    await expect(page.locator('#tableViewBtn')).toHaveCount(0);
   });
 
   test('mobile globe height override is stable across boot and wrapped status', async ({ page }) => {
@@ -149,12 +149,13 @@ test.describe('explorer layout stability', () => {
     await page.waitForSelector('#cesiumContainer', { timeout: 30000 });
 
     const initialRect = await elementRect(page, '#cesiumContainer');
-    // At 390×844, mobile CSS resolves `clamp(360px, 58vh, 520px)` to 489.52px
-    // (58vh of 844). Derive expected via the probe helper.
+    // Per M-5, mobile CSS resolves `clamp(360px, 50vh, 480px)` (was
+    // 360/58/520 pre-M-5). At 390×844, 50vh = 422. Derive expected via
+    // the probe helper.
     const expectedMapHeight = await resolveMapHeightPx(page);
-    // Sanity: must be within the mobile clamp bounds [360, 520].
+    // Sanity: must be within the new mobile clamp bounds [360, 480].
     expect(expectedMapHeight).toBeGreaterThanOrEqual(360);
-    expect(expectedMapHeight).toBeLessThanOrEqual(520);
+    expect(expectedMapHeight).toBeLessThanOrEqual(480);
     expect(Math.abs(initialRect.height - expectedMapHeight)).toBeLessThanOrEqual(2);
 
     await waitForClusterBoot(page);
@@ -167,8 +168,8 @@ test.describe('explorer layout stability', () => {
   });
 
   test('small-phone (320×568) clamps map height to the 360px floor', async ({ page }) => {
-    // At 320×568, mobile CSS resolves `clamp(360px, 58vh, 520px)` with
-    // 58vh = 329.44px — below the 360px floor — so map height = 360px.
+    // At 320×568, mobile CSS resolves `clamp(360px, 50vh, 480px)` with
+    // 50vh = 284px — below the 360px floor — so map height = 360px.
     // Covers the clamp-floor branch which the 390×844 case never exercises.
     await page.setViewportSize({ width: 320, height: 568 });
     await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=${ALT_WORLD}`, {
diff --git a/tests/playwright/explorer-map-overlay.spec.js b/tests/playwright/explorer-map-overlay.spec.js
new file mode 100644
index 0000000..b7d91d7
--- /dev/null
+++ b/tests/playwright/explorer-map-overlay.spec.js
@@ -0,0 +1,205 @@
+const { test, expect } = require('@playwright/test');
+
+const BASE_URL = process.env.TEST_URL || 'http://localhost:5860';
+const EXPLORER_PATH = '/explorer.html';
+
+// Cesium + OJS boot can be slow on CI; the in-map-overlay specs all wait
+// for #cesiumContainer + toolbar render before measuring.
+test.describe.configure({ timeout: 90000 });
+
+async function getRect(page, selector) {
+  return await page.locator(selector).first().evaluate((el) => {
+    const r = el.getBoundingClientRect();
+    return { top: r.top, left: r.left, right: r.right, bottom: r.bottom, width: r.width, height: r.height };
+  });
+}
+
+function rectsOverlap(a, b) {
+  return !(a.right <= b.left || b.right <= a.left || a.bottom <= b.top || b.bottom <= a.top);
+}
+
+async function waitForBootReady(page) {
+  // Wait for the OJS runtime to attach, then wait for zoomWatcher to resolve
+  // (it returns "active" once boot hydration + listener registration are
+  // complete — same pattern used in explorer-layout-stability.spec.js).
+  await page.waitForFunction(() => !!window._ojs && !!window._ojs.ojsConnector, null, { timeout: 60000 });
+  await page.evaluate(async () => {
+    return await window._ojs.ojsConnector.mainModule.value('zoomWatcher');
+  });
+}
+
+test.describe('Map search overlay — Cesium toolbar coexistence (#200 / M-1A)', () => {
+  test('desktop: overlay does not cover Cesium toolbar buttons', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=10000000`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('#cesiumContainer', { timeout: 30000 });
+    await page.waitForSelector('.cesium-viewer-toolbar', { timeout: 30000 });
+    await page.waitForSelector('.map-search-overlay', { timeout: 10000 });
+
+    const overlay = await getRect(page, '.map-search-overlay');
+    const toolbar = await getRect(page, '.cesium-viewer-toolbar');
+    expect(rectsOverlap(overlay, toolbar), `overlay ${JSON.stringify(overlay)} overlaps toolbar ${JSON.stringify(toolbar)}`).toBeFalsy();
+
+    const buttonCount = await page.locator('.cesium-viewer-toolbar > *').count();
+    expect(buttonCount).toBeGreaterThan(0);
+    for (let i = 0; i < buttonCount; i++) {
+      const btn = await page.locator('.cesium-viewer-toolbar > *').nth(i).evaluate((el) => {
+        const r = el.getBoundingClientRect();
+        return { top: r.top, left: r.left, right: r.right, bottom: r.bottom };
+      });
+      expect(rectsOverlap(overlay, btn), `overlay obstructs toolbar button #${i} (${JSON.stringify(btn)})`).toBeFalsy();
+    }
+  });
+
+  test('mobile (390px): overlay does not cover Cesium toolbar', async ({ page }) => {
+    await page.setViewportSize({ width: 390, height: 844 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=10000000`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('#cesiumContainer', { timeout: 30000 });
+    await page.waitForSelector('.cesium-viewer-toolbar', { timeout: 30000 });
+    await page.waitForSelector('.map-search-overlay', { timeout: 10000 });
+
+    const overlay = await getRect(page, '.map-search-overlay');
+    const toolbar = await getRect(page, '.cesium-viewer-toolbar');
+    expect(rectsOverlap(overlay, toolbar), `mobile overlay ${JSON.stringify(overlay)} overlaps toolbar ${JSON.stringify(toolbar)}`).toBeFalsy();
+  });
+
+  test('iPhone SE (320px): overlay clears toolbar and search buttons do not overflow', async ({ page }) => {
+    await page.setViewportSize({ width: 320, height: 568 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=10000000`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('#cesiumContainer', { timeout: 30000 });
+    await page.waitForSelector('.cesium-viewer-toolbar', { timeout: 30000 });
+    await page.waitForSelector('.map-search-overlay', { timeout: 10000 });
+
+    const overlay = await getRect(page, '.map-search-overlay');
+    const toolbar = await getRect(page, '.cesium-viewer-toolbar');
+    expect(rectsOverlap(overlay, toolbar)).toBeFalsy();
+
+    // The two scope buttons must not overflow the .search-actions row at
+    // narrow widths. The 400px media query stacks them vertically; assert
+    // that no button's right edge exceeds its parent's right edge.
+    const overflow = await page.evaluate(() => {
+      const actions = document.querySelector('.map-search-overlay .search-actions');
+      if (!actions) return { error: 'no .search-actions' };
+      const aRect = actions.getBoundingClientRect();
+      return [...actions.querySelectorAll('button')].map((b) => {
+        const r = b.getBoundingClientRect();
+        return { text: b.textContent, overflows: r.right > aRect.right + 0.5 || r.left < aRect.left - 0.5 };
+      });
+    });
+    for (const row of overflow) {
+      expect(row.overflows, `button "${row.text}" overflows .search-actions at 320px`).toBeFalsy();
+    }
+  });
+
+  test('base-layer picker dropdown is clickable (not occluded) above the overlay', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=10000000`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('.cesium-baseLayerPicker-selected', { timeout: 30000 });
+    await page.waitForSelector('.map-search-overlay', { timeout: 10000 });
+
+    await page.locator('.cesium-baseLayerPicker-selected').click();
+    const dropdown = page.locator('.cesium-baseLayerPicker-dropDown').first();
+    await expect(dropdown).toBeVisible({ timeout: 5000 });
+
+    // z-index sanity check.
+    const zCompare = await page.evaluate(() => {
+      const dd = document.querySelector('.cesium-baseLayerPicker-dropDown');
+      const ov = document.querySelector('.map-search-overlay');
+      const z = (el) => parseInt(getComputedStyle(el).zIndex, 10);
+      return { dd: z(dd), ov: z(ov) };
+    });
+    expect(zCompare.dd, `dropdown z-index (${zCompare.dd}) must beat overlay (${zCompare.ov})`).toBeGreaterThan(zCompare.ov);
+
+    // Real hit-test: at a point inside the dropdown that overlaps the
+    // overlay's bounding box, elementFromPoint must return the dropdown
+    // (or one of its descendants) — not the overlay.
+    const hit = await page.evaluate(() => {
+      const dd = document.querySelector('.cesium-baseLayerPicker-dropDown');
+      const ov = document.querySelector('.map-search-overlay');
+      const ddR = dd.getBoundingClientRect();
+      const ovR = ov.getBoundingClientRect();
+      // Find an x,y inside the intersection of the two rects, if any.
+      const x = Math.max(ddR.left, ovR.left) + 4;
+      const y = Math.max(ddR.top, ovR.top) + 4;
+      const overlap = !(ddR.right <= ovR.left || ovR.right <= ddR.left || ddR.bottom <= ovR.top || ovR.bottom <= ddR.top);
+      if (!overlap) return { overlap: false };
+      const hitEl = document.elementFromPoint(x, y);
+      return {
+        overlap: true,
+        x, y,
+        hitTag: hitEl && hitEl.tagName,
+        hitInDropdown: !!(hitEl && dd.contains(hitEl)),
+        hitInOverlay: !!(hitEl && ov.contains(hitEl)),
+      };
+    });
+    // Either there's no geometric overlap (no risk), or the dropdown wins.
+    if (hit.overlap) {
+      expect(hit.hitInDropdown, `elementFromPoint at (${hit.x},${hit.y}) hit ${hit.hitTag}, expected dropdown descendant. hitInOverlay=${hit.hitInOverlay}`).toBeTruthy();
+    }
+  });
+
+  test('clicking a table row selects the sample, updates #pid hash, and marks the row selected', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 900 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}#v=1&lat=20&lng=0&alt=10000000`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('#cesiumContainer', { timeout: 30000 });
+    await waitForBootReady(page);
+
+    // Table loads on boot; wait for at least one data row.
+    const firstRow = page.locator('.samples-table tbody tr[data-pid]').first();
+    await expect(firstRow).toBeVisible({ timeout: 60000 });
+    const pid = await firstRow.getAttribute('data-pid');
+    expect(pid, 'first table row should have data-pid').toBeTruthy();
+
+    // Click the row; label cell may be a link — click the source-badge cell
+    // (first <td>) to avoid intercepting an <a>.
+    await firstRow.locator('td').first().click();
+
+    // .selected class is repainted in place.
+    await expect(firstRow).toHaveClass(/\bselected\b/);
+
+    // viewer._globeState.selectedPid is set to this row's pid.
+    const selectedPid = await page.evaluate(async () => {
+      const v = await window._ojs.ojsConnector.mainModule.value('viewer');
+      return v && v._globeState ? v._globeState.selectedPid : null;
+    });
+    expect(selectedPid).toBe(pid);
+
+    // The #pid hash param is written directly by the click handler so it
+    // does not depend on zoomWatcher's listener being wired yet.
+    const hash = await page.evaluate(() => location.hash);
+    expect(hash).toContain(`pid=${encodeURIComponent(pid)}`);
+  });
+
+  test('sidebar search input mirrors in-map search input', async ({ page }) => {
+    await page.setViewportSize({ width: 1280, height: 800 });
+    await page.goto(`${BASE_URL}${EXPLORER_PATH}`, {
+      waitUntil: 'domcontentloaded',
+      timeout: 60000,
+    });
+    await page.waitForSelector('#sampleSearch', { timeout: 30000 });
+    await page.waitForSelector('#sampleSearchSidebar', { timeout: 10000 });
+
+    await waitForBootReady(page);
+
+    await page.locator('#sampleSearchSidebar').fill('pottery');
+    await expect(page.locator('#sampleSearch')).toHaveValue('pottery');
+
+    await page.locator('#sampleSearch').fill('basalt');
+    await expect(page.locator('#sampleSearchSidebar')).toHaveValue('basalt');
+  });
+});
diff --git a/tests/playwright/url-roundtrip.spec.js b/tests/playwright/url-roundtrip.spec.js
index 6718478..f35cdd3 100644
--- a/tests/playwright/url-roundtrip.spec.js
+++ b/tests/playwright/url-roundtrip.spec.js
@@ -17,9 +17,10 @@
  *
  * These specs use the Quarto preview against warm-cache artifacts.
  * Cold-cache live-site behavior and the rest of issue #209's checklist
- * (`pid`+filters, `search`/`search_scope`, facet filters, `view=table`,
- * search-result flight) stay in `url_roundtrip_investigation.js` and a
- * follow-up issue.
+ * (`pid`+filters, `search`/`search_scope`, facet filters, search-result
+ * flight) stay in `url_roundtrip_investigation.js` and a follow-up issue.
+ * The legacy `?view=table` param was removed in #200 M-5 (the samples
+ * table is now permanent below the globe; no view toggle).
  */
 
 const { test, expect } = require('@playwright/test');