Update app.py

app.py

@@ -3,14 +3,13 @@ import gradio as gr
 import requests
 import json
 
-# 🌍 Web search function
+# 🌍 Web search
 def search_web(query):
     try:
         url = "https://api.duckduckgo.com/"
         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"):
@@ -37,36 +36,32 @@ def save_memory(memory):
 
 memory = load_memory()
 
-# 💬 Chat function
+# 💬 Chat with AI
 def chat_with_model(message, history, context):
     if not isinstance(history, list):
         history = []
 
-    # 🌍 Web search mode
     if message.lower().startswith("search "):
         query = message[7:]
-        search_result = search_web(query)
-        history.append((message, f"🔎 Here's what I found online:\n\n{search_result}"))
+        result = search_web(query)
+        history.append((message, f"🔎 Here's what I found online:\n\n{result}"))
         save_memory(history)
         return history, history
 
-    # 🧠 Build conversation
     conversation = [
         {"role": "system", "content": (
-            "You are EduAI, a multilingual educational AI assistant created by a Sri Lankan student named Wafa Fazly. "
-            "When solving math, explain step-by-step like a professional tutor. "
-            "Use Markdown and LaTeX formatting for equations (use \\[ and \\]). "
-            "Keep answers neat, structured, and student-friendly."
+            "You are EduAI, a multilingual educational assistant created by a Sri Lankan student named Wafa Fazly. "
+            "Explain step-by-step like a teacher. Use Markdown and LaTeX for math. "
+            "Be friendly, clear, and structured."
         )}
     ]
 
-    for past_user, past_bot in history[-5:]:
-        conversation.append({"role": "user", "content": past_user})
-        conversation.append({"role": "assistant", "content": past_bot})
+    for u, b in history[-5:]:
+        conversation.append({"role": "user", "content": u})
+        conversation.append({"role": "assistant", "content": b})
 
     conversation.append({"role": "user", "content": message})
 
-    # 🚀 Send to Hugging Face model
     try:
         response = requests.post(
             "https://router.huggingface.co/v1/chat/completions",
@@ -79,53 +74,93 @@ def chat_with_model(message, history, context):
                 "messages": conversation
             }
         )
-
         data = response.json()
         reply = data["choices"][0]["message"]["content"]
 
-        # 🧮 Clean up math formatting
         reply = reply.replace("Step", "\n\n**Step")
         reply = reply.replace(":", ":**")
         reply = reply.replace("\\[", "\n\n\\[")
         reply = reply.replace("\\]", "\\]\n\n")
 
-        if "\\" in reply or "log_" in reply or "^" in reply:
-            reply = f"{reply}"
-
         history.append((message, reply))
         save_memory(history)
         return history, history
 
     except Exception as e:
-        print("Error:", e)
-        history.append((message, "😅 EduAI is having trouble connecting right now. Please try again later!"))
+        history.append((message, "😅 EduAI is having trouble connecting. Try again later!"))
         return history, history
 
-# 📘 Sidebar context update
+# 📘 Context update
 def update_context(choice):
     if not choice:
-        return "📘 **You are in General Mode.** Ask EduAI anything about your studies!"
-    return f"📘 **You selected {choice} mode.** Ask anything related to this topic!"
+        return "📘 **You are in General Mode.** Ask EduAI anything!"
+    return f"📘 **You selected {choice} mode.**"
 
-# 🧹 Clear chat memory
+# 🧹 Clear memory
 def clear_memory():
     if os.path.exists(MEMORY_FILE):
         os.remove(MEMORY_FILE)
