backend

app.py

@@ -1113,39 +1113,7 @@ with gr.Blocks(
                     interactive=False,
                     visible=True
                 )
-    
-    # 3D Visualization - Make it larger and more prominent
-    with gr.Row():
-        with gr.Column():
-            with gr.Group():
-                gr.Markdown("### 🌐 3D Trajectory Visualization")
-                gr.Markdown("Interactive 3D visualization of 3D point tracking and camera motion:")
-                viz_html = gr.HTML(
-                    label="3D Trajectory Visualization",
-                    value="""
-                    <div style='border: 3px solid #667eea; border-radius: 15px; padding: 40px; 
-                                background: linear-gradient(135deg, #f8f9ff 0%, #e6f3ff 100%); 
-                                text-align: center; min-height: 600px; display: flex; 
-                                flex-direction: column; justify-content: center; align-items: center;
-                                box-shadow: 0 8px 32px rgba(102, 126, 234, 0.2);'>
-                        <div style='font-size: 48px; margin-bottom: 20px;'>🌐</div>
-                        <h2 style='color: #667eea; margin-bottom: 15px; font-size: 28px; font-weight: 600;'>
-                            3D Trajectory Visualization
-                        </h2>
-                        <p style='color: #666; font-size: 16px; line-height: 1.6; max-width: 500px; margin-bottom: 25px;'>
-                            Perceive the world with Pixel-wise 3D Motions!
-                        </p>
-                        <div style='background: rgba(102, 126, 234, 0.1); border-radius: 25px; 
-                                    padding: 12px 24px; border: 2px solid rgba(102, 126, 234, 0.2);'>
-                            <span style='color: #667eea; font-weight: 600; font-size: 14px;'>
-                                ⚡ Powered by SpatialTracker V2
-                            </span>
-                        </div>
-                    </div>
-                    """,
-                    elem_id="viz_container"
-                )
-    
+                
     # Advanced settings section - changed to open=True
     with gr.Accordion("⚙️ Advanced Settings", open=True):
         gr.Markdown("Adjust these parameters to optimize tracking performance:")
@@ -1178,6 +1146,38 @@ with gr.Blocks(
     # Launch button
     with gr.Row():
         launch_btn = gr.Button("🚀 Launch Visualization", variant="primary", size="lg")
+
+    # 3D Visualization - Make it larger and more prominent
+    with gr.Row():
+        with gr.Column():
+            with gr.Group():
+                gr.Markdown("### 🌐 3D Trajectory Visualization")
+                gr.Markdown("Interactive 3D visualization of 3D point tracking and camera motion:")
+                viz_html = gr.HTML(
+                    label="3D Trajectory Visualization",
+                    value="""
+                    <div style='border: 3px solid #667eea; border-radius: 15px; padding: 40px; 
+                                background: linear-gradient(135deg, #f8f9ff 0%, #e6f3ff 100%); 
+                                text-align: center; min-height: 600px; display: flex; 
+                                flex-direction: column; justify-content: center; align-items: center;
+                                box-shadow: 0 8px 32px rgba(102, 126, 234, 0.2);'>
+                        <div style='font-size: 48px; margin-bottom: 20px;'>🌐</div>
+                        <h2 style='color: #667eea; margin-bottom: 15px; font-size: 28px; font-weight: 600;'>
+                            3D Trajectory Visualization
+                        </h2>
+                        <p style='color: #666; font-size: 16px; line-height: 1.6; max-width: 500px; margin-bottom: 25px;'>
+                            Perceive the world with Pixel-wise 3D Motions!
+                        </p>
+                        <div style='background: rgba(102, 126, 234, 0.1); border-radius: 25px; 
+                                    padding: 12px 24px; border: 2px solid rgba(102, 126, 234, 0.2);'>
+                            <span style='color: #667eea; font-weight: 600; font-size: 14px;'>
+                                ⚡ Powered by SpatialTracker V2
+                            </span>
+                        </div>
+                    </div>
+                    """,
+                    elem_id="viz_container"
+                )
     
     # Hidden state variables
     original_image_state = gr.State(None)