Update app.py

app.py

@@ -14,7 +14,7 @@ api = HfApi()
 
 SURAH_NAMES = ["الفاتحة", "البقرة", "آل عمران", "النساء", "المائدة", "الأنعام", "الأعراف", "الأنفال", "التوبة", "يونس", "هود", "يوسف", "الرعد", "إبراهيم", "الحجر", "النحل", "الإسراء", "الكهف", "مريم", "طه", "الأنبياء", "الحج", "المؤمنون", "النور", "الفرقان", "الشعراء", "النمل", "القصص", "العنكبوت", "الروم", "لقمان", "السجدة", "الأحزاب", "سبأ", "فاطر", "يس", "الصافات", "ص", "الزمر", "غافر", "فصلت", "الشورى", "الزخرف", "الدخان", "الجاثية", "الأحقاف", "محمد", "الفتح", "الحجرات", "ق", "الذاريات", "الطور", "النجم", "القمر", "الرحمن", "الواقعة", "الحديد", "المجادلة", "الحشر", "الممتحنة", "الصف", "الجمعة", "المنافقون", "التغابن", "الطلاق", "التحريم", "الملك", "القلم", "الحاقة", "المعارج", "نوح", "الجن", "المزمل", "المدثر", "القيامة", "الإنسان", "المرسلات", "النبأ", "النازعات", "عبس", "التكوير", "الانفطار", "المطففين", "الانشقاق", "البروج", "الطارق", "الأعلى", "الغاشية", "الفجر", "البلد", "الشمس", "الليل", "الضحى", "الشرح", "التين", "العلق", "القدر", "البينة", "الزلزلة", "العاديات", "القارعة", "التكاثر", "العصر", "الهمزة", "الفيل", "قريش", "الماعون", "الكوثر", "الكافرون", "النصر", "المسد", "الإخلاص", "الفلق", "الناس"]
 
-# --- التنسيق البصري الفخم ---
+# --- التنسيق البصري المحدث ---
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Reem+Kufi:wght@400;700&display=swap');
 
@@ -22,13 +22,12 @@ custom_css = """
 
 body { direction: rtl; background-color: #f0f2f5; }
 
-/* الهيدر مع خلفية الصورة المعتمة */
 .hero-header {
-    background: linear-gradient(rgba(6, 70, 53, 0.85), rgba(6, 70, 53, 0.85)), 
+    background: linear-gradient(rgba(6, 70, 53, 0.88), rgba(6, 70, 53, 0.88)), 
                 url('https://images.unsplash.com/photo-1609599006353-e629aaabfeae?q=80&w=2070&auto=format&fit=crop');
     background-size: cover;
     background-position: center;
-    padding: 40px 20px;
+    padding: 45px 20px;
     border-radius: 0 0 50px 50px;
     text-align: center;
     color: white !important;
@@ -37,19 +36,30 @@ body { direction: rtl; background-color: #f0f2f5; }
 
 .hero-header h1, .hero-header p, .hero-header span { color: white !important; }
 
-.real-count { font-size: 4rem; color: var(--gold); font-weight: bold; line-height: 1; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); }
+/* الرقم أصبح أبيض الآن */
+.real-count { 
+    font-size: 4.5rem; 
+    color: white; 
+    font-weight: bold; 
+    line-height: 1; 
+    text-shadow: 0 0 15px rgba(255,255,255,0.3);
+    margin-top: 10px;
+}
 
+/* الإرشادات RTL */
 .instruction-box {
     background: #fff9e6;
-    border-right: 5px solid var(--gold);
-    padding: 15px;
+    border-right: 6px solid var(--gold);
+    padding: 18px;
     border-radius: 15px;
     margin: 20px 0;
-    font-size: 1rem;
+    font-size: 1.05rem;
     box-shadow: 0 4px 6px rgba(0,0,0,0.05);
+    direction: rtl;
+    text-align: right;
+    line-height: 1.6;
 }
 
-/* موحد لكل البطاقات */
 .custom-card {
     background: white !important;
     border-radius: 25px !important;
@@ -61,13 +71,11 @@ body { direction: rtl; background-color: #f0f2f5; }
 
 .ayah-text {
     font-family: 'Amiri', serif !important;
-    font-size: 2.2rem !important;
+    font-size: 2.3rem !important;
     color: var(--dark-green);
     line-height: 1.8 !important;
     text-align: center;
 }
-
-.status-label { font-weight: bold; padding: 10px; border-radius: 10px; }
 """
 
 # --- المنطق الخلفي ---
