Create app.py

app.py

@@ -0,0 +1,135 @@
+import os
+import gradio as gr
+from gradio_client import Client
+import json
+from dotenv import load_dotenv
+
+load_dotenv()
+
+BACKEND_SPACE = "Omartificial-Intelligence-Space/backend"
+
+HF_TOKEN = os.getenv("HF_TOKEN")
+API_KEY = os.getenv("API_ACCESS_KEY", "")
+
+client = Client(BACKEND_SPACE, hf_token=HF_TOKEN)
+
+def query_backend(message):
+    if not message.strip():
+        return {"response": " الرجاء إدخال استفسار صالح."}
+
+    print(f"إرسال الاستفسار إلى الخلفية: {message}")
+
+    try:
+        result = client.predict(
+            query=message,
+            api_key_check=API_KEY,
+            api_name="/process_query"
+        )
+
+        print(f" استجابة الخلفية: {result}")
+
+        if isinstance(result, str):
+            return {"response": result}
+        elif isinstance(result, dict) and "response" in result:
+            return result
+        else:
+            return {"response": "تنسيق استجابة غير متوقع."}
+
+    except Exception as e:
+        print(f"خطأ: {str(e)}")
+        return {"response": f" خطأ: {str(e)}"}
+
+import time
+
+def respond(message, chat_history):
+    if not message.strip():
+        return "", chat_history
+
+    chat_history = chat_history + [{"role": "user", "content": message}]
+    
+    chat_history = chat_history + [{"role": "assistant", "content": "⏳ جاري البحث ..."}]
+    
+    yield "", chat_history  
+
+    backend_response = query_backend(message)
+
+    if isinstance(backend_response, dict) and "response" in backend_response:
+        answer = backend_response["response"]
+    else:
+        answer = backend_response  
+
+    chat_history[-1] = {"role": "assistant", "content": answer}
+
+    yield "", chat_history  # تحديث الدردشة بالإجابة النهائية
+
+example_questions = [
+    "من هو راوي حديث مَنْ حَجَّ لِلهِ فَلَمْ يَرْفُثْ وَلَمْ يَفْسُقْ رَجَعَ كَيَوْمِ وَلَدَتْهُ أُمُّهُ؟",
+    "ماذا قيل عن عبدالرحمن بن عبدالله بن عتبة بن مسعود؟",
+    "اريد حديث عن فضل بيان فضل قراءة القرآن في الصلاة.",
+    "اذكر ثلاث فوائد لهذا الحديث : عن عبد الله بن عمرو رضي الله عنهما قال: قال رسول الله صلى الله عليه وسلم: «يقالُ لصاحبِ القرآن: اقرَأ وارتَقِ، ورتِّل كما كُنْتَ ترتِّل في الدُنيا، فإن منزِلَكَ عندَ آخرِ آية تقرؤه»"
+]
+
+LOGO_PATH = "whitelogo.jpeg"
+
+with gr.Blocks(title="مساعد قاعدة بيانات الحديث الشريف") as demo:
+    with gr.Row():
+        gr.HTML(
+            f"""
+            <div style='background-color:#4A90E2; color:white; padding:20px; border-radius:10px; text-align:center; font-size:20px; font-weight:bold; display: flex; align-items: center; justify-content: center;'>
+                <img src='{LOGO_PATH}' alt='Logo' style='height:50px; margin-right:15px;'>
+                مساعد قاعدة بيانات الحديث الشريف<br>
+                <span style='font-size:16px;'>استكشف الأحاديث النبوية وعلومها بسهولة</span>
+            </div>
+            """
+        )
+
+    with gr.Row():
+        with gr.Column(scale=3):
+            gr.Markdown("""
+            ## ℹ️ عن التطبيق
+            
+            يساعد هذا المساعد في الإجابة عن الأسئلة المتعلقة بالأحاديث النبوية:
+            
+            * نصوص الأحاديث وترجماتها
+            * فوائد وشروحات عن الحديث
+            * معلومات عن أشهر الرواة
+            * الأحكام الفقهية المتعلقة بالأحاديث
+            
+            🔹 تحقق دائمًا من المعلومات مع علماء موثوقين.
+            """)
+
+            gr.Markdown("##  أسئلة مقترحة")
+            example_buttons = [gr.Button(question) for question in example_questions]
+
+        with gr.Column(scale=7):
+            chatbot_component = gr.Chatbot(height=500, bubble_full_width=False, type="messages")
+
+            with gr.Row():
+                message_box = gr.Textbox(
+                    show_label=False,
+                    placeholder="📝 اكتب استفسارك هنا...",
+                    container=False,
+                    lines=2
+                )
+
+                send_btn = gr.Button("إرسال", variant="primary")
+                clear_btn = gr.Button("🗑️ مسح الدردشة")
+
+    gr.Markdown(
+        """
+        ---
+        **⚠️ تنبيه:** هذا المساعد الذكي يقدم معلومات حديثية، لكن يجب دائمًا الرجوع إلى العلماء للتحقق من المسائل الشرعية.
+        """
+    )
+
+    msg_submit = message_box.submit(respond, [message_box, chatbot_component], [message_box, chatbot_component])
+    send_click = send_btn.click(respond, [message_box, chatbot_component], [message_box, chatbot_component])
+    clear_click = clear_btn.click(lambda: (None, []), None, [message_box, chatbot_component])
+
+    for btn in example_buttons:
+        btn.click(lambda q: (q, []), [btn], [message_box, chatbot_component]).then(
+            respond, [message_box, chatbot_component], [message_box, chatbot_component]
+        )
+
+if __name__ == "__main__":
+    demo.launch(debug=True)