Update app.py

app.py

@@ -29,13 +29,6 @@ def chat(message, history):
 
     messages = [{"role": "system", "content": SYSTEM_PROMPT}]
 
-    for item in history:
-        messages.append({"role": "user", "content": item["content"] if isinstance(item, dict) and item.get("role") == "user" else (item[0] if isinstance(item, (list, tuple)) else "")})
-        if isinstance(item, dict) and item.get("role") == "assistant":
-            messages.append({"role": "assistant", "content": item["content"]})
-
-    # بناء التاريخ بشكل صحيح
-    messages = [{"role": "system", "content": SYSTEM_PROMPT}]
     for item in history:
         if isinstance(item, dict):
             if item.get("role") in ["user", "assistant"]:
@@ -64,10 +57,39 @@ def chat(message, history):
         return "", history
 
 css = """
+@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
+
 .gradio-container {
-    font-family: 'Tajawal', sans-serif;
-    direction: rtl;
+    font-family: 'Tajawal', sans-serif !important;
+    direction: rtl !important;
+}
+
+/* إصلاح اتجاه الرسائل */
+.message-wrap {
+    direction: rtl !important;
+}
+
+/* رسائل المستخدم - يسار */
+.message.user-message,
+[data-testid="user"] {
+    direction: rtl !important;
+    text-align: right !important;
+}
+
+/* رسائل المساعد - يمين */
+.message.bot-message,
+[data-testid="bot"] {
+    direction: rtl !important;
+    text-align: right !important;
 }
+
+/* محتوى الرسائل */
+.prose, .prose p, .prose li {
+    direction: rtl !important;
+    text-align: right !important;
+    font-family: 'Tajawal', sans-serif !important;
+}
+
 .main-header {
     background: linear-gradient(135deg, #0a0a0a, #1a1a2e, #16213e);
     padding: 30px;
@@ -77,6 +99,7 @@ css = """
     border: 1px solid #00ff88;
     box-shadow: 0 0 30px rgba(0,255,136,0.2);
 }
+
 .tip-box {
     background: #0d1117;
     border: 1px solid #30363d;
@@ -85,13 +108,22 @@ css = """
     padding: 15px;
     margin-top: 10px;
 }
+
+.developer-box {
+    background: linear-gradient(135deg, #0d1117, #1a1a2e);
+    border: 1px solid #00ff88;
+    border-radius: 10px;
+    padding: 15px;
+    margin-top: 15px;
+    text-align: center;
+}
+
 footer { display: none !important; }
 """
 
 with gr.Blocks(title="درع - المساعد الأمني العربي") as demo:
 
     gr.HTML("""
-    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
     <div class="main-header">
         <h1 style="color:#00ff88; margin:0; font-size:2.5em;">🛡️ درع</h1>
         <h2 style="color:white; margin:10px 0 5px 0; font-size:1.3em;">
@@ -109,6 +141,7 @@ with gr.Blocks(title="درع - المساعد الأمني العربي") as dem
                 label="",
                 height=500,
                 show_label=False,
+                rtl=True,
                 avatar_images=(
                     "https://api.dicebear.com/7.x/avataaars/svg?seed=user",
                     "https://api.dicebear.com/7.x/bottts/svg?seed=shield"
@@ -151,6 +184,19 @@ with gr.Blocks(title="درع - المساعد الأمني العربي") as dem
             </div>
             """)
 
+            # قسم المطور
+            gr.HTML("""
+            <div class="developer-box" style="direction:rtl;">
+                <p style="color:#8b949e; margin:0 0 8px 0; font-size:0.85em;">⚙️ تطوير وإعداد</p>
+                <p style="color:#00ff88; margin:0; font-size:1em; font-weight:bold;">
+                    د. معاذ الصوفي
+                </p>
+                <p style="color:#8b949e; margin:5px 0 0 0; font-size:0.8em;">
+                    متخصص في الأمن السيبراني
+                </p>
+            </div>
+            """)
+
     send_btn.click(
         fn=chat,
         inputs=[msg_input, chatbot],