� PHASE 3

app.py

@@ -1,30 +1,37 @@
 #!/usr/bin/env python3
 """
-Agent2Robot - Phase 2 Step 3: Adding Output Components
-Systematic Debugging - Adding gr.Slider, gr.JSON, gr.Image, gr.File
+Agent2Robot - Phase 2 Step 4: Adding Complex Layout Components
+Systematic Debugging - Adding gr.Accordion, complex layouts, multiple yields
 """
 
 import gradio as gr
 
 def dummy_function(vehicle_type, user_description):
-    """Test function with multiple inputs and outputs"""
+    """Test function with multiple inputs and outputs - now with more complexity"""
     if not user_description:
         user_description = "No description provided"
     
-    # Return multiple outputs for testing
+    # Return multiple outputs for testing (matching original function signature)
     text_output = f"Vehicle: {vehicle_type}\nDescription: {user_description}\nTest successful!"
     json_output = {
         "vehicle_type": vehicle_type,
         "description": user_description,
         "test_status": "success",
-        "iteration": 1
+        "iteration": 1,
+        "parameters": {
+            "speed": 5.2,
+            "weight": 1.8,
+            "dimensions": [10, 8, 6]
+        }
     }
     progress_value = 75
+    image_output = None  # Placeholder for image
+    file_output = None   # Placeholder for file
     
-    return text_output, json_output, progress_value
+    return text_output, json_output, progress_value, image_output, file_output
 
 def create_minimal_app():
-    """Create minimal Gradio interface for testing - Step 3: Output Components"""
+    """Create minimal Gradio interface for testing - Step 4: Complex Layout Components"""
     
     # Custom CSS for better appearance (from original)
     custom_css = """
@@ -40,7 +47,7 @@ def create_minimal_app():
     """
     
     with gr.Blocks(
-        title="🤖🚁 Agent2Robot - Phase 2 Step 3",
+        title="🤖🚁 Agent2Robot - Phase 2 Step 4",
         theme=gr.themes.Soft(),
         css=custom_css
     ) as demo:
@@ -49,14 +56,14 @@ def create_minimal_app():
         gr.HTML("""
         <div class="main-header">
             <h1>🤖🚁 Agent2Robot</h1>
-            <h2>Phase 2 Step 3: Output Components Test</h2>
-            <p><strong>Adding back gr.Slider, gr.JSON, gr.Image, gr.File</strong></p>
+            <h2>Phase 2 Step 4: Complex Layout Components Test</h2>
+            <p><strong>Adding gr.Accordion, complex layouts, multiple outputs</strong></p>
         </div>
         """)
         
         # Static Markdown (from original)
         gr.Markdown("## 🔧 Phase 2: Systematic Component Testing")
-        gr.Markdown("**Step 3**: Testing output components (Slider, JSON, Image, File)")
+        gr.Markdown("**Step 4**: Testing complex layout components (Accordion, complex structures)")
         
         # Input Components (working from Step 2)
         with gr.Row():
@@ -83,17 +90,37 @@ def create_minimal_app():
                     size="lg"
                 )
                 
+                # TEST: Add gr.Accordion (HIGHLY SUSPECT for schema issues)
+                with gr.Accordion("📋 Advanced Options", open=False):
+                    gr.Markdown("""
+                    ### 🔧 Test Accordion Component
+                    This collapsible section tests gr.Accordion which may cause schema issues.
+                    """)
+                    
+                    test_slider = gr.Slider(
+                        minimum=0,
+                        maximum=10,
+                        step=0.1,
+                        value=5.0,
+                        label="Test Parameter"
+                    )
+                    
+                    test_checkbox = gr.Checkbox(
+                        label="Enable Advanced Mode",
+                        value=False
+                    )
+                
                 gr.Markdown("""
                 ### 📋 Environment Info
-                - **Test Phase**: Phase 2 Step 3
-                - **Components Added**: Output components (Slider, JSON, Image, File)
-                - **Status**: Testing output components
+                - **Test Phase**: Phase 2 Step 4
+                - **Components Added**: gr.Accordion, complex layouts, multiple outputs
+                - **Status**: Testing complex layout components
                 """)
             
             with gr.Column(scale=2):
                 gr.Markdown("## 🤖 2. Test Outputs")
                 
