Update app.py

app.py

@@ -40,24 +40,27 @@ def get_response(query, k=3):
         max_new_tokens=200,
         do_sample=True,
         temperature=0.7,
-        top_p=0.9
+        top_p=0.9,
+        return_full_text=False
     )
     response = tokenizer.decode(outputs[0], skip_special_tokens=True)
     return response.split(query)[-1].strip()
 
 # Gradio interface
-with gr.Blocks(title="Dubai Legislation Chatbot") as demo:
-    gr.Markdown("# Dubai Legislation Chatbot\nAsk any question about Dubai legislation")
-    chatbot = gr.Chatbot()
-    msg = gr.Textbox(placeholder="Type your question here...")
-    clear = gr.Button("Clear")
+import gradio as gr
+
+with gr.Blocks(title="المتحدث الآلي للتشريعات المحلية لإمارة دبي") as demo:
+    gr.Markdown("# Dubai Legislation Chatbot\nاسأل أي سؤال حول تشريعات دبي- نسخة تجريبة (تصميم وتنفيذ م.أسامة الخطيب")
+    chatbot = gr.Chatbot(elem_id="chatbot")  # Assign an ID for CSS targeting
+    msg = gr.Textbox(placeholder="اكتب سؤالك هنا...", rtl=True)
+    clear = gr.Button("مسح")
 
     def user(user_message, history):
         return "", history + [[user_message, None]]
 
     def bot(history):
         user_message = history[-1][0]
-        bot_message = get_response(user_message)
+        bot_message = get_response(user_message)  # Your response function
         history[-1][1] = bot_message
         return history
 
@@ -66,4 +69,11 @@ with gr.Blocks(title="Dubai Legislation Chatbot") as demo:
     )
     clear.click(lambda: None, None, chatbot, queue=False)
 
-demo.launch(share=True)
+# Launch with custom CSS
+demo.launch(css="""
+    #chatbot {
+        direction: rtl;
+        text-align: right;
+        width: 100%;
+    }
+""", share=True)