Update app.py

app.py

@@ -34,7 +34,6 @@ body { direction: rtl; background-color: #f4f6f9; }
 
 .hero-header h1, .hero-header p, .hero-header span { color: white !important; }
 
-/* الرقم أبيض ناصع */
 .real-count { 
     font-size: 4rem; 
     color: #FFFFFF !important; 
@@ -68,6 +67,9 @@ body { direction: rtl; background-color: #f4f6f9; }
     line-height: 1.8 !important;
     text-align: center;
 }
+
+/* ضبط اتجاه رسائل الحالة */
+.status-msg { direction: rtl !important; text-align: right !important; }
 """
 
 # --- المنطق الخلفي ---
@@ -91,38 +93,43 @@ with ThreadPoolExecutor(max_workers=10) as executor:
 ALL_AYAT = [item for sublist in results for item in sublist]
 
 def validate_ayah(v):
-    """التحقق من طول الآية (أقل من 200 رمز/حرف)"""
     return len(v['text']) <= 200
 
+# دالة لاختيار آية عشوائية صالحة
+def get_random_valid_ayah():
+    while True:
+        idx = random.randint(0, len(ALL_AYAT)-1)
+        if validate_ayah(ALL_AYAT[idx]):
+            return idx
+
 def jump_to_ayah(s_name, a_num):
     try:
         target_num = int(a_num)
         for i, v in enumerate(ALL_AYAT):
             if v['surah_name'] == s_name and v['ayah'] == target_num:
                 if not validate_ayah(v):
-                    return "⚠️ الآية المختارة طويلة جداً (تتجاوز 200 رمز). يرجى اختيار آية أقصر.", gr.update(), gr.update(), gr.update()
-                return "✅ تم العثور على الآية", f"<div class='ayah-text'>{v['text']}</div>", f"### {v['surah_name']} | آية {v['ayah']}", i
-        return "⚠️ الآية غير موجودة، تأكد من الرقم", gr.update(), gr.update(), gr.update()
+                    return "⚠️ الآية المختارة طويلة جداً (تتجاوز 200 رمز).", gr.update(), gr.update(), gr.update()
+                # الرسالة هنا RTL
+                return "✅ تم العثور على الآية بنجاح", f"<div class='ayah-text'>{v['text']}</div>", f"### {v['surah_name']} | آية {v['ayah']}", i
+        return "⚠️ الآية غير موجودة في هذه السورة.", gr.update(), gr.update(), gr.update()
     except:
-        return "⚠️ خطأ في المدخلات", gr.update(), gr.update(), gr.update()
+        return "⚠️ يرجى التأكد من رقم الآية.", gr.update(), gr.update(), gr.update()
 
 def on_submit(audio, current_idx):
     if not audio: return "⚠️ سجل صوتك أولاً", gr.update(), gr.update(), current_idx
     v = ALL_AYAT[current_idx]
     try:
         api.upload_file(path_or_fileobj=audio, path_in_repo=f"data/s{v['surah']}_a{v['ayah']}_{uuid.uuid4().hex[:6]}.wav", repo_id=REPO_ID, repo_type="dataset", token=HF_TOKEN)
-        while True:
-            next_idx = random.randint(0, len(ALL_AYAT)-1)
-            if validate_ayah(ALL_AYAT[next_idx]): break
+        next_idx = get_random_valid_ayah()
         nv = ALL_AYAT[next_idx]
-        return "✅ تم الحفظ بنجاح", f"<div class='ayah-text'>{nv['text']}</div>", f"### {nv['surah_name']} | آية {nv['ayah']}", next_idx
+        return "✅ تم الحفظ بنجاح، جزاك الله خيراً", f"<div class='ayah-text'>{nv['text']}</div>", f"### {nv['surah_name']} | آية {nv['ayah']}", next_idx
     except Exception as e: return f"❌ فشل الرفع: {str(e)}", gr.update(), gr.update(), current_idx
 
 # --- بناء الواجهة ---
 with gr.Blocks(title="منصة تلاوة") as demo:
-    idx_state = gr.State(random.randint(0, len(ALL_AYAT)-1))
+    # الآن سيتم اختيار آية جديدة في كل مرة يتم فيها بناء الـ Blocks (أي عند التحديث)
+    idx_state = gr.State(get_random_valid_ayah())
     
-    # الهيدر
     gr.HTML(f"""
         <div class="hero-header">
             <h1>مِنَصَّة التِّلَاوَة</h1>
@@ -135,27 +142,27 @@ with gr.Blocks(title="منصة تلاوة") as demo:
     """)
 
     with gr.Column(elem_classes="gradio-container"):
-        # إرشادات RTL
         gr.HTML("""
             <div class="instruction-box">
-                <strong>💡 تنبيه هام:</strong> 
-                لضمان جودة تدريب الذكاء الاصطناعي، يرجى قراءة الآية بنفس واحد دون توقف وتكرار. 
-                <br>نقبل حالياً الآيات التي لا تتجاوز 200 رمز لضمان دقة التحليل.
+                <strong>💡 تنبيه للجودة:</strong> 
+                يرجى قراءة الآية بنفس واحد. 
+                <br>نقبل الآيات التي لا تتجاوز 200 رمز لضمان دقة التحليل.
             </div>
         """)
 
         with gr.Row():
             with gr.Column(scale=2):
                 with gr.Column(elem_classes="custom-card"):
-                    # عرض آية عشوائية أولية صالحة
-                    start_v = ALL_AYAT[idx_state.value]
-                    if not validate_ayah(start_v):
-                        idx_state.value = next(i for i, v in enumerate(ALL_AYAT) if validate_ayah(v))
-                        start_v = ALL_AYAT[idx_state.value]
-
-                    info_text = gr.Markdown(f"### {start_v['surah_name']} | آية {start_v['ayah']}")
-                    text_html = gr.HTML(f"<div class='ayah-text'>{start_v['text']}</div>")
-                    status_msg = gr.Markdown("")
+                    # نستخدم دالة لتهيئة العرض الأول بناءً على idx_state
+                    def load_initial_ayah(idx):
+                        v = ALL_AYAT[idx]
+                        return f"<div class='ayah-text'>{v['text']}</div>", f"### {v['surah_name']} | آية {v['ayah']}"
+                    
+                    # إنشاء المكونات بقيم فارغة ثم تعبئتها
+                    info_text = gr.Markdown()
+                    text_html = gr.HTML()
+                    status_msg = gr.Markdown(elem_classes="status-msg")
+                    
                     with gr.Row():
                         send_btn = gr.Button("🎤 إرسال التسجيل", variant="primary")
                         rnd_btn = gr.Button("🔄 آية عشوائية", variant="secondary")
@@ -171,10 +178,13 @@ with gr.Blocks(title="منصة تلاوة") as demo:
                     a_num = gr.Number(label="رقم الآية", value=1, precision=0)
                     go_btn = gr.Button("انتقال")
 
+    # حدث لتحميل الآية عند فتح الصفحة لأول مرة
+    demo.load(load_initial_ayah, inputs=[idx_state], outputs=[text_html, info_text])
+
     # أحداث الأزرار
     rnd_btn.click(
-        lambda: (v := next(ALL_AYAT[i] for _ in range(100) if validate_ayah(ALL_AYAT[i := random.randint(0, len(ALL_AYAT)-1)]))) and 
-                (f"<div class='ayah-text'>{v['text']}</div>", f"### {v['surah_name']} | آية {v['ayah']}", i, ""),
+        lambda: (idx := get_random_valid_ayah()) and (v := ALL_AYAT[idx]) and 
+                (f"<div class='ayah-text'>{v['text']}</div>", f"### {v['surah_name']} | آية {v['ayah']}", idx, ""),
         outputs=[text_html, info_text, idx_state, status_msg],
         show_progress="hidden"
     )