-                # OUTPUT COMPONENTS (from original - these are suspect)
+                # OUTPUT COMPONENTS (working from Step 3)
                 output_textbox = gr.Textbox(
                     label="📝 Text Output",
                     lines=5,
@@ -102,13 +129,13 @@ def create_minimal_app():
                 )
                 
                 with gr.Row():
-                    # Test gr.JSON (MOST SUSPECT)
+                    # Test gr.JSON (working from Step 3)
                     current_design_specs_output = gr.JSON(
                         label="⚙️ JSON Output Test",
                         value={}
                     )
                     
-                    # Test gr.Slider (LESS SUSPECT)
+                    # Test gr.Slider (working from Step 3)
                     progress_bar_output = gr.Slider(
                         minimum=0, 
                         maximum=100,
@@ -119,7 +146,7 @@ def create_minimal_app():
                         value=0
                     )
                 
-                # Test gr.Image (SUSPECT)
+                # Test gr.Image (working from Step 3)
                 simulation_video_output = gr.Image(
                     label="🎬 Image Output Test",
                     interactive=False,
@@ -127,7 +154,7 @@ def create_minimal_app():
                     value=None
                 )
                 
-                # Test gr.File (SUSPECT)
+                # Test gr.File (working from Step 3)
                 download_json_output = gr.File(
                     label="📄 File Output Test",
                     file_count="single",
@@ -135,23 +162,52 @@ def create_minimal_app():
                     interactive=True,
                     value=None
                 )
+                
+                # TEST: Add ANOTHER gr.Accordion for output section (TESTING MULTIPLE ACCORDIONS)
+                with gr.Accordion("📊 Detailed Results", open=True):
+                    gr.Markdown("### 🔍 Advanced Output Analysis")
+                    
+                    detailed_output = gr.Textbox(
+                        label="Detailed Analysis",
+                        lines=3,
+                        value="Detailed results will appear here...",
+                        interactive=False
+                    )
+                    
+                    with gr.Row():
+                        metrics_json = gr.JSON(
+                            label="📈 Metrics",
+                            value={"score": 0, "efficiency": 0}
+                        )
+                        
+                        status_text = gr.Textbox(
+                            label="Status",
+                            value="Ready",
+                            interactive=False
+                        )
         
-        # Connect button to test function with multiple outputs
+        # Connect button to test function with ALL outputs (5 outputs now)
         start_button.click(
             fn=dummy_function, 
             inputs=[vehicle_type_input, user_description_input], 
-            outputs=[output_textbox, current_design_specs_output, progress_bar_output]
+            outputs=[
+                output_textbox, 
+                current_design_specs_output, 
+                progress_bar_output,
+                simulation_video_output,
+                download_json_output
+            ]
         )
         
         gr.Markdown("---")
-        gr.Markdown("**Status**: If output components work without errors, the issue is likely in complex layouts or function logic.")
+        gr.Markdown("**Status**: If complex layout components work, the issue is in the original function logic or specific component configurations.")
     
     return demo
 
 if __name__ == "__main__":
-    print("🔧 Agent2Robot - Phase 2 Step 3")
+    print("🔧 Agent2Robot - Phase 2 Step 4")
     print("=" * 50)
-    print("🚀 Testing output components...")
+    print("🚀 Testing complex layout components...")
     
     try:
         app = create_minimal_app()
@@ -165,4 +221,4 @@ if __name__ == "__main__":
         )
     except Exception as e:
         print(f"❌ Error launching app: {e}")
-        print("Output components are causing issues.") 
+        print("Complex layout components are causing issues.")