fix(street-level): review round — safer docking, mount retry, provider fallthrough

- Only a user's own collapse docks a floating window; cockpit entry,
  restores and the Cyber accordion no longer dock it or delete its saved
  place, and the accordion leaves floating windows alone.
- The viewer host records an adapter as active only after its mount
  succeeds, so a library that failed to load once is retried; concurrent
  opens share one mount, and unmounting mid-mount leaves nothing active.
- openNearest tries every active provider; one provider's error (no key,
  offline) no longer hides the others' imagery.
- The SINCE readout shows its cut-off date as soon as the committed value
  matches the thumb, even while the slider keeps focus.
- A floating window that was only dragged is bounded to the viewport and
  scrolls instead of running off-screen.
- getStats summarises coverage (summarizeCoverage) instead of building a
  full UI snapshot every second; disable() uses credits.hideAll(); smaller
  cleanups in the viewer host and sequence snapshot.
- Unit tests: panel docking and header double press, viewer-host mount
  retry/sharing/cancel, coverage summary.

Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
Said TurkseverandClaude Opus 5.5 committed 2026-09-25 20:56:12 +01:00
1 parent 5877f24f0b
commit 6207e4144e
12 files changed
+425 -55

No files matched your search

+33 -30
View File
@@ -8,7 +8,7 @@ import { createViewerHost } from './viewerHost.js';
import { requiresKeyIdFor, validateProviders } from './registry.js';
import { normalizeFilter, resolveFilter, sameFilter } from './filter.js';
import { decodeParams, encodeParams } from './params.js';
import { composeUIState } from './uiState.js';
import { composeUIState, summarizeCoverage } from './uiState.js';
import { viewCentre } from './view.js';
import {
NEAREST_RADIUS_M,
@@ -174,9 +174,10 @@ export function createStreetLevelLayer({
}
function sequenceSnapshot() {
// The provider showing the open image answers first.
const owner = state.providers.get(state.street.providerId);
const candidates = owner
? [owner, ...state.providers.values()]
? [owner, ...[...state.providers.values()].filter((e) => e !== owner)]
: [...state.providers.values()];
for (const entry of candidates) {
const stats = entry.instance.sequenceStats?.();
@@ -239,10 +240,8 @@ export function createStreetLevelLayer({
disable() {
state.enabled = false;
parts.viewerHost.unmount();
for (const entry of state.providers.values()) {
entry.instance.deactivate();
parts.credits.hide(state.viewer, entry.def);
}
for (const entry of state.providers.values()) entry.instance.deactivate();
parts.credits.hideAll(state.viewer);
parts.selection.uninstall();
parts.marker.setVisible(false);
notify();
@@ -264,18 +263,18 @@ export function createStreetLevelLayer({
},
getStats() {
const ui = getUIState();
// The lifecycle polls this every second: summarise, don't snapshot.
const coverage = summarizeCoverage(providerSnapshots());
let loadingLabel = '';
if (ui.keyRequired) loadingLabel = 'KEY REQUIRED';
else if (ui.coverage.loading) loadingLabel = 'loading coverage...';
else if (ui.coverage.hint && state.enabled)
loadingLabel = ui.coverage.hint;
if (coverage.keyRequired) loadingLabel = 'KEY REQUIRED';
else if (coverage.loading) loadingLabel = 'loading coverage...';
else if (coverage.hint && state.enabled) loadingLabel = coverage.hint;
return {
count: ui.coverage.count,
sequences: ui.coverage.count,
loading: ui.coverage.loading,
keyRequired: ui.keyRequired,
error: ui.keyRequired ? 'KEY REQUIRED' : ui.coverage.error,
count: coverage.count,
sequences: coverage.count,
loading: coverage.loading,
keyRequired: coverage.keyRequired,
error: coverage.keyRequired ? 'KEY REQUIRED' : coverage.error,
loadingLabel,
};
},
@@ -325,25 +324,29 @@ export function createStreetLevelLayer({
state.street.loading = true;
state.street.error = null;
notify();
try {
for (const entry of activeEntries()) {
const imageId = await entry.instance.nearestImage({
let lastError = null;
for (const entry of activeEntries()) {
let imageId = null;
try {
imageId = await entry.instance.nearestImage({
lat: view.lat,
lon: view.lon,
});
if (!imageId) continue;
await openImage(entry.def.id, imageId);
return true;
} catch (error) {
// One provider failing (no key, offline) must not hide the others.
lastError = error;
continue;
}
throw new Error(
`No street-level imagery within ${NEAREST_RADIUS_M} m of the view centre`,
);
} catch (error) {
state.street.error = error?.message || 'Nearest image unavailable';
state.street.loading = false;
notify();
return false;
if (!imageId) continue;
await openImage(entry.def.id, imageId);
return true;
}
state.street.error =
lastError?.message ||
`No street-level imagery within ${NEAREST_RADIUS_M} m of the view centre`;
state.street.loading = false;
notify();
return false;
},
/** Close the image and deselect it everywhere on the map. */
closeViewer() {