Update app.py

app.py

@@ -2,14 +2,10 @@ import gradio as gr
 import os
 from groq import Groq
 
-# ======================
-# إعداد العميل
-# ======================
 client = Groq(api_key=os.environ["GROQ_API_KEY"])
 
 SYSTEM_PROMPT = """أنت مساعد متخصص في الأمن السيبراني باللغة العربية.
 اسمك "درع" وأنت خبير في:
-
 - تحليل التهديدات السيبرانية
 - شرح الثغرات الأمنية وكيفية الحماية منها
 - مفاهيم اختبار الاختراق الأخلاقي
@@ -25,17 +21,12 @@ SYSTEM_PROMPT = """أنت مساعد متخصص في الأمن السيبران
 - قدم معلومات تعليمية وأخلاقية فقط
 - لا تساعد في أي نشاط غير قانوني أو ضار
 - عند شرح الثغرات، ركز على الحماية وليس الاستغلال
-- استخدم أمثلة عملية وواضحة
-- قسّم إجاباتك بشكل منظم عند الحاجة"""
+- استخدم أمثلة عملية وواضحة"""
 
-# ======================
-# دالة المحادثة
-# ======================
 def chat(message, history):
     if not message.strip():
         return "", history
 
-    # تحويل التاريخ لصيغة Groq
     messages = [{"role": "system", "content": SYSTEM_PROMPT}]
     for human, assistant in history:
         messages.append({"role": "user", "content": human})
@@ -53,13 +44,9 @@ def chat(message, history):
         return "", history
 
     except Exception as e:
-        error_msg = f"❌ خطأ: {str(e)}"
-        history.append((message, error_msg))
+        history.append((message, f"❌ خطأ: {str(e)}"))
         return "", history
 
-# ======================
-# الواجهة
-# ======================
 css = """
 .gradio-container {
     font-family: 'Tajawal', sans-serif;
@@ -85,17 +72,8 @@ css = """
 footer { display: none !important; }
 """
 
-with gr.Blocks(
-    title="درع - المساعد الأمني العربي",
-    css=css,
-    theme=gr.themes.Soft(
-        primary_hue="green",
-        secondary_hue="blue",
-        neutral_hue="slate"
-    )
-) as demo:
+with gr.Blocks(title="درع - المساعد الأمني العربي") as demo:
 
-    # Header
     gr.HTML("""
     <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
     <div class="main-header">
@@ -110,12 +88,10 @@ with gr.Blocks(
     """)
 
     with gr.Row():
-        # المحادثة
         with gr.Column(scale=3):
             chatbot = gr.Chatbot(
                 label="",
                 height=500,
-                bubble_full_width=False,
                 show_label=False,
                 rtl=True,
                 avatar_images=(
@@ -136,7 +112,6 @@ with gr.Blocks(
 
             clear_btn = gr.Button("🗑️ محادثة جديدة", variant="secondary")
 
-        # الشريط الجانبي
         with gr.Column(scale=1):
             gr.Markdown("### 💡 أسئلة مقترحة")
             gr.HTML("""
@@ -161,7 +136,6 @@ with gr.Blocks(
             </div>
             """)
 
-    # الأحداث
     send_btn.click(
         fn=chat,
         inputs=[msg_input, chatbot],
@@ -180,4 +154,11 @@ with gr.Blocks(
     )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch(
+        css=css,
+        theme=gr.themes.Soft(
+            primary_hue="green",
+            secondary_hue="blue",
+            neutral_hue="slate"
+        )
+    )