-    return [], "🧹 Chat memory cleared! Start fresh."
-
-# 🎨 Gradio Interface (UI Improved)
-with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
-    gr.Markdown(
-        """
-        # 🎓 **EduAI — Your Smart Study Companion**
-        Welcome to **EduAI**, your friendly study assistant! 💬  
-        Get help in **Science, ICT, English, Mathematics**, and more.  
-        """
-    )
-
-    with gr.Row():
-        with gr.Column(scale=1, min_width=230):
-            gr.Markdown("### 🧭 **Main Menu**")
+    return [], "🧹 Memory cleared! Start fresh."
+
+# 🎨 Custom CSS for modern look
+custom_css = """
+body {
+    background: linear-gradient(135deg, #f0e7ff 0%, #e8e0ff 50%, #f3e9ff 100%);
+    font-family: 'Inter', sans-serif;
+}
+.gradio-container {
+    background: transparent !important;
+}
+#eduai-main {
+    display: flex;
+    flex-direction: row;
+    gap: 20px;
+    margin-top: 15px;
+}
+.sidebar {
+    background: #ffffffdd;
+    border-radius: 20px;
+    padding: 18px;
+    box-shadow: 0 4px 20px rgba(100, 0, 200, 0.1);
+    width: 270px;
+}
+.chat-area {
+    background: #ffffff;
+    border-radius: 20px;
+    flex-grow: 1;
+    box-shadow: 0 4px 25px rgba(120, 0, 180, 0.15);
+    display: flex;
+    flex-direction: column;
+    padding: 15px 20px 20px 20px;
+}
+.chat-header {
+    text-align: center;
+    font-size: 1.6em;
+    font-weight: 700;
+    color: #5b21b6;
+    margin-bottom: 10px;
+}
+textarea, input, button {
+    border-radius: 12px !important;
+}
+button {
+    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
+    color: white !important;
+    border: none !important;
+    transition: 0.2s ease-in-out;
+}
+button:hover {
+    transform: scale(1.05);
+}
+"""
+
+# 🚀 Interface
+with gr.Blocks(css=custom_css) as iface:
+    gr.Markdown("<div class='chat-header'>🎓 EduAI — Your Smart Study Companion</div>")
+
+    with gr.Row(elem_id="eduai-main"):
+        with gr.Column(elem_classes=["sidebar"]):
+            gr.Markdown("### 🧭 Main Menu")
 
             with gr.Accordion("📚 Subject Tutor", open=False):
                 subj = gr.Radio(
@@ -145,38 +180,30 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
                     label="Language Options"
                 )
 
-            with gr.Accordion("⚙️ Settings", open=False):
-                clear_btn = gr.Button("🧹 Clear Memory")
-
-            with gr.Accordion("👩‍🎓 About", open=False):
-                gr.Markdown(
-                    """
-                    EduAI was designed and fine-tuned by **Wafa Fazly**,  
-                    a passionate Sri Lankan student 👩‍💻  
-                    to help learners explore **Science, ICT, English, and more** —  
-                    in a smart and friendly way! 🌟
-                    """
-                )
+            gr.Markdown("---")
+            clear_btn = gr.Button("🧹 Clear Memory")
+
+            gr.Markdown(
+                "👩‍🎓 **About EduAI**  \n"
+                "Created by **Wafa Fazly** — a passionate Sri Lankan student 🇱🇰  \n"
+                "EduAI helps learners explore **Science, ICT, English**, and more 🌟"
+            )
 
-        with gr.Column(scale=4):
-            context_display = gr.Markdown("📘 **You are in General Mode.** Ask EduAI anything about your studies!")
+        with gr.Column(elem_classes=["chat-area"]):
+            context_display = gr.Markdown("📘 **You are in General Mode.** Ask EduAI anything!")
             chatbot = gr.Chatbot(
-                label="💬 EduAI Chat Window",
+                label="",
                 height=450,
-                render_markdown=True,
                 bubble_full_width=False,
-                latex_delimiters=[
-                    {"left": "$$", "right": "$$", "display": True},
-                    {"left": "\\[", "right": "\\]", "display": True}
-                ]
+                render_markdown=True
             )
             msg = gr.Textbox(
-                label="💭 Type your question here...",
-                placeholder="Ask EduAI anything about your studies..."
+                placeholder="💬 Type your question here...",
+                show_label=False
             )
             send = gr.Button("✨ Send Message")
 
-    # 🪄 Event handlers
+    # ⚙️ Events
     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)