Upload 51 files

src/components/MultiSourceCaptioningView.tsx

@@ -475,11 +475,6 @@ export default function MultiSourceCaptioningView() {
               >
                 Test Draw Box
               </button>
-              <div className="mt-2 p-2 bg-gray-800 rounded text-xs">
-                <div>Canvas: {canvasDims ? `${canvasDims.w}x${canvasDims.h}` : "-"} | Video: {videoDims ? `${videoDims.w}x${videoDims.h}` : "-"}</div>
-                <div>Raw Model Output:</div>
-                <pre className="overflow-x-auto max-h-32 whitespace-pre-wrap">{debugOutput}</pre>
-              </div>
             </div>
           )}
           {mode === "File" && (
@@ -603,13 +598,14 @@ export default function MultiSourceCaptioningView() {
               >
                 Test Draw Box
               </button>
-              <div className="mt-2 p-2 bg-gray-800 rounded text-xs">
-                <div>Canvas: {canvasDims ? `${canvasDims.w}x${canvasDims.h}` : "-"} | Video: {videoDims ? `${videoDims.w}x${videoDims.h}` : "-"}</div>
-                <div>Raw Model Output:</div>
-                <pre className="overflow-x-auto max-h-32 whitespace-pre-wrap">{debugOutput}</pre>
-              </div>
             </div>
           )}
+          {/* Always show Raw Model Output at the bottom */}
+          <div className="mt-2 p-2 bg-gray-800 rounded text-xs w-full max-w-xl">
+            <div>Canvas: {canvasDims ? `${canvasDims.w}x${canvasDims.h}` : "-"} | Video: {videoDims ? `${videoDims.w}x${videoDims.h}` : "-"}</div>
+            <div>Raw Model Output:</div>
+            <pre className="overflow-x-auto max-h-32 whitespace-pre-wrap">{debugOutput}</pre>
+          </div>
         </div>
       </div>
     </div>