Complete GeoIntel visual system and portfolio case study

frontend/src/components/detection/DetectionLab.tsx

@@ -13,6 +13,7 @@ import type {
 import type { DetectionCalibrationRunRow, DetectionWorkflowStage } from '../../hooks/useDetectionWorkflow'
 import { DETECTION_OPERATOR_PROFILES, type DetectionOperatorProfile } from './detectionProfiles'
 import { DetectionModelManagement, detectionModelLabel } from './DetectionModelManagement'
+import { AiPipelineIllustration } from './AiPipelineIllustration'
 
 const DETECTION_PAGE_SIZE_OPTIONS = [25, 50, 100] as const
 const DEFAULT_DETECTION_PAGE_SIZE = 50
@@ -285,6 +286,15 @@ export function DetectionLab({
         </button>
       </div>
 
+      <AiPipelineIllustration
+        hasImagery={detectionHasDataset}
+        hasTiles={detectionHasTileManifest}
+        gpuReady={yoloRuntimeReady && Boolean(yoloPreflight?.runtime.cuda_available)}
+        hasDetections={detectionItems.length > 0 || detectionRuns.some((run) => run.status === 'completed')}
+        hasQualityEvidence={Boolean(detectionQaResult) || qualityChecks.length > 0}
+        running={runningDetection || runningDetectionQa || runningDetectionCalibration}
+      />
+
       <div className="ai-user-summary" aria-label="Status gebouwdetectie">
         <div className="ai-user-summary-card ai-user-summary-card-primary">
           <span>Actieve analyse</span>