Update app.py

app.py

@@ -53,17 +53,51 @@ def generate_response(user_input, chat_history):
     
     return gr_chat_history, chat_history
 
-# --- Launch Gradio interface ---
-with gr.Blocks() as demo:
-    gr.Markdown("## 🧬 BioGenesis-ToT Chatbot")
-    chatbot = gr.Chatbot(label="BioGenesis Chatbot", height=500)
-    user_input = gr.Textbox(placeholder="Ask a biology question...", label="Your message")
-    clear = gr.Button("Clear Chat")
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="emerald", secondary_hue="slate")) as demo:
+    gr.HTML("""
+    <div style="text-align: center; margin-bottom: 20px;">
+        <h1 style="font-family: 'Inter', sans-serif; font-weight: 800; color: #047857; font-size: 2.2em;">
+            🧬 BioGenesis-ToT Chatbot
+        </h1>
+        <p style="color: #4B5563; font-size: 1.05em; margin-top: -10px;">
+            Your AI companion for biology, biochemistry, and life sciences.
+        </p>
+    </div>
+    """)
 
-    state = gr.State([])  # Keeps chat history
+    with gr.Row():
+        with gr.Column(scale=6):
+            chatbot = gr.Chatbot(
+                label="BioGenesis Chat",
+                height=550,
+                bubble_full_width=False,
+                show_copy_button=True,
+                avatar_images=(
+                    "https://cdn-icons-png.flaticon.com/512/1077/1077012.png",  # user icon
+                    "https://cdn-icons-png.flaticon.com/512/4140/4140048.png",  # bot icon
+                ),
+            )
+            user_input = gr.Textbox(
+                placeholder="Ask me about cell biology, molecular structure, or biochemistry...",
+                label="💬 Your question",
+                lines=3,
+                autofocus=True,
+            )
+            with gr.Row():
+                send_btn = gr.Button("🚀 Send", variant="primary")
+                clear_btn = gr.Button("🧹 Clear Chat")
 
+    state = gr.State([])
+
+    send_btn.click(generate_response, [user_input, state], [chatbot, state])
     user_input.submit(generate_response, [user_input, state], [chatbot, state])
-    clear.click(lambda: ([], []), None, [chatbot, state])
+    clear_btn.click(lambda: ([], []), None, [chatbot, state])
+
+    gr.HTML("""
+    <div style="text-align: center; margin-top: 25px; color: #6B7280; font-size: 0.9em;">
+        Powered by <b>Qwen3-1.7B + BioGenesis-ToT</b> | Built with ❤️ using Gradio
+    </div>
+    """)
 
 demo.launch(share=True)