Update app.py

app.py

@@ -1,36 +1,32 @@
 import gradio as gr
 
-# Define gradio_version at the start
+# Print current Gradio version
 gradio_version = gr.__version__
 print(f"Using Gradio version: {gradio_version}")
 
-# Placeholder response function
 def get_response(user_message):
-    return f"رد تلقائي: {user_message}"  # Replace this with your AI model
+    return f"رد تلقائي: {user_message}"  # Replace with your AI model
 
-with gr.Blocks(title="المتحدث الآلي للتشريعات المحلية لإمارة دبي") as demo:
-    gr.Markdown("# Dubai Legislation Chatbot\nاسأل أي سؤال حول تشريعات دبي - نسخة تجريبية (تصميم وتنفيذ م. أسامة الخطيب)", elem_id="title")
+# Load CSS content from file (ensure 'custom.css' exists in your working directory)
+css_path = "custom.css"
+with open(css_path, "r", encoding="utf-8") as f:
+    custom_css = f.read()
 
-    chatbot = gr.Chatbot(elem_id="chatbot")  
+with gr.Blocks(title="المتحدث الآلي للتشريعات المحلية لإمارة دبي", css=custom_css) as demo:
+    gr.Markdown("# Dubai Legislation Chatbot\nاسأل أي سؤال حول تشريعات دبي - نسخة تجريبية (تصميم وتنفيذ م. أسامة الخطيب)", elem_id="title")
+    chatbot = gr.Chatbot(elem_id="chatbot", type="messages")
     msg = gr.Textbox(placeholder="اكتب سؤالك هنا...", rtl=True, elem_id="input-box")
     clear = gr.Button("مسح", elem_id="clear-btn")
-
+    
     def user(user_message, history):
         history.append([user_message, None])
         return "", history
 
     def bot(history):
-        user_message = history[-1][0]
-        bot_message = get_response(user_message)  
-        history[-1][1] = bot_message
+        history[-1][1] = get_response(history[-1][0])
         return history
 
-    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(
-        bot, chatbot, chatbot
-    )
-
+    msg.submit(user, [msg, chatbot], [msg, chatbot], queue=False).then(bot, chatbot, chatbot)
     clear.click(lambda: [], None, chatbot, queue=False)
 
-
-# Launch the app
-demo.launch(css=css_path, share=True)
+demo.launch(share=True)