Upload 51 files

src/components/MultiSourceCaptioningView.tsx

@@ -350,11 +350,25 @@ export default function MultiSourceCaptioningView() {
       if (boxHistory.length > 0) {
         const scaleX = canvas.width / overlayVideo.videoWidth;
         const scaleY = canvas.height / overlayVideo.videoHeight;
-        // Denormalize boxes if needed
-        const denormalizedBoxes = boxHistory.map(b => ({
-          ...b,
-          bbox_2d: denormalizeBox(b.bbox_2d, canvas.width, canvas.height)
-        }));
+        // Flatten and denormalize all boxes
+        const denormalizedBoxes: any[] = [];
+        for (const b of boxHistory) {
+          if (Array.isArray(b.bbox_2d[0])) {
+            // Multiple boxes per label
+            for (const arr of b.bbox_2d) {
+              denormalizedBoxes.push({
+                ...b,
+                bbox_2d: denormalizeBox(arr, canvas.width, canvas.height)
+              });
+            }
+          } else {
+            // Single box
+            denormalizedBoxes.push({
+              ...b,
+              bbox_2d: denormalizeBox(b.bbox_2d, canvas.width, canvas.height)
+            });
+          }
+        }
         drawBoundingBoxesOnCanvas(ctx, denormalizedBoxes, { color: "#FF00FF", lineWidth: 4, font: "20px Arial", scaleX, scaleY });
       }
     };