phase 3

ui/detection-app/src/App.vue

@@ -42,9 +42,9 @@ source.on<StatsUpdate>('stats_update', (e) => {
   stats.value = e
   if (!runContext.value && e.run_id) {
     runContext.value = {
-      run_id: (e as any).run_id,
-      parent_job_id: (e as any).parent_job_id,
-      run_type: (e as any).run_type ?? 'initial',
+      run_id: e.run_id!,
+      parent_job_id: e.parent_job_id!,
+      run_type: e.run_type ?? 'initial',
     }
   }
 })
@@ -267,8 +267,10 @@ const editorOverlays = ref<FrameOverlay[]>([])
 // Boxes from edge detection (local or server)
 const editorBoxes = ref<FrameBBox[]>([])
 
+type RegionBox = { x: number; y: number; w: number; h: number; confidence: number; label: string }
+
 function onReplayResult(result: {
-  regions_by_frame?: Record<string, unknown[]>
+  regions_by_frame?: Record<string, RegionBox[]>
   debug?: Record<string, { edge_overlay_b64: string; lines_overlay_b64: string; horizontal_count: number; pair_count: number }>
   frameWidth?: number
   frameHeight?: number
@@ -281,7 +283,7 @@ function onReplayResult(result: {
   // Merge incoming per-frame regions into accumulated store
   if (result.regions_by_frame) {
     for (const [seqStr, regions] of Object.entries(result.regions_by_frame)) {
-      allFrameRegions.value[Number(seqStr)] = regions as any[]
+      allFrameRegions.value[Number(seqStr)] = regions
     }
   }