Update app.py

app.py

@@ -1,5 +1,3 @@
-modify the code to allow the send button to work with enter and make other necessary optimizations.
-
 import os
 import re
 import cohere
@@ -14,7 +12,7 @@ DEFAULT_SYSTEM_PROMPT = """
 2. الملاءمة السياقية: قم بتكييف الترجمة مع السياق والجمهور المستهدف:
 استخدم جملًا موجزة وواضحة في المحتوى الطبي والقانوني.
 اعتمد لغة جذابة وخيالية في المواد التسويقية.
-حافظ على الرسمية والبلاغة في المحتوى القانوني.
+حافظ على الرسمية والبلاغية في المحتوى القانوني.
 3. البنية السليمة: احترم تراكيب الجمل العربية وتجنب النسخ المباشر لقواعد لغة المصدر. فضل استخدام "الجملة الفعلية" إلا إذا كانت "الجملة الاسمية" أكثر ملاءمة (مثلًا في العناوين أو التنويهات).
 الخيارات الأسلوبية:
 استخدم التشكيل فقط عند الضرورة لتوضيح المعنى.
@@ -40,10 +38,10 @@ DEFAULT_SYSTEM_PROMPT = """
 حافظ على تنسيق البيانات المهمة (مثل التواريخ، والقياسات، والاستشهادات القانونية).
 عند الشك:
 قدم الأولوية للوضوح، والتناسق، والملاءمة مع احتياجات الجمهور المستهدف. قم دائمًا بموازنة التعليمات الخاصة بالمشروع مع هذه الإرشادات، مع إعطاء الأولوية لمتطلبات العميل عند وجود أي تعارض.
-"""  # (keeping the full prompt as in original)
+"""
 
 TITLE = "<h1><center>Mawared T Assistant</center></h1>"
-PLACEHOLDER = "Ask me anything! I'll think through it step by step."
+PLACEHOLDER = "اسأل عن أي شيء! سأفكر فيه خطوة بخطوة."
 
 CSS = """
 .duplicate-button {
@@ -81,8 +79,17 @@ h3 {
     height: 500px !important;
     overflow-y: auto !important;
 }
+.arabic-input {
+    direction: rtl;
+    text-align: right;
+    font-family: 'Arabic', Arial, sans-serif;
+}
 """
 
+def is_arabic_text(text: str) -> bool:
+    """Detect if the text contains Arabic characters"""
+    return any('\u0600' <= char <= '\u06FF' for char in text)
+
 def format_text(text: str) -> str:
     """Format text with proper spacing and tag highlighting"""
     tag_patterns = [
@@ -116,11 +123,11 @@ def format_chat_history(history: List[List[str]]) -> str:
 def create_examples() -> List[str]:
     """Create example queries for the UI"""
     return [
-        "Explain the concept of artificial intelligence.",
-        "How does photosynthesis work?",
-        "What are the main causes of climate change?",
-        "Describe the process of protein synthesis.",
-        "What are the key features of a democratic government?",
+        "اشرح مفهوم الذكاء الاصطناعي",
+        "كيف تعمل عملية التمثيل الضوئي؟",
+        "ما هي الأسباب الرئيسية لتغير المناخ؟",
+        "صف عملية تخليق البروتين",
+        "ما هي الميزات الرئيسية للحكومة الديمقراطية؟",
     ]
 
 def convert_history_to_cohere_format(history: List[List[str]]) -> List[dict]:
@@ -138,7 +145,7 @@ def chat_response(
     history: List[List[str]],
     chat_display: str,
     system_prompt: str,
-    temperature: float = 0.2,
+    temperature: float = 0.3,
     max_new_tokens: int = 8192,
     top_p: float = 0.8,
     top_k: int = 40,
@@ -200,14 +207,15 @@ def main():
                 chat_display = gr.TextArea(
                     value="",
                     label="Chat History",
-                    interactive=AttributeError,
+                    interactive=False,
                     elem_classes=["chat-area"],
                 )
                 
                 message = gr.TextArea(
                     placeholder=PLACEHOLDER,
                     label="Your message",
-                    lines=5
+                    lines=3,
+                    elem_classes=["message-input"]
                 )
                 
                 with gr.Row():
@@ -224,7 +232,7 @@ def main():
                         minimum=0,
                         maximum=1,
                         step=0.1,
-                        value=0.2,
+                        value=0.3,
                         label="Temperature",
                     )
                     max_tokens = gr.Slider(
@@ -264,6 +272,23 @@ def main():
                     cache_examples=False,
                 )
         
+        # Function to dynamically add RTL class for Arabic text
+        js_rtl_handler = """
+        function updateTextDirection(textArea) {
+            const text = textArea.value;
+            const containsArabic = /[\u0600-\u06FF]/.test(text);
+            
+            if (containsArabic) {
+                textArea.classList.add('arabic-input');
+            } else {
+                textArea.classList.remove('arabic-input');
+            }
+        }
+        """
+        
+        # Attach RTL support to message input
+        message.change(None, inputs=message, js=js_rtl_handler)
+        
         # Set up event handlers
         submit_click = submit.click(
             chat_response,
@@ -282,7 +307,7 @@ def main():
             show_progress=True,
         )
         
-        # Bind Enter key to submit
+        # Bind Enter key to submit with Shift+Enter for new line
         message.submit(
             chat_response,
             inputs=[