Update app.py

app.py

@@ -203,6 +203,7 @@ theme = gr.themes.Soft(
     block_title_text_weight="600"
 )
 
+# Custom CSS
 custom_css = """
 .tight-header {
     margin-bottom: -20px !important;
@@ -212,6 +213,11 @@ custom_css = """
     margin-top: 0px !important;
     padding-top: 0px !important;
 }
+.scrollable-right-col {
+    max-height: 680px;
+    overflow-y: auto !important;
+    padding-right: 10px;
+}
 """
 
 with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custom_css) as demo:
@@ -271,7 +277,7 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
             )
 
         # Right Column: Resources Dashboard (Side View)
-        with gr.Column(scale=2) as right_col:
+        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")
@@ -331,11 +337,7 @@ 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(), \
@@ -405,14 +407,6 @@ with gr.Blocks(title="AI Python Tutor", theme=theme, fill_height=True, css=custo
         outputs=[q1_result_bottom, q2_result_bottom]
     )
 
-    # Output List Mapping (Order is critical for the 'respond' function)
-    # 1. Chatbot, 2. Msg
-    # 3. Side Summary, 4. Side Video, 5. Side Article
-    # 6. Quiz State
-    # 7-12. Side Quiz Components: Q1 Text, Q1 Radio, Q1 Result, Q2 Text, Q2 Radio, Q2 Result
-    # 13. Bottom Summary, 14. Bottom Video, 15. Bottom Article
-    # 16-21. Bottom Quiz Components: (Same order as Side)
-    
     outputs_list = [
         chatbot, msg, 
         summary_box_side, video_box_side, article_box_side,