feat: add cross-domain Mol data profile

frontend/src/components/map/MapWorkspace.tsx

@@ -8,6 +8,7 @@ import { getDatasetDisplayName, getDatasetSourceDisplayName } from '../../lib/da
 import { TemporalTrendChart } from './TemporalTrendChart'
 import { terrainImageUrl } from '../../lib/terrainImage'
 import { floodHazardImageUrl } from '../../lib/floodHazardImage'
+import { thematicRasterImageUrl } from '../../lib/thematicRaster'
 
 const DEFAULT_SELECTED_FEATURE_FILENAME = 'selected-feature.geojson'
 const DEFAULT_AREA_SELECTION_FILENAME = 'area-selection.geojson'
@@ -15,7 +16,7 @@ const EMPTY_TEMPORAL_SERIES: DatasetCreateResponse[] = []
 const MOL_PROJECT_NAME = 'Mol Municipality Workbench'
 const KEMPEN_PROJECT_NAME = 'Kempen Regional Workbench'
 
-type DataThemeId = 'buildings' | 'population' | 'forest' | 'nature_value' | 'agriculture' | 'water' | 'flood_hazard' | 'elevation' | 'roads' | 'parcels'
+type DataThemeId = 'buildings' | 'space_occupation' | 'open_space' | 'population' | 'forest' | 'nature_value' | 'agriculture' | 'soil' | 'water' | 'flood_hazard' | 'elevation' | 'accessibility' | 'services' | 'roads' | 'parcels'
 
 interface DataTheme {
   id: DataThemeId
@@ -39,6 +40,20 @@ const DATA_THEMES: DataTheme[] = [
     description: 'Gebouwen en gebouwcontouren uit GRB of een andere persistente bron.',
     tokens: ['buildings', 'building', 'gebouwen', 'gebouw', 'bebouwing', 'gbg'],
   },
+  {
+    id: 'space_occupation',
+    label: 'Ruimtebeslag',
+    shortLabel: 'Ruimtebeslag',
+    description: 'Officiële 10 m-beleidskaart van ruimte ingenomen door wonen, economie, infrastructuur en recreatie.',
+    tokens: ['space_occupation', 'ruimtebeslag', 'ruibes'],
+  },
+  {
+    id: 'open_space',
+    label: 'Open ruimte',
+    shortLabel: 'Open ruimte',
+    description: 'Officiële 10 m-beleidskaart van open ruimte buiten kernen en ruimtebeslag.',
+    tokens: ['open_space', 'open ruimte', 'openruimte'],
+  },
   {
     id: 'population',
     label: 'Bevolking',
@@ -67,6 +82,13 @@ const DATA_THEMES: DataTheme[] = [
     description: 'Jaarlijkse officiële landbouwgebruikspercelen en hoofdteeltgroepen.',
     tokens: ['agriculture', 'agricultural', 'landbouw', 'landbouwgebruik', 'agpa'],
   },
+  {
+    id: 'soil',
+    label: 'Bodem',
+    shortLabel: 'Bodemkaart',
+    description: 'Historische DOV-bodemkartering met bodemtype, textuur en drainageklasse voor Mol.',
+    tokens: ['soil', 'bodem', 'bodemkaart', 'bodemtype', 'dov_soil_map'],
+  },
   {
     id: 'water',
     label: 'Water',
@@ -88,6 +110,20 @@ const DATA_THEMES: DataTheme[] = [
     description: 'Maaiveld- of oppervlaktehoogte, reliëf en helling uit DHMV II.',
     tokens: ['dhmv', 'elevation', 'height', 'hoogte', 'terrain', 'surface', 'dtm', 'dsm', 'reliëf'],
   },
+  {
+    id: 'accessibility',
+    label: 'Bereikbaarheid',
+    shortLabel: 'Knooppuntwaarde',
+    description: 'Knooppuntwaarde van collectief vervoer per hectare voor referentiejaar 2022.',
+    tokens: ['accessibility', 'bereikbaarheid', 'knooppuntwaarde', 'knptw'],
+  },
+  {
+    id: 'services',
+    label: 'Voorzieningen',
+    shortLabel: 'Voorzieningenniveau',
+    description: 'Genormaliseerde nabijheid van basis-, regionale en metropolitane voorzieningen in 2022.',
+    tokens: ['services', 'voorzieningen', 'voorzieningenniveau', 'totvznv'],
+  },
   {
     id: 'roads',
     label: 'Wegen',
@@ -106,13 +142,18 @@ const DATA_THEMES: DataTheme[] = [
 
 const DATA_THEME_MAP_STYLES: Record<DataThemeId, { fill: string; line: string }> = {
   buildings: { fill: '#d45f3d', line: '#9f3e24' },
+  space_occupation: { fill: '#be3e33', line: '#8f2c24' },
+  open_space: { fill: '#267a46', line: '#175c32' },
   population: { fill: '#7559a6', line: '#5b3f88' },
   forest: { fill: '#347950', line: '#225f3b' },
   nature_value: { fill: '#9a4f64', line: '#74364a' },
   agriculture: { fill: '#7b8f32', line: '#53671d' },
+  soil: { fill: '#9a7040', line: '#6f4c27' },
   water: { fill: '#2676a8', line: '#155b85' },
   flood_hazard: { fill: '#1597c2', line: '#075985' },
   elevation: { fill: '#a57a4b', line: '#315f59' },
+  accessibility: { fill: '#0f766e', line: '#115e59' },
+  services: { fill: '#b66d16', line: '#854d0e' },
   roads: { fill: '#6b7280', line: '#4b5563' },
   parcels: { fill: '#a7792f', line: '#7d571f' },
 }
@@ -126,6 +167,12 @@ function datasetAvailabilityLabel(dataset: DatasetCreateResponse): string {
     const resolution = Number(dataset.source_metadata?.['analysis_resolution_m'])
     return `${Number.isFinite(resolution) ? `${resolution.toLocaleString('nl-BE')} m` : 'Raster'} overstromingsscenario`
   }
+  if (dataset.dataset_type === 'raster' && dataset.source_name === 'department_omgeving_thematic_raster') {
+    const resolution = Number(dataset.source_metadata?.['analysis_resolution_m'])
+    const year = Number(dataset.source_metadata?.['observation_year'])
+    const resolutionLabel = Number.isFinite(resolution) ? `${resolution.toLocaleString('nl-BE')} m` : 'Raster'
+    return `${resolutionLabel} officiële bron${Number.isFinite(year) ? ` · ${year}` : ''}`
+  }
   return `${(dataset.feature_count ?? dataset.vector_summary?.feature_count ?? 0).toLocaleString('nl-BE')} objecten beschikbaar`
 }
 
@@ -156,6 +203,12 @@ function datasetMatchesTheme(dataset: DatasetCreateResponse, theme: DataTheme):
   if (dataset.source_name === 'digitaal_vlaanderen_dhmv') {
     return theme.id === 'elevation'
   }
+  if (dataset.source_name === 'department_omgeving_thematic_raster') {
+    return dataset.source_metadata?.['theme'] === theme.id
+  }
+  if (dataset.source_name === 'dov_soil_map') {
+    return theme.id === 'soil'
+  }
   const searchText = datasetSearchText(dataset)
   return theme.tokens.some((token) => searchText.includes(token))
 }
@@ -184,6 +237,7 @@ function pickThemeDataset(
       (dataset.source_name === 'department_omgeving_land_use' ? 90_000 : 0) +
       (dataset.source_name === 'inbo_bwk_natura2000' ? 95_000 : 0) +
       (dataset.source_name === 'agentschap_landbouw_zeevisserij_agricultural_parcels' ? 98_000 : 0) +
+      (dataset.source_name === 'department_omgeving_thematic_raster' ? 5_000_000 : 0) +
       (dataset.source_name === 'digitaal_vlaanderen_buildings_addresses_register' ? 5_000_000 : 0) +
       (dataset.source_name === 'digitaal_vlaanderen_dhmv' ? 5_000_000 : 0) +
       (dataset.source_name === 'vmm_flood_hazard' ? 5_000_000 : 0) +
@@ -763,7 +817,20 @@ export function MapWorkspace({
         opacity: 0.82,
       }
     : null
-  const activeImageOverlay = floodHazardImageOverlay ?? terrainImageOverlay ?? orthophotoImageOverlay
+  const thematicRasterBounds = activeThemeDataset?.source_name === 'department_omgeving_thematic_raster'
+    ? activeThemeDataset.source_metadata?.['bbox_epsg4326']
+    : null
+  const thematicRasterImageOverlay = activeThemeDataset?.source_name === 'department_omgeving_thematic_raster' && selectedProjectId && Array.isArray(thematicRasterBounds) && thematicRasterBounds.length === 4
+    ? {
+        url: thematicRasterImageUrl(selectedProjectId, activeThemeDataset.id),
+        bbox: thematicRasterBounds.map(Number) as [number, number, number, number],
+        label: getDatasetDisplayName(activeThemeDataset),
+        opacity: 0.78,
+      }
+    : null
+  const thematicLegendMin = String(activeThemeDataset?.source_metadata?.['legend_min_label'] ?? 'Lagere waarde')
+  const thematicLegendMax = String(activeThemeDataset?.source_metadata?.['legend_max_label'] ?? 'Hogere waarde')
+  const activeImageOverlay = thematicRasterImageOverlay ?? floodHazardImageOverlay ?? terrainImageOverlay ?? orthophotoImageOverlay
   const activeScopeProject = projects.find((project) => project.id === selectedProjectId) ?? null
   const activeScopeLabel = activeScopeProject ? operationalScopeProjectLabel(activeScopeProject) : 'Werkgebied'
   const municipalityAreaCount = areas.filter((area) => /^Gemeente\s/i.test(area.name)).length
@@ -775,7 +842,9 @@ export function MapWorkspace({
     [availableMapDatasets],
   )
   const activeTemporalSeriesGroups = themeTemporalSeriesMap[activeTheme.id]
-  const availableEvolutionThemes = DATA_THEMES.filter((theme) => themeTemporalSeriesMap[theme.id].length > 0)
+  const availableEvolutionThemes = DATA_THEMES.filter((theme) =>
+    themeTemporalSeriesMap[theme.id].some((group) => group.items.length >= 2),
+  )
   const activeTemporalSeriesGroup = activeTemporalSeriesGroups.find((group) => group.key === selectedTemporalSeriesKey)
     ?? activeTemporalSeriesGroups[0]
   const activeTemporalSeries = activeTemporalSeriesGroup?.items ?? EMPTY_TEMPORAL_SERIES
@@ -815,13 +884,28 @@ export function MapWorkspace({
     (metric) => metric.metric_key !== activeSelectionResult?.summary?.primary_metric_key,
   )
   const terrainReliefMetric = activeSupportingMetrics.find((metric) => metric.metric_key === 'relief_m')
+  const populationDensityMetric = activeSupportingMetrics.find((metric) => metric.metric_key === 'population_density_mean_per_ha')
+  const scoreMedianMetric = activeSupportingMetrics.find((metric) => metric.metric_key.endsWith('_median'))
   const activeSecondaryMetric = activeMetricUnit === 'm TAW'
     ? terrainReliefMetric ? `${terrainReliefMetric.metric_value.toLocaleString('nl-BE', { maximumFractionDigits: 2 })} m reliëf` : null
-    : selectedAreaSquareMetres && selectedAreaSquareMetres > 0
-      ? activeMetricUnit === 'ha'
+    : activeMetricUnit === 'inwoners'
+      ? populationDensityMetric ? selectionMetricLabel(populationDensityMetric) : null
+      : activeMetricUnit.startsWith('score')
+        ? scoreMedianMetric ? selectionMetricLabel(scoreMedianMetric) : null
+        : selectedAreaSquareMetres && selectedAreaSquareMetres > 0
+          ? activeMetricUnit === 'ha'
       ? `${((activeMetricValue * 10_000) / selectedAreaSquareMetres * 100).toLocaleString('nl-BE', { maximumFractionDigits: 1 })}% dekking`
       : `${(activeMetricValue / (selectedAreaSquareMetres / 1_000_000)).toLocaleString('nl-BE', { maximumFractionDigits: 1 })} ${activeMetricUnit} / km2`
       : null
+  const activeSecondaryLabel = activeMetricUnit === 'ha'
+    ? 'Aandeel selectie'
+    : activeMetricUnit === 'm TAW'
+      ? 'Reliëf'
+      : activeMetricUnit === 'inwoners'
+        ? 'Gemiddelde dichtheid'
+        : activeMetricUnit.startsWith('score')
+          ? 'Mediaan'
+          : 'Dichtheid'
   const selectedResultProperties = useMemo(() => {
     const keys = new Map<string, Set<string>>()
     for (const feature of activeSelectionResult?.geojson.features ?? []) {
@@ -1185,7 +1269,7 @@ export function MapWorkspace({
                 const dataset = themeDatasetMap[theme.id]
                 const temporalGroups = themeTemporalSeriesMap[theme.id]
                 const temporalGroup = temporalGroups[0]
-                const evolutionAvailable = temporalGroups.length > 0
+                const evolutionAvailable = temporalGroups.some((group) => group.items.length >= 2)
                 const available = Boolean(dataset) && (analysisMode === 'current' || evolutionAvailable)
                 const active = activeThemeId === theme.id
                 const firstObservation = temporalGroup?.items[0]?.observed_at
@@ -1382,7 +1466,12 @@ export function MapWorkspace({
               />
               <div className="geo-map-legend" aria-label="Kaartlegende">
                 <span><i className="geo-legend-area" /> Werkgebied</span>
-                {activeImageOverlay ? <span><i className="geo-legend-imagery" /> {activeImageOverlay.label}</span> : null}
+                {thematicRasterImageOverlay ? (
+                  <span className="geo-legend-thematic">
+                    <i className={`geo-legend-ramp geo-legend-ramp-${activeTheme.id}`} />
+                    <small>{thematicLegendMin} → {thematicLegendMax}</small>
+                  </span>
+                ) : activeImageOverlay ? <span><i className="geo-legend-imagery" /> {activeImageOverlay.label}</span> : null}
                 {analysisOverlayActive ? (
                   <>
                     <span><i className="geo-legend-layer geo-legend-layer-buildings" /> AI-kandidaten</span>
@@ -1585,7 +1674,7 @@ export function MapWorkspace({
                         <strong>{activeSelectionResult ? resultMetricLabel(activeSelectionResult) : 'Geen resultaat'}</strong>
                       </div>
                       <div>
-                        <span>{activeMetricUnit === 'ha' ? 'Aandeel selectie' : activeMetricUnit === 'm TAW' ? 'Reliëf' : 'Dichtheid'}</span>
+                        <span>{activeSecondaryLabel}</span>
                         <strong>{activeSecondaryMetric ?? (selectedDensity === null ? 'n.v.t.' : `${selectedDensity.toLocaleString('nl-BE', { maximumFractionDigits: 1 })} / km2`)}</strong>
                       </div>
                     </div>
@@ -1658,7 +1747,7 @@ export function MapWorkspace({
 
                 {analysisMode === 'current' ? (
                   <div className="geo-result-actions">
-                    <button className="secondary-action" disabled={!activeSelectionResult || activeTheme.id === 'elevation' || activeTheme.id === 'flood_hazard'} type="button" onClick={downloadActiveThemeSelection}>Download GeoJSON</button>
+                    <button className="secondary-action" disabled={!activeSelectionResult || activeThemeDataset?.dataset_type === 'raster'} type="button" onClick={downloadActiveThemeSelection}>Download GeoJSON</button>
                     <button className="secondary-action" disabled={!activeSelectionResult} type="button" onClick={copyActiveThemeSelection}>Kopieer gegevens</button>
                   </div>
                 ) : null}