Create app.py

app.py

@@ -0,0 +1,184 @@
+import gradio as gr
+import anthropic
+import os
+
+# ======================
+# إعداد العميل
+# ======================
+client = anthropic.Anthropic(api_key=os.environ["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"])
+
+SYSTEM_PROMPT = """أنت مساعد متخصص في الأمن السيبراني باللغة العربية.
+اسمك "درع" وأنت خبير في:
+
+- تحليل التهديدات السيبرانية
+- شرح الثغرات الأمنية وكيفية الحماية منها
+- مفاهيم اختبار الاختراق الأخلاقي
+- أمن الشبكات والأنظمة
+- التوعية الأمنية
+- معايير الأمن مثل ISO 27001 و NIST
+- الاستجابة للحوادث الأمنية
+- تحليل البرمجيات الخبيثة
+- أمن التطبيقات OWASP
+
+قواعد مهمة:
+- أجب دائماً بالعربية الفصحى الواضحة
+- قدم معلومات تعليمية وأخلاقية فقط
+- لا تساعد في أي نشاط غير قانوني أو ضار
+- عند شرح الثغرات، ركز على الحماية وليس الاستغلال
+- استخدم أمثلة عملية وواضحة
+- قسّم إجاباتك بشكل منظم عند الحاجة"""
+
+# ======================
+# دالة المحادثة
+# ======================
+def chat(message, history):
+    if not message.strip():
+        return "", history
+
+    # تحويل التاريخ لصيغة Anthropic
+    messages = []
+    for human, assistant in history:
+        messages.append({"role": "user", "content": human})
+        messages.append({"role": "assistant", "content": assistant})
+    messages.append({"role": "user", "content": message})
+
+    try:
+        response = client.messages.create(
+            model="claude-sonnet-4-20250514",
+            max_tokens=2048,
+            system=SYSTEM_PROMPT,
+            messages=messages
+        )
+        reply = response.content[0].text
+        history.append((message, reply))
+        return "", history
+
+    except Exception as e:
+        error_msg = f"❌ خطأ: {str(e)}"
+        history.append((message, error_msg))
+        return "", history
+
+# ======================
+# الواجهة
+# ======================
+css = """
+.gradio-container {
+    font-family: 'Tajawal', sans-serif;
+    direction: rtl;
+}
+.main-header {
+    background: linear-gradient(135deg, #0a0a0a, #1a1a2e, #16213e);
+    padding: 30px;
+    border-radius: 16px;
+    text-align: center;
+    margin-bottom: 20px;
+    border: 1px solid #00ff88;
+    box-shadow: 0 0 30px rgba(0,255,136,0.2);
+}
+.tip-box {
+    background: #0d1117;
+    border: 1px solid #30363d;
+    border-right: 4px solid #00ff88;
+    border-radius: 10px;
+    padding: 15px;
+    margin-top: 10px;
+}
+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:
+
+    # Header
+    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;">
+            المساعد الذكي للأمن السيبراني
+        </h2>
+        <p style="color:#8b949e; margin:0;">
+            اسألني عن أي موضوع في الأمن السيبراني
+        </p>
+    </div>
+    """)
+
+    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=(
+                    "https://api.dicebear.com/7.x/avataaars/svg?seed=user",
+                    "https://api.dicebear.com/7.x/bottts/svg?seed=shield"
+                )
+            )
+
+            with gr.Row():
+                msg_input = gr.Textbox(
+                    label="",
+                    placeholder="اسأل عن أي موضوع في الأمن السيبراني...",
+                    scale=4,
+                    rtl=True,
+                    lines=2
+                )
+                send_btn = gr.Button("إرسال 🚀", scale=1, variant="primary")
+
+            clear_btn = gr.Button("🗑️ محادثة جديدة", variant="secondary")
+
+        # الشريط الجانبي
+        with gr.Column(scale=1):
+            gr.Markdown("### 💡 أسئلة مقترحة")
+            gr.HTML("""
+            <div class="tip-box" style="direction:rtl;">
+                <p style="color:#00ff88; margin:5px 0;">🔴 ما هي أخطر ثغرات OWASP؟</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 كيف أحمي شبكتي من الهجمات؟</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 ما هو الفرق بين IDS و IPS؟</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 كيف أبدأ تعلم اختبار الاختراق؟</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 ما هي أنواع هجمات التصيد؟</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 شرح هجوم SQL Injection</p>
+                <p style="color:#00ff88; margin:5px 0;">🔴 كيف أعمل تقرير أمني احترافي؟</p>
+            </div>
+            """)
+
+            gr.Markdown("### ⚠️ تنبيه")
+            gr.HTML("""
+            <div class="tip-box" style="direction:rtl;">
+                <p style="color:#ff6b6b; margin:0; font-size:0.9em;">
+                هذا المساعد للأغراض التعليمية والأخلاقية فقط.
+                لا يُستخدم في أي نشاط غير قانوني.
+                </p>
+            </div>
+            """)
+
+    # الأحداث
+    send_btn.click(
+        fn=chat,
+        inputs=[msg_input, chatbot],
+        outputs=[msg_input, chatbot]
+    )
+
+    msg_input.submit(
+        fn=chat,
+        inputs=[msg_input, chatbot],
+        outputs=[msg_input, chatbot]
+    )
+
+    clear_btn.click(
+        fn=lambda: ([], ""),
+        outputs=[chatbot, msg_input]
+    )
+
+if __name__ == "__main__":
+    demo.launch()