Update app.py

app.py

@@ -10,12 +10,11 @@ def search_web(query):
         params = {"q": query, "format": "json", "no_html": 1, "skip_disambig": 1}
         response = requests.get(url, params=params)
         data = response.json()
-
         if data.get("AbstractText"):
             return data["AbstractText"]
         elif data.get("RelatedTopics"):
             topics = [t.get("Text", "") for t in data["RelatedTopics"] if "Text" in t]
-            return " ".join(topics[:3])  # just a few results
+            return " ".join(topics[:3])
         else:
             return "No useful information found."
     except Exception as e:
@@ -84,7 +83,6 @@ def chat_with_model(message, history, context, file_input=None):
                 "messages": conversation
             }
         )
-
         data = response.json()
         reply = data["choices"][0]["message"]["content"]
 
@@ -94,10 +92,6 @@ def chat_with_model(message, history, context, file_input=None):
         reply = reply.replace("\\[", "\n\n\\[")
         reply = reply.replace("\\]", "\\]\n\n")
 
-        # ✅ Add Markdown + LaTeX support
-        if "\\" in reply or "log_" in reply or "^" in reply:
-            reply = f"{reply}"
-
         history.append((message, reply))
         save_memory(history)
         return history, history
@@ -121,57 +115,83 @@ def clear_memory():
 
 # 🎨 Gradio Interface
 with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
-    gr.Markdown("# 🎓 **EduAI — Your Smart Study Companion**")
+    gr.Markdown("# 🎓 **EduAI — Your Smart Study Companion**", elem_classes="header-title")
 
     with gr.Row():
-        with gr.Column(scale=1, min_width=230):
-            gr.Markdown("### 🧭 **Main Menu**")
+        # Sidebar
+        with gr.Column(scale=1, min_width=250, elem_classes="sidebar"):
+            gr.Markdown("### 🧭 **Main Menu**", elem_classes="menu-title")
 
             with gr.Accordion("📚 Subject Tutor", open=False):
                 subj = gr.Radio(
                     ["Science 🧪", "ICT 💻", "English 📘", "Mathematics ➗"],
-                    label="Choose a subject"
+                    label="Choose a subject",
+                    type="index"
                 )
 
             with gr.Accordion("🗓 Study Planner", open=False):
                 planner = gr.Radio(
                     ["View Plan 📅", "Add Task ✏️", "Study Tips 💡"],
-                    label="Planner Options"
+                    label="Planner Options",
+                    type="index"
                 )
 
             with gr.Accordion("🌐 Languages", open=False):
                 lang = gr.Radio(
                     ["Learn Sinhala 🇱🇰", "Learn Tamil 🇮🇳", "Learn English 🇬🇧", "Learn Spanish 🇪🇸"],
-                    label="Language Options"
+                    label="Language Options",
+                    type="index"
                 )
 
             with gr.Accordion("⚙️ Settings", open=False):
-                clear_btn = gr.Button("🧹 Clear Memory")
+                clear_btn = gr.Button("🧹 Clear Memory", elem_classes="btn-clear")
 
             with gr.Accordion("👩‍🎓 About", open=False):
                 gr.Markdown("""
-                EduAI – developed and fine-tuned by **Wafa Fazly** using a pre-trained AI model,  
-                to help learners understand **Science, ICT, English, and more** —  
-                in a simple and friendly way! 💬
-                """)
+                EduAI – developed by **Wafa Fazly** using a pre-trained AI model.  
+                Helps learners understand **Science, ICT, English, and more** in a simple, friendly way! 💬
+                """, elem_classes="about-text")
+
+        # Main Chat Area
+        with gr.Column(scale=4, elem_classes="main-chat"):
+            context_display = gr.Markdown(
+                "📘 **You are in General Mode.** Ask EduAI anything about your studies!",
+                elem_classes="context-box"
+            )
 
-        with gr.Column(scale=4):
-            context_display = gr.Markdown("📘 **You are in General Mode.** Ask EduAI anything about your studies!")
             chatbot = gr.Chatbot(
                 label="EduAI Chat",
-                height=450,
+                height=500,
                 render_markdown=True,
+                elem_classes="chatbox",
                 latex_delimiters=[{"left": "$$", "right": "$$", "display": True}, {"left": "\\[", "right": "\\]", "display": True}]
             )
-            msg = gr.Textbox(label="Ask EduAI:")
-            file_input = gr.File(label="📂 Upload a study file (PDF, DOCX, or image):")
-            send = gr.Button("Send ✈️")
 
-    # 🪄 Event handlers
+            with gr.Row():
+                msg = gr.Textbox(label="Ask EduAI:", placeholder="Type your question here...", elem_classes="chat-input")
+                file_input = gr.File(label="📂 Upload a study file", file_types=[".pdf", ".docx", ".png", ".jpg"], elem_classes="file-upload")
+                send = gr.Button("Send ✈️", elem_classes="btn-send")
+
+    # Event Handlers
     subj.change(update_context, inputs=subj, outputs=context_display)
     planner.change(update_context, inputs=planner, outputs=context_display)
     lang.change(update_context, inputs=lang, outputs=context_display)
     send.click(chat_with_model, inputs=[msg, chatbot, context_display, file_input], outputs=[chatbot, chatbot])
     clear_btn.click(clear_memory, outputs=[chatbot, context_display])
 
-iface.launch()
+# 🖌 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)