Expand scoped demo analysis access

frontend/src/components/detection/DetectionLab.tsx

@@ -78,6 +78,7 @@ interface CalibrationRow {
 }
 
 interface DetectionLabProps {
+  managementLocked?: boolean
   detectionModels: DetectionModelCapability[]
   modelAssets: ModelAssetRead[]
   loadingDetectionModels: boolean
@@ -138,6 +139,7 @@ interface DetectionLabProps {
 }
 
 export function DetectionLab({
+  managementLocked = false,
   detectionModels,
   modelAssets,
   loadingDetectionModels,
@@ -332,7 +334,7 @@ export function DetectionLab({
         </div>
       ) : null}
 
-      <DetectionModelManagement
+      {!managementLocked ? <DetectionModelManagement
         detectionModels={detectionModels}
         modelAssets={modelAssets}
         loadingDetectionModels={loadingDetectionModels}
@@ -347,7 +349,7 @@ export function DetectionLab({
         onRefreshYoloPreflight={onRefreshYoloPreflight}
         onSelectModelAsset={onSelectModelAsset}
         onApplyOperatorProfile={onApplyOperatorProfile}
-      />
+      /> : null}
 
       <div className="lab-block">
         <div className="ai-lab-run-surface" aria-label="Gebouwdetectie starten">
@@ -414,7 +416,7 @@ export function DetectionLab({
               <p>Voeg hieronder een gegeorefereerde GeoTIFF toe. GeoIntel controleert de projectie en bewaart het bronbestand als dataset.</p>
             </div>
           ) : null}
-          <div className="guided-raster-input" aria-label="Luchtbeeld toevoegen">
+          {!managementLocked ? <div className="guided-raster-input" aria-label="Luchtbeeld toevoegen">
             <div>
               <strong>Eigen luchtbeeld toevoegen</strong>
               <p>Gebruik een GeoTIFF met geldige CRS en georeferentie. Een bestaand luchtbeeld kan meteen in de keuzelijst worden gebruikt.</p>
@@ -444,7 +446,7 @@ export function DetectionLab({
             >
               {detectionWorkflowStage === 'uploading' ? 'Luchtbeeld toevoegen...' : 'Luchtbeeld toevoegen'}
             </button>
-          </div>
+          </div> : null}
           <div className="lab-form-grid">
             <label>
               Luchtbeeld
@@ -499,7 +501,7 @@ export function DetectionLab({
             {detectionWorkflowActionLabel(detectionWorkflowStage)}
           </button>
 
-          <details className="ai-lab-model-surface technical-manifest-surface" aria-label="Technische tegelinstellingen">
+          {!managementLocked ? <details className="ai-lab-model-surface technical-manifest-surface" aria-label="Technische tegelinstellingen">
             <summary>
               <span>Technische tegelinstellingen</span>
               <strong>{detectionHasTileManifest ? 'manifest beschikbaar' : 'automatisch'}</strong>
@@ -528,7 +530,7 @@ export function DetectionLab({
                 Bestaande beeldtegels analyseren
               </button>
             </div>
-          </details>
+          </details> : null}
         </div>
       </div>
 
@@ -556,7 +558,7 @@ export function DetectionLab({
         ) : null}
       </div>
 
-      <details className="ai-lab-model-surface guided-calibration-surface" aria-label="Modelkalibratie voor beheerders">
+      {!managementLocked ? <details className="ai-lab-model-surface guided-calibration-surface" aria-label="Modelkalibratie voor beheerders">
         <summary>
           <span>Modelkalibratie voor beheerders</span>
           <strong>{detectionCalibrationRows.length > 0 ? `${detectionCalibrationRows.length} drempels getest` : 'gesloten'}</strong>
@@ -677,7 +679,7 @@ export function DetectionLab({
           </div>
         )}
         </div>
-      </details>
+      </details> : null}
 
       <div className="ai-lab-results-surface" aria-label="Resultaten van de beeldanalyse">
         <div className="panel-title-row">