Update app.py

app.py

@@ -1,34 +1,64 @@
 import gradio as gr
 from tools.arabic_generator import ArabicTextGenerator
 from tools.quran_search import QuranSearchEngine
+import logging
+
+# Configure logging
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(levelname)s - %(message)s'
+)
 
 # Initialize tools
 text_gen = ArabicTextGenerator()
 quran_searcher = QuranSearchEngine()
 
 def format_quran_results(results):
+    """Format search results with enhanced styling"""
     if not results:
-        return "⚠️ لم يتم العثور على نتائج، حاول تغيير مصطلحات البحث"
+        return gr.Markdown("""
+        <div style='text-align: center; padding: 20px; background: #fff8f8; border-radius: 5px;'>
+        ⚠️ لم يتم العثور على نتائج، حاول تغيير مصطلحات البحث
+        </div>
+        """)
     
     output = []
     for r in results:
-        output.append(f"### سورة {r['surah']} ({r['surah_num']}:{r['ayah_num']})")
-        output.append(f"**التشابه**: {r['similarity']}")
-        output.append(f"{r['text']}")
-        output.append("---")
-    return "\n".join(output)
+        output.append(f"""
+        <div style='background: #f8f8ff; padding: 15px; border-radius: 8px; margin-bottom: 10px;'>
+        <h3 style='color: #2b5876;'>سورة {r['surah']} ({r['surah_num']}:{r['ayah_num']})</h3>
+        <p style='color: #4a6b8a; font-size: 0.9em;'>التشابه: {r['similarity']}</p>
+        <p style='font-size: 1.2em; line-height: 1.8; text-align: right;'>{r['text']}</p>
+        </div>
+        """)
+    return "".join(output)
 
-with gr.Blocks(theme=gr.themes.Soft()) as app:
-    gr.Markdown("# <center>منظومة الأدوات العربية</center>")
+with gr.Blocks(theme=gr.themes.Soft(), title="الأدوات العربية") as app:
+    # Header
+    gr.Markdown("""
+    <div style='text-align: center;'>
+    <h1 style='color: #2b5876;'>منظومة الأدوات العربية</h1>
+    <p>أدوات متكاملة للتعامل مع النصوص العربية والقرآن الكريم</p>
+    </div>
+    """)
     
-    with gr.Tab("🖊️ مولد النصوص"):
-        # Arabic Generator UI
+    # Arabic Text Generator Tab
+    with gr.Tab("🖊️ مولد النصوص", id="text-gen-tab"):
         with gr.Row():
-            with gr.Column():
-                text_input = gr.Textbox(label="النص الأولي")
+            with gr.Column(scale=1):
+                gr.Markdown("### إعدادات النص")
+                text_input = gr.Textbox(label="النص الأولي", placeholder="اكتب بداية النص هنا...")
                 length_slider = gr.Slider(50, 300, value=100, label="طول النص")
-                gen_btn = gr.Button("توليد", variant="primary")
-            text_output = gr.Textbox(label="النص المولد", lines=8)
+                gen_btn = gr.Button("توليد النص", variant="primary")
+                
+                gr.Examples(
+                    examples=[["الحمد لله رب العالمين"], ["التعليم في الوطن العربي"], ["قصيدة عن القدس"]],
+                    inputs=text_input,
+                    label="أمثلة جاهزة"
+                )
+                
+            with gr.Column(scale=2):
+                text_output = gr.Textbox(label="النص المولد", lines=10, interactive=False)
         
         gen_btn.click(
             text_gen.generate,
@@ -36,33 +66,49 @@ with gr.Blocks(theme=gr.themes.Soft()) as app:
             outputs=text_output
         )
     
-    with gr.Tab("📖 البحث القرآني"):
-        # Quran Search UI
+    # Quran Search Tab
+    with gr.Tab("📖 البحث القرآني", id="quran-search-tab"):
         with gr.Row():
-            with gr.Column():
-                search_input = gr.Textbox(label="موضوع البحث")
-                top_k = gr.Slider(1, 10, value=5, label="عدد النتائج")
-                search_btn = gr.Button("ابحث", variant="primary")
-            search_output = gr.Markdown()
+            with gr.Column(scale=1):
+                gr.Markdown("### إعدادات البحث")
+                search_input = gr.Textbox(label="موضوع البحث", placeholder="ابحث عن مواضيع مثل: العدل، الصبر...")
+                top_k = gr.Slider(1, 10, value=5, step=1, label="عدد النتائج")
+                search_btn = gr.Button("ابحث الآن", variant="primary")
+                
+                with gr.Accordion("أمثلة بحثية", open=False):
+                    gr.Examples(
+                        examples=[
+                            ["العدل في الإسلام", 5],
+                            ["فضل الصبر", 3],
+                            ["الرحمة في القرآن", 4]
+                        ],
+                        inputs=[search_input, top_k],
+                        label="اضغط على مثال لتحميله"
+                    )
+            
+            with gr.Column(scale=2):
+                search_output = gr.HTML(label="نتائج البحث")
         
-        # Connect search button
+        # Search button with loading indicator
         search_btn.click(
             lambda q, k: format_quran_results(quran_searcher.search(q, k)),
             inputs=[search_input, top_k],
-            outputs=search_output
+            outputs=search_output,
+            api_name="quran_search"
         )
-        
-        # Examples section
-        with gr.Accordion("أمثلة بحثية", open=False):
-            gr.Examples(
-                examples=[
-                    ["العدل في الإسلام", 5],
-                    ["فضل الصبر", 3],
-                    ["الرحمة في القرآن", 4]
-                ],
-                inputs=[search_input, top_k],
-                label="اضغط على مثال لتحميله"
-            )
+    
+    # Footer
+    gr.Markdown("""
+    <div style='text-align: center; margin-top: 20px; color: #666; font-size: 0.9em;'>
+    تم التطوير باستخدام Quran-API و Hugging Face
+    </div>
+    """)
 
 if __name__ == "__main__":
-    app.launch()
+    # Launch with better configuration
+    app.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        show_error=True,
+        debug=True
+    )