Optimisations

frontend/src/components/Map.tsx

@@ -654,6 +654,19 @@ export default memo(function Map({
         <DeckOverlay layers={layers} getTooltip={null} />
       </MapGL>
       <PostcodeSearch onFlyTo={handleFlyTo} />
+      {viewSource === 'eye' && viewFeature && (
+        <div className="absolute top-4 left-1/2 -translate-x-1/2 z-20 flex items-center gap-3 bg-white dark:bg-warm-800 rounded-lg shadow-lg px-5 py-3">
+          <span className="text-lg font-semibold text-navy-950 dark:text-warm-100">
+            Previewing &ldquo;{viewFeature}&rdquo;
+          </span>
+          <button
+            onClick={onCancelPin}
+            className="px-4 py-1.5 rounded-md bg-warm-200 dark:bg-warm-700 text-warm-700 dark:text-warm-200 hover:bg-warm-300 dark:hover:bg-warm-600 font-medium text-sm"
+          >
+            Cancel
+          </button>
+        </div>
+      )}
       {viewFeature && colorRange && colorFeatureMeta ? (
         <MapLegend
           featureLabel={colorFeatureMeta.name}