Update app.py

app.py

@@ -169,25 +169,34 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True) as demo:
                 inputs=msg
             )
 
-        # Right Column: Resources Dashboard (Tabbed)
-        # We assign 'right_col' so we can toggle its visibility
+        # Right Column: Resources Dashboard (Side View - Visible by default)
         with gr.Column(scale=2) as right_col:
             gr.Markdown("### 🎒 Learning Dashboard")
             
             # Tabbed interface for cleaner look
             with gr.Tabs():
                 with gr.TabItem("📺 Videos"):
-                    video_box = gr.Markdown(value="### Recommended Videos\n*Ask a topic to see video suggestions!*")
+                    video_box_side = gr.Markdown(value="### Recommended Videos\n*Ask a topic to see video suggestions!*")
                 
                 with gr.TabItem("📚 Reading"):
-                    article_box = gr.Markdown(value="### Articles & Docs\n*Ask a topic to see reading materials!*")
+                    article_box_side = gr.Markdown(value="### Articles & Docs\n*Ask a topic to see reading materials!*")
                 
                 with gr.TabItem("🧠 Quiz"):
-                    quiz_box = gr.Markdown(value="### Knowledge Check\n*Ask a topic to unlock the quiz!*")
+                    quiz_box_side = gr.Markdown(value="### Knowledge Check\n*Ask a topic to unlock the quiz!*")
 
-            # Optional: Workspace Status
-            with gr.Accordion("📂 Workspace Status", open=False):
-                gr.Markdown("*File system status will appear here if requested.*")
+    # Bottom Row: Resources Dashboard (Bottom View - Hidden by default)
+    with gr.Row(visible=False) as bottom_dashboard:
+        with gr.Column():
+            gr.Markdown("### 🎒 Learning Dashboard")
+            with gr.Tabs():
+                with gr.TabItem("📺 Videos"):
+                    video_box_bottom = gr.Markdown(value="### Recommended Videos\n*Ask a topic to see video suggestions!*")
+                
+                with gr.TabItem("📚 Reading"):
+                    article_box_bottom = gr.Markdown(value="### Articles & Docs\n*Ask a topic to see reading materials!*")
+                
+                with gr.TabItem("🧠 Quiz"):
+                    quiz_box_bottom = gr.Markdown(value="### Knowledge Check\n*Ask a topic to unlock the quiz!*")
 
     # --- Interaction Logic ---
     async def respond(user_message, history):
@@ -198,7 +207,9 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True) as demo:
         # Placeholder for AI
         history.append({"role": "assistant", "content": "Thinking..."}) 
         
-        yield history, "", "", "", ""
+        # Yield placeholders to ALL output boxes (Side AND Bottom)
+        # Structure: history, msg, 3x Side Boxes, 3x Bottom Boxes
+        yield history, "", "", "", "", "", "", ""
         
         # Run Agent
         chat_text, video_text, article_text, quiz_text = await run_tutor_dashboard(user_message)
@@ -206,36 +217,47 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True) as demo:
         # Update AI response
         history[-1]["content"] = chat_text
         
-        yield history, "", video_text, article_text, quiz_text
+        # Yield final content to ALL output boxes
+        yield history, "", video_text, article_text, quiz_text, video_text, article_text, quiz_text
 
     # --- Focus Mode Logic ---
     is_fullscreen = gr.State(False)
 
     def toggle_fullscreen(current_state):
         new_state = not current_state
-        # If new_state is True (Fullscreen), hide right col. 
-        # If False (Normal), show right col.
-        right_col_update = gr.Column(visible=not new_state)
+        # If new_state is True (Fullscreen): Hide side col, Show bottom row
+        # If False (Normal): Show side col, Hide bottom row
+        
+        side_visible = not new_state
+        bottom_visible = new_state
+        
         btn_text = "↩ Exit Focus" if new_state else "⛶ Focus Mode"
-        return new_state, right_col_update, btn_text
+        
+        return new_state, gr.Column(visible=side_visible), gr.Row(visible=bottom_visible), btn_text
 
     fullscreen_btn.click(
         toggle_fullscreen,
         inputs=[is_fullscreen],
-        outputs=[is_fullscreen, right_col, fullscreen_btn]
+        outputs=[is_fullscreen, right_col, bottom_dashboard, fullscreen_btn]
     )
 
-    # Actions
+    # Actions - We must map outputs to BOTH side and bottom components
+    outputs_list = [
+        chatbot, msg, 
+        video_box_side, article_box_side, quiz_box_side, 
+        video_box_bottom, article_box_bottom, quiz_box_bottom
+    ]
+
     submit_btn.click(
         respond, 
         [msg, chatbot], 
-        [chatbot, msg, video_box, article_box, quiz_box]
+        outputs_list
     )
     
     msg.submit(
         respond, 
         [msg, chatbot], 
-        [chatbot, msg, video_box, article_box, quiz_box]
+        outputs_list
     )
 
 # --- Launch ---