Good changes

frontend/src/components/map/MapPage.tsx

@@ -161,10 +161,17 @@ export default function MapPage({
     travelTimeEntries: travelTime.entries,
   });
 
+  // First transit destination — used to pick the best central_postcode for journey display
+  const journeyDest = useMemo(() => {
+    const entry = travelTime.entries.find((e) => e.mode === 'transit' && e.slug);
+    return entry ? { mode: entry.mode, slug: entry.slug } : null;
+  }, [travelTime.entries]);
+
   const selection = useHexagonSelection({
     filters,
     features,
     resolution: mapData.resolution,
+    journeyDest,
   });
 
   const handleLocationSearchResult = useCallback(
@@ -196,6 +203,17 @@ export default function MapPage({
     selection.setRightPaneTab(initialTab);
   }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
+  // Prevent browser back/forward navigation from horizontal trackpad swipes
+  useEffect(() => {
+    const handleWheel = (e: WheelEvent) => {
+      if (Math.abs(e.deltaX) > Math.abs(e.deltaY)) {
+        e.preventDefault();
+      }
+    };
+    document.addEventListener('wheel', handleWheel, { passive: false });
+    return () => document.removeEventListener('wheel', handleWheel);
+  }, []);
+
   const { handleHexagonClick } = selection;
   const handleMobileHexagonClick = useCallback(
     (id: string, isPostcode?: boolean, geometry?: PostcodeGeometry) => {
@@ -351,9 +369,9 @@ export default function MapPage({
           : null
       }
       onViewProperties={selection.handleViewPropertiesFromArea}
-      onClose={selection.handleCloseSelection}
       hexagonLocation={hexagonLocation}
       filters={filters}
+      travelTimeEntries={travelTime.activeEntries}
     />
   );
 
@@ -501,6 +519,7 @@ export default function MapPage({
                 enumValues={mobileLegendMeta.type === 'enum' ? mobileLegendMeta.values : undefined}
                 theme={theme}
                 inline
+                raw={mobileLegendMeta.raw}
               />
             ) : null
           ) : (