Update app.py

app.py

@@ -113,8 +113,24 @@ def clear_memory():
         os.remove(MEMORY_FILE)
     return [], "🧹 Chat memory cleared! Start fresh."
 
-# 🎨 Gradio Interface
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
+# 🖌 Custom CSS for professional look
+custom_css = """
+.header-title { font-size: 36px; text-align:center; margin-bottom:20px; }
+.sidebar { background-color:#f5f3ff; padding:15px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
+.menu-title { font-size:20px; font-weight:bold; margin-bottom:10px; }
+.main-chat { padding:10px; }
+.context-box { background-color:#ffffff; padding:10px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.1); margin-bottom:10px; }
+.chatbox .message.user { background-color:#e0d7ff; border-radius:10px; padding:8px; margin:5px 0; }
+.chatbox .message.bot { background-color:#ffffff; border-radius:10px; padding:8px; margin:5px 0; box-shadow:0 1px 2px rgba(0,0,0,0.05);}
+.chat-input { border-radius:10px; padding:8px; width:100%; }
+.btn-send { background-color:#7c3aed; color:white; border-radius:10px; padding:8px 16px; }
+.btn-clear { background-color:#ef4444; color:white; border-radius:10px; padding:6px 12px; }
+.file-upload { border:2px dashed #d4b5ff; border-radius:10px; padding:10px; text-align:center; }
+.about-text { font-size:14px; color:#4b5563; }
+"""
+
+# 🎨 Gradio Interface with CSS included
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet"), css=custom_css) as iface:
     gr.Markdown("# 🎓 **EduAI — Your Smart Study Companion**", elem_classes="header-title")
 
     with gr.Row():
@@ -163,7 +179,7 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
                 label="EduAI Chat",
                 height=500,
                 render_markdown=True,
-                elem_classes="chatbox",
+                type="messages",  # ✅ Fixed deprecation warning
                 latex_delimiters=[{"left": "$$", "right": "$$", "display": True}, {"left": "\\[", "right": "\\]", "display": True}]
             )
 
@@ -179,19 +195,4 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
     send.click(chat_with_model, inputs=[msg, chatbot, context_display, file_input], outputs=[chatbot, chatbot])
     clear_btn.click(clear_memory, outputs=[chatbot, context_display])
 
-# 🖌 Custom CSS for professional look
-custom_css = """
-.header-title { font-size: 36px; text-align:center; margin-bottom:20px; }
-.sidebar { background-color:#f5f3ff; padding:15px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
-.menu-title { font-size:20px; font-weight:bold; margin-bottom:10px; }
-.main-chat { padding:10px; }
-.context-box { background-color:#ffffff; padding:10px; border-radius:10px; box-shadow:0 1px 4px rgba(0,0,0,0.1); margin-bottom:10px; }
-.chatbox .message.user { background-color:#e0d7ff; border-radius:10px; padding:8px; margin:5px 0; }
-.chatbox .message.bot { background-color:#ffffff; border-radius:10px; padding:8px; margin:5px 0; box-shadow:0 1px 2px rgba(0,0,0,0.05);}
-.chat-input { border-radius:10px; padding:8px; width:100%; }
-.btn-send { background-color:#7c3aed; color:white; border-radius:10px; padding:8px 16px; }
-.btn-clear { background-color:#ef4444; color:white; border-radius:10px; padding:6px 12px; }
-.file-upload { border:2px dashed #d4b5ff; border-radius:10px; padding:10px; text-align:center; }
-.about-text { font-size:14px; color:#4b5563; }
-"""
-iface.launch(css=custom_css)
+iface.launch()