Align on-demand map context

frontend/src/App.tsx

@@ -71,6 +71,7 @@ function App(): JSX.Element {
   const [inspectorOpen, setInspectorOpen] = useState(false)
   const [mapContentMode, setMapContentMode] = useState<'dataset' | 'analysis'>('dataset')
   const [mapContextSourceLabel, setMapContextSourceLabel] = useState<string | null>(null)
+  const [mapContextLayerLabel, setMapContextLayerLabel] = useState<string | null>(null)
   const workbenchMainRef = useRef<HTMLElement | null>(null)
   useEffect(() => {
     workbenchMainRef.current?.scrollTo({ top: 0, left: 0 })
@@ -710,17 +711,19 @@ function App(): JSX.Element {
       : datasets.length > 0
         ? 'Kies een bron'
         : 'Geen bron'
-  const layerContextLabel = bathymetryContextActive
-    ? regionalBathymetryContextActive
-      ? `${bathymetryProfileCount.toLocaleString('nl-BE')} profielen · ${regionalBathymetryPartitions.length} gemeenten`
-      : `${bathymetryProfileCount.toLocaleString('nl-BE')} profielen`
-    : mapFeatureCollection
-    ? `${mapFeatureCount.toLocaleString('nl-BE')} objecten`
-    : viewportVectorLayerActive
-      ? 'Kaartlaag gekozen'
-      : activeWorkspace === 'map' && selectedDataset?.dataset_type === 'raster'
-        ? 'Rasterlaag actief'
-      : 'Geen actieve laag'
+  const layerContextLabel = activeWorkspace === 'map' && mapContextLayerLabel
+    ? mapContextLayerLabel
+    : bathymetryContextActive
+      ? regionalBathymetryContextActive
+        ? `${bathymetryProfileCount.toLocaleString('nl-BE')} profielen · ${regionalBathymetryPartitions.length} gemeenten`
+        : `${bathymetryProfileCount.toLocaleString('nl-BE')} profielen`
+      : mapFeatureCollection
+        ? `${mapFeatureCount.toLocaleString('nl-BE')} objecten`
+        : viewportVectorLayerActive
+          ? 'Kaartlaag gekozen'
+          : activeWorkspace === 'map' && selectedDataset?.dataset_type === 'raster'
+            ? 'Rasterlaag actief'
+            : 'Geen actieve laag'
 
   return (
     <div className="app-shell workbench-shell">
@@ -952,6 +955,7 @@ function App(): JSX.Element {
               selectedFeature={selectedMapFeature}
               onSelectMapArea={setSelectedMapAreaId}
               onSetContextSourceLabel={setMapContextSourceLabel}
+              onSetContextLayerLabel={setMapContextLayerLabel}
               onOpenDatasetInMap={openDatasetInMap}
               onSetAreaLayerVisible={setAreaLayerVisible}
               onSetAreaLayerOpacity={setAreaLayerOpacity}