Update app.py

app.py

@@ -95,8 +95,7 @@ async def run_tutor_dashboard(user_message):
             
             return parse_agent_response(final_text)
 
-# --- Gradio Dashboard UI (Safe Mode) ---
-# We removed 'theme' and 'type="messages"' to ensure compatibility
+# --- Gradio Dashboard UI ---
 with gr.Blocks(title="AI Python Tutor (MCP Dashboard)") as demo:
     gr.Markdown("# 🚀 Vibe Coding Academy")
     gr.Markdown("Powered by **Nebius** (Llama 3.1) & **MCP** (Local Filesystem Access)")
@@ -104,8 +103,8 @@ with gr.Blocks(title="AI Python Tutor (MCP Dashboard)") as demo:
     with gr.Row():
         # Left Column: Chat & Input
         with gr.Column(scale=2):
-            # Standard Chatbot (Expects List of Lists: [[user, bot], ...])
-            chatbot = gr.Chatbot(height=500, label="Tutor Chat")
+            # FIXED: Explicitly set type="messages" to match the data format we are sending
+            chatbot = gr.Chatbot(height=500, label="Tutor Chat", type="messages")
             
             msg = gr.Textbox(
                 label="1. What do you want to learn?", 
@@ -120,23 +119,27 @@ with gr.Blocks(title="AI Python Tutor (MCP Dashboard)") as demo:
             article_box = gr.Markdown(value="### 📚 Articles & Courses\n*Waiting for topic...*", label="3. Articles & Courses")
             quiz_box = gr.Markdown(value="### 🧠 Quick Quiz\n*Waiting for topic...*", label="4. Knowledge Check")
 
-    # --- Interaction Logic (List-of-Lists Format) ---
+    # --- Interaction Logic (Gradio 5 Messages Format) ---
     async def respond(user_message, history):
-        # 1. Start with an empty bot response
-        # history is a list of lists: [['hi', 'hello'], ['user_msg', None]]
+        # 1. Start with empty history if None
         if history is None: history = []
-        history.append([user_message, None])
         
-        # 2. Return the history immediately to show user message
+        # 2. Append User Message (Dictionary format)
+        history.append({"role": "user", "content": user_message})
+        
+        # 3. Append Empty Assistant Message (Placeholder)
+        history.append({"role": "assistant", "content": ""})
+        
+        # Yield state immediately to show user message
         yield history, "", "", "", ""
         
-        # 3. Run the agent
+        # 4. Run the agent
         chat_text, video_text, article_text, quiz_text = await run_tutor_dashboard(user_message)
         
-        # 4. Update the last history item with bot response
-        history[-1][1] = chat_text
+        # 5. Update the last history item (the assistant's placeholder)
+        history[-1]["content"] = chat_text
         
-        # 5. Yield final state
+        # 6. Yield final state
         yield history, "", video_text, article_text, quiz_text
 
     # Wire up inputs/outputs using the 'respond' generator