feat: interactive labeler Advanced panel — 5-fold CV + pre-event swipe view

[calebrob6]

Summary

Adds an expandable "Advanced" section to the Interactive Labeler right panel with two features.

1. Run 5-fold CV

Stratified k-fold cross-validation of the in-browser model over your current labels, reporting per-class precision, recall, and one-vs-rest AUC as mean ± stdev across folds, in a compact table (Intact / Damaged / Cloudy).

• New pure, dependency-free crossValidateMetrics(entries, { k = 5 }) in interactiveModel.js:
  • Stratified fold assignment (every fold gets every class); effective folds clamped to the smallest class count (a 5-fold request on a class with 3 samples runs 3-fold and says so).
  • Per-class precision/recall from argmax predictions (skipping folds where the metric is undefined so one degenerate fold doesn't drag the mean to 0).
  • Per-class one-vs-rest AUC from the raw per-class sigmoid via a new rank-based binaryAUC helper (Mann–Whitney, average ranks for ties; null when a fold is single-class for that label).
  • Aggregates mean + sample (n-1) stdev; returns { ok:false, reason } for degenerate inputs (<2 classes / too few per class).
• UI: "Run 5-fold CV" button (disabled with no labels), a spinner while the CPU crunch runs (yields to paint first), and the results table with a k-fold=<effK> caption.

2. Swipe (pre-event) toggle

A FluentUI toggle that overlays an atlas.SwipeMap whose secondary map reveals the layer's pre-event imagery, falling back to a satellite basemap when the layer has no pre-event imagery — mirroring the Visualizer's swipe pattern (Visualizer.jsx:140-155, 315-345) and reusing the existing loadImagery helper (which itself falls back to the Azure microsoft.imagery satellite tiles for an empty URL). The SwipeMap is lazily constructed on toggle-on and fully torn down on toggle-off (dispose swipe + secondary map, reset container) so the primary labeler map and its footprint interactions are untouched across repeated toggling.

Files

• ui/src/Components/InteractiveLabeler/interactiveModel.js (+189): crossValidateMetrics, binaryAUC, meanStd/shuffle helpers.
• ui/src/Components/InteractiveLabeler/InteractiveLabeler.jsx (+340/−4): Advanced expandable, CV button/table, swipe toggle + lifecycle, map-area overlay container.

Validation

• CV math (independently verified with Node against the real module): AUC edge cases (perfect=1, reversed=0, all-ties=0.5, single-class=null); separable 3-class data → per-class AUC≈1.0 with 0 fold-stdev; overlapping clusters → non-zero stdev; degenerate inputs → {ok:false}; effK clamps to the smallest class (3 when a class has 3 members). Output pasted in the PR discussion.
• Build: npm run build passes.
• Lint: no new problems — the 5 eslint items on the file are pre-existing (verified identical on the pristine HEAD copy) and outside the added code.
• Local docker: ui image rebuilt + recreated; page serves (/ → 302 auth redirect); the vite-transformed module and the azure-maps-swipe-map.min.js global both load without error.

Known limitation (please verify on a token-enabled deployment)

The visual swipe behavior (dragging the divider, the pre-event/satellite reveal, repeated on/off restore) could not be exercised in the local stack: the SWA emulator gates the app behind MSAL login and local docker uses the Azure Maps placeholder token, so atlas.microsoft.com basemap tiles don't render without a real subscription key. The swipe code mirrors the already-working Visualizer SwipeMap pattern and builds/lints clean, but the live interaction should be confirmed against a deployment with a real Azure Maps token (e.g. via the UI Validation Agent / Playwright). The CV feature is fully verified and has no such dependency.

Deploy note

UI-only change. Rebuild/redeploy the ui app. No backend/API/hastegeo changes.

Co-authored-by: Copilot 223556219+Copilot@users.noreply.github.com