Refine premium workbench UX

frontend/src/components/detection/DetectionLab.tsx

@@ -206,13 +206,12 @@ export function DetectionLab({
         </button>
       </div>
 
-      <div className="ai-lab-model-surface" aria-label="Detection model capabilities">
-        <div className="ai-lab-section-header">
-          <div>
-            <h3>Model registry</h3>
-            <p>Backend-reported detector states and limitations.</p>
-          </div>
-        </div>
+      <details className="ai-lab-model-surface" aria-label="Detection model capabilities">
+        <summary>
+          <span>Model registry</span>
+          <strong>{detectionModels.length} models</strong>
+        </summary>
+        <div className="ai-lab-disclosure-body">
         <div className="ai-lab-state-stack">
           {loadingDetectionModels ? (
             <div className="result-state result-state-loading">
@@ -254,7 +253,8 @@ export function DetectionLab({
             </li>
           ))}
         </ul>
-      </div>
+        </div>
+      </details>
 
       {selectedDetectionModelId === 'yolo-configured' ? (
         <div className="ai-lab-model-surface" aria-label="Local model asset selection">
@@ -359,7 +359,12 @@ export function DetectionLab({
         </div>
       ) : null}
 
-      <div className="ai-lab-model-surface" aria-label="YOLO runtime preflight">
+      <details className="ai-lab-model-surface" aria-label="YOLO runtime preflight">
+        <summary>
+          <span>YOLO runtime preflight</span>
+          <strong>{yoloPreflight?.status ?? 'not loaded'}</strong>
+        </summary>
+        <div className="ai-lab-disclosure-body">
         <div className="ai-lab-section-header">
           <div>
             <h3>YOLO runtime preflight</h3>
@@ -437,7 +442,8 @@ export function DetectionLab({
             </div>
           </div>
         ) : null}
-      </div>
+        </div>
+      </details>
 
       <div className="lab-block">
         <div className="ai-lab-run-surface" aria-label="Detection run controls">