Hacky demo changes

frontend/src/components/map/Map.tsx

@@ -67,6 +67,7 @@ interface MapProps {
   currentLocation?: { lat: number; lng: number } | null;
   bounds?: Bounds | null;
   hideLegend?: boolean;
+  hideLocationSearch?: boolean;
   travelTimeEntries?: TravelTimeEntry[];
   densityLabel?: string;
   totalCount?: number;
@@ -173,6 +174,7 @@ export default memo(function Map({
   currentLocation,
   bounds: viewportBounds,
   hideLegend = false,
+  hideLocationSearch = false,
   travelTimeEntries = EMPTY_TRAVEL_ENTRIES,
   densityLabel: densityLabelProp,
   totalCount: totalCountProp,
@@ -231,6 +233,7 @@ export default memo(function Map({
   }, [viewState, dimensions, onViewChange]);
 
   const handleMove = useCallback((evt: { viewState: ViewState }) => {
+    if (window.__demoRecording) window.__demoMapIdle = false;
     setInternalViewState((prev) => {
       const next = evt.viewState;
       // Skip re-render when viewport values haven't changed (e.g. container resize
@@ -249,6 +252,14 @@ export default memo(function Map({
     });
   }, []);
 
+  const handleIdle = useCallback(() => {
+    if (screenshotMode) window.__map_idle = true;
+    if (window.__demoRecording) {
+      window.__demoMapIdle = true;
+      window.__demoMapIdleVersion = (window.__demoMapIdleVersion ?? 0) + 1;
+    }
+  }, [screenshotMode]);
+
   const handleFlyTo = useCallback((lat: number, lng: number, zoom: number) => {
     setInternalViewState((prev) => ({ ...prev, latitude: lat, longitude: lng, zoom }));
   }, []);
@@ -293,13 +304,7 @@ export default memo(function Map({
         {...viewState}
         onMove={handleMove}
         onLoad={undefined}
-        onIdle={
-          screenshotMode
-            ? () => {
-                window.__map_idle = true;
-              }
-            : undefined
-        }
+        onIdle={handleIdle}
         mapStyle={mapStyle}
         style={{ width: '100%', height: '100%' }}
         attributionControl={false}
@@ -362,12 +367,14 @@ export default memo(function Map({
       ) : (
         <>
           <div className="absolute top-3 left-3 right-3 z-[60] flex flex-wrap items-start justify-between gap-2 pointer-events-none">
-            <LocationSearch
-              onFlyTo={handleFlyTo}
-              onLocationSearched={onLocationSearched}
-              onCurrentLocationFound={onCurrentLocationFound}
-              onMouseEnter={handleMouseLeave}
-            />
+            {!hideLocationSearch && (
+              <LocationSearch
+                onFlyTo={handleFlyTo}
+                onLocationSearched={onLocationSearched}
+                onCurrentLocationFound={onCurrentLocationFound}
+                onMouseEnter={handleMouseLeave}
+              />
+            )}
             {!hideLegend &&
               (viewFeature && colorRange ? (
                 viewFeature.startsWith('tt_') ? (