Update app.py

app.py

@@ -6,9 +6,8 @@ client = InferenceClient("HuggingFaceH4/zephyr-7b-beta")
 
 # ✅ Custom System Prompt
 SYSTEM_PROMPT = (
-    "أنت مساعد ذكاء اصطناعي يسمى بندر AI. "
-    "يجب أن تذكر اسم المستخدم (بندر) في جميع الردود. "
-    "إذا لم تفهم السؤال، قل: 'لا أفهم.'"
+    "You are an AI assistant named Bandar AI. "
+    "If you do not understand the question, say: 'I don't understand.'"
 )
 
 # ✅ Chatbot Response Function
@@ -24,18 +23,33 @@ def chatbot_response(user_input):
     try:
         reply = response.choices[0].message["content"]
     except (KeyError, IndexError):
-        reply = "لا أفهم."  # Fallback response
+        reply = "I don't understand."  # Fallback response
 
     return reply
 
-# ✅ Gradio UI
-demo = gr.Interface(
-    fn=chatbot_response,
-    inputs=gr.Textbox(placeholder="اكتب رسالتك هنا..."),
-    outputs=gr.Textbox(),
-    title="Bandar AI",
-    description="مرحبًا! أنا بندر AI. اسألني أي شيء."
-)
+# ✅ Gradio UI with Modern Design
+with gr.Blocks(theme=gr.themes.Soft(primary_hue="blue")) as demo:
+    gr.Markdown(
+        """
+        # 🤖 Bandar AI - Smart Chatbot  
+        ### 💬 Ask me anything, and I will include your name in my responses!
+        """, 
+        elem_id="title"
+    )
+
+    chatbot = gr.Chatbot(label="Bandar AI", bubble_full_width=True)
+
+    with gr.Row():
+        user_input = gr.Textbox(placeholder="Type your message here...", label="Your Message", scale=8)
+        send_button = gr.Button("Send", variant="primary", scale=2)
+
+    with gr.Row():
+        clear_button = gr.Button("Clear Chat", variant="secondary")
+
+    # Event Handlers
+    send_button.click(chatbot_response, inputs=user_input, outputs=chatbot)
+    user_input.submit(chatbot_response, inputs=user_input, outputs=chatbot)
+    clear_button.click(lambda: "", outputs=chatbot)  # Clears the chat
 
 # ✅ Launch the Chatbot
 if __name__ == "__main__":