@@ -91,11 +99,7 @@ with ThreadPoolExecutor(max_workers=10) as executor:
 ALL_AYAT = [item for sublist in results for item in sublist]
 
 def validate_ayah(v):
-    """التحقق من طول الآية (أقل من 200 كلمة)"""
-    word_count = len(v['text'].split())
-    if word_count > 200:
-        return False
-    return True
+    return len(v['text'].split()) <= 200
 
 def jump_to_ayah(s_name, a_num):
     try:
@@ -105,7 +109,7 @@ def jump_to_ayah(s_name, a_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 "⚠️ لم يتم العثور على الآية، تأكد من الرقم والاسم", gr.update(), gr.update(), gr.update()
     except:
         return "⚠️ يرجى إدخال رقم صحيح", gr.update(), gr.update(), gr.update()
 
@@ -114,25 +118,23 @@ def on_submit(audio, 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
         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:
+with gr.Blocks(title="مِنَصَّة تلاوة") as demo:
     idx_state = gr.State(random.randint(0, len(ALL_AYAT)-1))
     
-    # 1. الهيدر الفخم
     gr.HTML(f"""
         <div class="hero-header">
             <h1>مِنَصَّة التِّلَاوَة</h1>
             <p>مشروع تقني لبناء نموذج ذكاء اصطناعي لتصحيح التجويد وتلاوة القرآن</p>
             <div style="margin-top:20px;">
-                <span>إجمالي المساهمات الحقيقية</span>
+                <span style="font-size: 1.2rem; opacity: 0.9;">مساهمات الأمة</span>
                 <div class="real-count">{get_real_total()}</div>
             </div>
         </div>
@@ -141,13 +143,12 @@ with gr.Blocks(title="مِنَصَّة تلاوة - ذكاء اصطناعي") as
     with gr.Column(elem_classes="gradio-container"):
         gr.HTML("""
             <div class="instruction-box">
-                <b>💡 إرشادات:</b> يرجى قراءة الآية بوضوح وتجنب تكرار الكلمات عند الوقف الخاطئ. 
-                الهدف هو جمع تلاوات نقية لتدريب ذكاء اصطناعي يخدم كتاب الله.
+                <b>💡 إرشادات المشاركة:</b> يرجى قراءة الآية الكريمة بوضوح وهدوء. 
+                <br>تجنب تكرار الكلمات عند الوقف والابتداء لضمان دقة تدريب نموذج الذكاء الاصطناعي.
             </div>
         """)
 
         with gr.Row():
-            # اليمين: عرض الآية
             with gr.Column(scale=2):
                 with gr.Column(elem_classes="custom-card"):
                     v_init = ALL_AYAT[idx_state.value]
@@ -155,18 +156,17 @@ with gr.Blocks(title="مِنَصَّة تلاوة - ذكاء اصطناعي") as
                     text_html = gr.HTML(f"<div class='ayah-text'>{v_init['text']}</div>")
                     status_msg = gr.Markdown("")
                     with gr.Row():
-                        send_btn = gr.Button("🎤 إرسال التلاوة", variant="primary")
+                        send_btn = gr.Button("🎤 إرسال المساهمة", variant="primary")
                         rnd_btn = gr.Button("🔄 آية عشوائية", variant="secondary")
 
-            # اليسار: التحكم والتسجيل
             with gr.Column(scale=1):
                 with gr.Column(elem_classes="custom-card"):
-                    gr.Markdown("### 🎙️ التسجيل الصوتي")
+                    gr.Markdown("### 🎙️ التسجيل")
                     audio_ui = gr.Audio(sources=["microphone"], type="filepath", label=None)
                 
                 with gr.Column(elem_classes="custom-card"):
-                    gr.Markdown("### 🔍 اختيار آية محددة")
-                    s_drop = gr.Dropdown(choices=SURAH_NAMES, label="السورة", value="الفاتحة")
+                    gr.Markdown("### 🔍 اختيار آية")
+                    s_drop = gr.Dropdown(choices=SURAH_NAMES, label="اسم السورة", value="الفاتحة")
                     a_num = gr.Number(label="رقم الآية", value=1, precision=0)
                     go_btn = gr.Button("انتقال سريع")