Update app.py

app.py

@@ -216,7 +216,7 @@ custom_css = """
 .scrollable-right-col {
     max-height: 680px;
     overflow-y: auto !important;
-    overflow-x: hiddem !important; 
+    overflow-x: hidden !important;
     padding-right: 10px;
 }
 """
@@ -281,9 +281,11 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
         with gr.Column(scale=2, elem_classes="scrollable-right-col") as right_col:
             gr.Markdown("### 🎒 Learning Dashboard", elem_classes="tight-header")
             
-            summary_box_side = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*", elem_classes="tight-content")
-            
+            # Moved Key Takeaways INSIDE the tabs to prevent vertical overflow
             with gr.Tabs():
+                with gr.TabItem("📝 Takeaways"):
+                     summary_box_side = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*", elem_classes="tight-content")
+
                 with gr.TabItem("📺 Videos"):
                     video_box_side = gr.Markdown(value="### Recommended Videos\n*Ask a topic to see video suggestions!*")
                 
@@ -309,9 +311,11 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
         with gr.Column():
             gr.Markdown("### 🎒 Learning Dashboard")
             
-            summary_box_bottom = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*")
-            
+            # Moved Key Takeaways INSIDE the tabs for Bottom View too
             with gr.Tabs():
+                with gr.TabItem("📝 Takeaways"):
+                    summary_box_bottom = gr.Markdown(value="### 📝 Key Takeaways\n*Ask a topic to get a cheat sheet!*")
+
                 with gr.TabItem("📺 Videos"):
                     video_box_bottom = gr.Markdown(value="### Recommended Videos\n*Ask a topic to see video suggestions!*")
                 
@@ -338,7 +342,11 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
         
         history.append({"role": "user", "content": user_message})
         history.append({"role": "assistant", "content": f"Thinking (using {model_id})..."}) 
-
+        
+        # Yield placeholders
+        # Outputs: History, Chatbox, Side boxes, Bottom boxes, QUIZ STATE, Quiz Inputs (Side x2, Bottom x2), Quiz Texts (Side x2, Bottom x2)
+        # We need to yield updates for EVERYTHING.
+        # Simplified: We yield empty strings/defaults for now.
         yield history, "", "", "", "", [], \
               gr.update(), gr.update(), gr.update(), gr.update(), \
               gr.update(), gr.update(), gr.update(), gr.update(), \
@@ -407,7 +415,7 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
         inputs=[q1_radio_bottom, q2_radio_bottom, quiz_state],
         outputs=[q1_result_bottom, q2_result_bottom]
     )
-
+    
     outputs_list = [
         chatbot, msg, 
         summary_box_side, video_box_side, article_box_side,