Improve map overlay ergonomics

frontend/src/components/map/MapWorkspace.tsx

@@ -7,6 +7,8 @@ interface MapWorkspaceProps {
   areaFeatureCollection: GeoJSON.FeatureCollection | null
   mapFeatureCollection: GeoJSON.FeatureCollection | null
   mapLayerLabel: string
+  mapLayerSourceLabel: string
+  mapLayerProvenance: string
   mapLayerVisible: boolean
   mapLayerOpacity: number
   areaLayerVisible: boolean
@@ -28,6 +30,8 @@ export function MapWorkspace({
   areaFeatureCollection,
   mapFeatureCollection,
   mapLayerLabel,
+  mapLayerSourceLabel,
+  mapLayerProvenance,
   mapLayerVisible,
   mapLayerOpacity,
   areaLayerVisible,
@@ -42,6 +46,13 @@ export function MapWorkspace({
   onSetMapLayerOpacity,
   onSelectMapFeature,
 }: MapWorkspaceProps): JSX.Element {
+  const featureProperties = selectedMapFeature?.properties ?? null
+  const featureSummaryEntries = featureProperties
+    ? Object.entries(featureProperties)
+        .filter(([, value]) => value !== null && value !== undefined && typeof value !== 'object')
+        .slice(0, 6)
+    : []
+
   return (
     <section data-testid="map-workspace">
       <div className="panel-title-row">
@@ -121,6 +132,26 @@ export function MapWorkspace({
           <span>{mapFeatureCollection ? `${mapFeatureCount} features loaded` : 'No vector/result layer loaded'}</span>
         </div>
       </div>
+      <div className="layer-provenance-rail" aria-label="Active map layer provenance">
+        <div>
+          <span>Layer source</span>
+          <strong>{mapLayerSourceLabel}</strong>
+        </div>
+        <div>
+          <span>Provenance</span>
+          <strong>{mapLayerProvenance}</strong>
+        </div>
+        <div>
+          <span>Draw state</span>
+          <strong>{mapFeatureCollection ? `${mapFeatureCount} rendered features` : 'No active vector or result layer'}</strong>
+        </div>
+      </div>
+      {!mapFeatureCollection ? (
+        <div className="empty-state map-empty-state">
+          <strong>No active vector or result layer</strong>
+          <p>Open a dataset, detection run, segmentation run or change result to draw it here.</p>
+        </div>
+      ) : null}
       <GeoMap
         data={mapFeatureCollection}
         areaData={areaFeatureCollection}
@@ -137,6 +168,16 @@ export function MapWorkspace({
         </div>
         {selectedMapFeature ? (
           <>
+            {featureSummaryEntries.length > 0 ? (
+              <div className="feature-summary-grid" aria-label="Selected feature summary">
+                {featureSummaryEntries.map(([key, value]) => (
+                  <div className="feature-property-chip" key={key}>
+                    <span>{key}</span>
+                    <strong>{String(value)}</strong>
+                  </div>
+                ))}
+              </div>
+            ) : null}
             <pre className="job-result">{JSON.stringify(selectedMapFeature.properties ?? {}, null, 2)}</pre>
           </>
         ) : (