Update app.py

app.py

@@ -1,240 +1,136 @@
-import os
 import gradio as gr
-import requests
-import json
-
-# 🌍 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"):
-            topics = [t.get("Text", "") for t in data["RelatedTopics"] if "Text" in t]
-            return " ".join(topics[:3])
-        else:
-            return "No useful information found."
-    except Exception as e:
-        return f"Search error: {e}"
-
-# 🧠 Memory setup
-HF_TOKEN = os.getenv("HF_TOKEN")
-MEMORY_FILE = "memory.json"
-
-def load_memory():
-    if os.path.exists(MEMORY_FILE):
-        with open(MEMORY_FILE, "r") as f:
-            return json.load(f)
-    return []
-
-def save_memory(memory):
-    with open(MEMORY_FILE, "w") as f:
-        json.dump(memory, f)
-
-memory = load_memory()
-
-# 💬 Chat with AI
-def chat_with_model(message, history, context):
-    if not isinstance(history, list):
-        history = []
-
-    if message.lower().startswith("search "):
-        query = message[7:]
-        result = search_web(query)
-        history.append((message, f"🔎 Here's what I found online:\n\n{result}"))
-        save_memory(history)
-        return history, history
-
-    conversation = [
-        {"role": "system", "content": (
-            "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 u, b in history[-5:]:
-        conversation.append({"role": "user", "content": u})
-        conversation.append({"role": "assistant", "content": b})
-
-    conversation.append({"role": "user", "content": message})
-
-    try:
-        response = requests.post(
-            "https://router.huggingface.co/v1/chat/completions",
-            headers={
-                "Authorization": f"Bearer {HF_TOKEN}",
-                "Content-Type": "application/json"
-            },
-            json={
-                "model": "deepseek-ai/DeepSeek-V3.2-Exp:novita",
-                "messages": conversation
-            }
-        )
-        data = response.json()
-        reply = data["choices"][0]["message"]["content"]
-
-        reply = reply.replace("Step", "\n\n**Step")
-        reply = reply.replace(":", ":**")
-        reply = reply.replace("\\[", "\n\n\\[")
-        reply = reply.replace("\\]", "\\]\n\n")
-
-        history.append((message, reply))
-        save_memory(history)
-        return history, history
-
-    except Exception as e:
-        history.append((message, "😅 EduAI is having trouble connecting. Try again later!"))
-        return history, history
-
-# 📘 Context update
-def update_context(choice):
-    if not choice:
-        return "📘 **You are in General Mode.** Ask EduAI anything!"
-    return f"📘 **You selected {choice} mode.**"
-
-# 🧹 Clear memory
-def clear_memory():
-    if os.path.exists(MEMORY_FILE):
-        os.remove(MEMORY_FILE)
-    return [], "🧹 Memory cleared! Start fresh."
-
-# 🎨 Dark theme CSS
-custom_css = """
-body {
-    background-color: #0f0f12;
-    color: #f0f0f0;
-    font-family: 'Inter', sans-serif;
-    margin: 0;
-    height: 100vh;
-    overflow: hidden;
-}
-
-.gradio-container {
-    background-color: #0f0f12 !important;
-}
-
-#eduai-layout {
-    display: flex;
-    flex-direction: row;
-    height: 100vh;
-    overflow: hidden;
-}
-
-/* Sidebar */
-.sidebar {
-    background-color: #18181c;
-    color: #e0e0e0;
-    width: 270px;
-    padding: 18px;
-    display: flex;
-    flex-direction: column;
-    border-right: 1px solid #2c2c2f;
-}
-
-/* Chat Area */
-.chat-area {
-    background-color: #111113;
-    flex-grow: 1;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    padding: 10px 20px 20px 20px;
-}
-
-.chat-header {
-    text-align: center;
-    font-size: 1.6em;
-    font-weight: 700;
-    color: #a78bfa;
-    padding: 15px;
-    border-bottom: 1px solid #2c2c2f;
-}
-
-textarea, input {
-    background-color: #1e1e22 !important;
-    color: #f0f0f0 !important;
-    border-radius: 10px !important;
-    border: 1px solid #3a3a3d !important;
-}
-
-button {
-    background: linear-gradient(135deg, #7c3aed, #9333ea) !important;
-    color: white !important;
-    border-radius: 10px !important;
-    border: none !important;
-    transition: 0.2s ease-in-out;
-}
-
-button:hover {
-    transform: scale(1.05);
-    filter: brightness(1.2);
-}
-
-/* Chatbot bubble style */
-.chatbot > div {
-    background-color: #1a1a1d !important;
-    border-radius: 12px;
-}
-"""
-
-# 🚀 Interface
-with gr.Blocks(css=custom_css) as iface:
-    with gr.Row(elem_id="eduai-layout"):
-        with gr.Column(elem_classes=["sidebar"]):
-            gr.Markdown("## 🎓 EduAI")
-            gr.Markdown("### 🧭 Main Menu")
-
-            with gr.Accordion("📚 Subject Tutor", open=False):
-                subj = gr.Radio(
-                    ["Science 🧪", "ICT 💻", "English 📘", "Mathematics ➗"],
-                    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"
-                )
-
+import time
+
+# ========================================
+# 💬 Your AI function (replace with your logic)
+# ========================================
+def ai_response(message, history):
+    # Here you can call your real AI model or API (e.g., DeepSeek or Hugging Face)
+    time.sleep(1)  # simulate a delay
+    return "🤖 AI: I received — " + message
+
+
+# ========================================
+# 🌙 Dark Themed Gradio Interface
+# ========================================
+with gr.Blocks(theme=gr.themes.Base()) as demo:
+    gr.HTML("""
+    <style>
+        body {
+            background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 100%);
+            color: #f0f0f0;
+            margin: 0;
+            font-family: 'Roboto', sans-serif;
+            height: 100vh;
+            overflow: hidden;
+        }
+        .container {
+            display: flex;
+            height: 100vh;
+        }
+        .sidebar {
+            width: 260px;
+            background-color: #2a2a2a;
+            border-right: 2px solid #444;
+            padding: 20px;
+            display: flex;
+            flex-direction: column;
+            box-shadow: inset -5px 0 10px rgba(0,0,0,0.5);
+        }
+        .sidebar h2 {
+            color: #03dac6;
+            font-weight: 400;
+            text-align: center;
+            margin-bottom: 25px;
+        }
+        .sidebar button {
+            background-color: transparent;
+            border: none;
+            color: #f0f0f0;
+            text-align: left;
+            padding: 12px;
+            margin-bottom: 8px;
+            border-radius: 8px;
+            cursor: pointer;
+            transition: 0.3s;
+            font-size: 15px;
+        }
+        .sidebar button:hover {
+            background-color: #444;
+            transform: translateX(4px);
+        }
+        .main {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            background-color: transparent;
+        }
+        .chatbox {
+            flex: 1;
+            background-color: transparent;
+            padding: 20px;
+            overflow-y: auto;
+            display: flex;
+            flex-direction: column;
+        }
+        .input-area {
+            background-color: #2a2a2a;
+            padding: 20px;
+            border-top: 2px solid #444;
+            display: flex;
+            align-items: center;
+        }
+        input[type='text'] {
+            flex: 1;
+            background-color: #444;
+            color: #f0f0f0;
+            border: none;
+            border-radius: 25px;
+            padding: 12px 20px;
+            font-size: 15px;
+            outline: none;
+        }
+        button.send-btn {
+            margin-left: 10px;
+            background: linear-gradient(135deg, #03dac6 0%, #00bfa5 100%);
+            border: none;
+            color: #0d0d0d;
+            font-weight: bold;
+            border-radius: 25px;
+            padding: 12px 20px;
+            cursor: pointer;
+            transition: 0.3s;
+        }
+        button.send-btn:hover {
+            transform: scale(1.05);
+            box-shadow: 0 0 10px rgba(3, 218, 198, 0.5);
+        }
+    </style>
+    """)
+
+    # Sidebar
+    with gr.Row(elem_classes="container"):
+        with gr.Column(elem_classes="sidebar"):
+            gr.HTML("<h2>AI Agent</h2>")
+            study_tutor = gr.Button("📘 Study Tutor")
+            study_planner = gr.Button("🗓️ Study Planner")
+            study_advisor = gr.Button("🧠 Study Advisor")
             gr.Markdown("---")
-            clear_btn = gr.Button("🧹 Clear Memory")
+            gr.Markdown("✨ <small>By Cherry</small>")
 
-            gr.Markdown(
-                "👩‍🎓 **About EduAI**  \n"
-                "Developed by **Wafa Fazly**, a passionate Sri Lankan student 🇱🇰  \n"
-                "EduAI helps students explore **Science, ICT, English**, and more 🌟"
-            )
+        # Main Chat Section
+        with gr.Column(elem_classes="main"):
+            chatbot = gr.Chatbot(height=500, show_label=False, elem_classes="chatbox")
+            msg = gr.Textbox(placeholder="Type your query here...", show_label=False)
+            send = gr.Button("Send", elem_classes="send-btn")
 
-        with gr.Column(elem_classes=["chat-area"]):
-            gr.Markdown("<div class='chat-header'>💬 EduAI — Smart Study Assistant</div>")
-            context_display = gr.Markdown("📘 **You are in General Mode.** Ask EduAI anything!")
-            chatbot = gr.Chatbot(
-                label="",
-                height=460,
-                render_markdown=True,
-                bubble_full_width=False
-            )
-            msg = gr.Textbox(
-                placeholder="💭 Type your question here...",
-                show_label=False
-            )
-            send = gr.Button("✨ Send Message")
+            def respond(message, history):
+                history = history or []
+                reply = ai_response(message, history)
+                history.append((message, reply))
+                return "", history
 
-    # ⚙️ 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)
-    send.click(chat_with_model, inputs=[msg, chatbot, context_display], outputs=[chatbot, chatbot])
-    clear_btn.click(clear_memory, outputs=[chatbot, context_display])
+            msg.submit(respond, [msg, chatbot], [msg, chatbot])
+            send.click(respond, [msg, chatbot], [msg, chatbot])
 
-iface.launch()
+demo.launch()