Update app.py

app.py

@@ -50,12 +50,12 @@ def chat_with_model(message, history, context):
         save_memory(history)
         return history, history
 
-    # Build conversation
+    # System role
     conversation = [{"role": "system", "content": (
         "You are EduAI — an educational AI assistant created by Wafa Fazly "
         "from Fathima Muslim Ladies College. "
         "You help students learn subjects such as Math, Science, English, and IT. "
-        "EduAI runs on the model 'Qwen/Qwen3-VL-8B-Instruct', originally trained by Alibaba. "
+        "EduAI runs on the model 'Qwen/Qwen3-VL-8B-Instruct', trained by Alibaba. "
         "Always answer truthfully when asked about your creation."
     )}]
 
@@ -64,7 +64,7 @@ def chat_with_model(message, history, context):
 
     conversation.append({"role": "user", "content": message})
 
-    # 🚀 Send to Hugging Face model
+    # 🚀 Send to Hugging Face
     try:
         response = requests.post(
             "https://router.huggingface.co/v1/chat/completions",
@@ -77,36 +77,18 @@ def chat_with_model(message, history, context):
                 "messages": conversation
             }
         )
-
         data = response.json()
         reply = data["choices"][0]["message"]["content"]
-
-        reply = reply.replace("Step", "\n\n**Step")
-        reply = reply.replace(":", ":**")
-
         history.append({"role": "user", "content": message})
         history.append({"role": "assistant", "content": reply})
         save_memory(history)
         return history, history
-
     except Exception as e:
         history.append({"role": "assistant", "content": f"😅 EduAI error: {e}"})
         return history, history
 
 
-# 📘 Sidebar 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!"
-
-# 🧹 Clear chat memory
-def clear_memory():
-    if os.path.exists(MEMORY_FILE):
-        os.remove(MEMORY_FILE)
-    return [], "🧹 Chat memory cleared! Start fresh."
-
-# 📎 File Upload Handler
+# 📎 Handle File Uploads
 def handle_file(file, history):
     if file is None:
         history.append({"role": "assistant", "content": "⚠️ No file uploaded yet."})
@@ -115,20 +97,14 @@ def handle_file(file, history):
     history.append({"role": "assistant", "content": f"📁 File uploaded: **{filename}**\n✅ Received successfully!"})
     return history
 
-# ⏸ Pause Chat Handler
+# ⏸ Pause Chat
 def pause_chat(history):
     history.append({"role": "assistant", "content": "⏸️ Chat paused. Click 'Send' to continue."})
     return history
 
-# 🎨 Gradio Interface (Final UI)
+# 🎨 Interface
 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.  
-        """
-    )
+    gr.Markdown("# 🎓 **EduAI — Your Smart Study Companion**")
 
     with gr.Row():
         with gr.Column(scale=1, min_width=230):
@@ -140,61 +116,69 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue="violet")) as iface:
                     label="Choose a subject"
                 )
 
-            with gr.Accordion("🗓 Study Planner", open=False):
-                planner = gr.Radio(
-                    ["View Plan 📅", "Add Task ✏️", "Study Tips 💡"],
-                    label="Planner Options"
-                )
-
-            with gr.Accordion("🌐 Languages", open=False):
-                lang = gr.Radio(
-                    ["Learn Sinhala 🇱🇰", "Learn Tamil 🇮🇳", "Learn English 🇬🇧", "Learn Spanish 🇪🇸"],
-                    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! 🌟
-                    """
-                )
-
         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 Window",
                 height=450,
-                type="messages"  # ✅ fixed modern format
+                type="messages"
             )
 
             with gr.Row():
+                # 🧷 Tiny file upload icon (like ChatGPT)
                 upload_file = gr.File(
-                    label="📎",
+                    scale=1,
                     file_count="single",
-                    type="filepath",  # ✅ fixed type
-                    scale=1
+                    type="filepath",
+                    elem_classes=["icon-upload"]
                 )
+
                 msg = gr.Textbox(
-                    label="💭 Type your question here...",
-                    placeholder="Ask EduAI anything about your studies...",
+                    placeholder="Ask EduAI anything...",
                     scale=6
                 )
-                send = gr.Button("✨ Send", scale=1)
-                pause_btn = gr.Button("⏸ Pause", scale=1)
 
-    # 🪄 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 = gr.Button("✨", scale=1)
+                pause_btn = gr.Button("⏸", scale=1)
+
+    # 🌟 Events
+    subj.change(lambda s: f"📘 You selected {s} mode.", inputs=subj, outputs=context_display)
     send.click(chat_with_model, inputs=[msg, chatbot, context_display], outputs=[chatbot, chatbot])
-    clear_btn.click(clear_memory, outputs=[chatbot, context_display])
+    clear_btn.click(lambda: ([], "🧹 Chat memory cleared!"), outputs=[chatbot, context_display])
     upload_file.upload(handle_file, inputs=[upload_file, chatbot], outputs=chatbot)
     pause_btn.click(pause_chat, inputs=chatbot, outputs=chatbot)
 
+    # 💅 Add custom CSS for icon style
+    iface.load(
+        None,
+        None,
+        None,
+        _js="""
+        () => {
+            const upload = document.querySelector('.icon-upload input');
+            const parent = document.querySelector('.icon-upload');
+            if (upload && parent) {
+                parent.style.border = 'none';
+                parent.style.background = 'none';
+                parent.style.width = '32px';
+                parent.style.height = '32px';
+                parent.style.cursor = 'pointer';
+                parent.style.display = 'flex';
+                parent.style.alignItems = 'center';
+                parent.style.justifyContent = 'center';
+                const icon = document.createElement('span');
+                icon.textContent = '📎';
+                icon.style.fontSize = '22px';
+                icon.style.cursor = 'pointer';
+                parent.appendChild(icon);
+                icon.onclick = () => upload.click();
+            }
+        }
+        """
+    )
+
 iface.launch()