Update app.py

app.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# صفحتان ثابتتان + Submit لكل سؤال يعمل فعليًا + واجهة إدخال واسعة وثابتة الأبعاد (بدون gr.Box)
+# صفحتان ثابتتان + Submit لكل سؤال يعمل فعليًا + منع تغيّر أبعاد صفحة الإدخال
 
 import os, json, uuid, random, unicodedata
 from dataclasses import dataclass
@@ -82,7 +82,7 @@ def strip_headers(t:str)->str:
     out=[]
     for ln in t.splitlines():
         if re2.match(r"^\s*--- \[Page \d+\] ---\s*$", ln): continue
-        if re2.match(r"^\s*(Page\s*\d+|صفحة\s*\د+)\s*$", ln): continue
+        if re2.match(r"^\s*(Page\s*\d+|صفحة\s*\d+)\s*$", ln): continue
         if re2.match(r"^\s*[-–—_*]{3,}\s*$", ln): continue
         out.append(ln)
     return "\n".join(out)
@@ -102,7 +102,7 @@ def postprocess(raw:str)->str:
     t = strip_headers(raw).replace("\r","\n")
     t = re2.sub(r"\n{3,}", "\n\n", t)
     t = re2.sub(r"\d+\s*[\[\(][^\]\)]*[\]\)]", " ", t)
-    t = re2.sub(r"\[\د+\]", " ", t)
+    t = re2.sub(r"\[\d+\]", " ", t)
     return norm_ar(t)
 
 # ------------------ توليد أسئلة ------------------
@@ -157,7 +157,7 @@ def make_mcqs(text:str, n:int=6)->List[MCQ]:
                 sent_for[kw]=s
     items=[]; used=set()
     for kw in [k for k in kws if k in sent_for]:
-        if len(items)>=ن: break
+        if len(items)>=n: break
         s=sent_for[kw]
         if s in used: continue
         q=re2.sub(rf"(?<!\p{{L}}){re2.escape(kw)}(?!\p{{L}})", "_____", s, count=1)
@@ -226,65 +226,26 @@ def build_quiz(text_area, file_path, n, model_id, zoom):
     recs    = to_records(items)
     return render_quiz_html(recs), gr.update(visible=False), gr.update(visible=True), ""
 
-# ------------------ CSS (واجهة إدخال واسعة وثابتة) ------------------
+# ------------------ CSS ------------------
 CSS = """
 :root{
   --bg:#0e0e11; --panel:#15161a; --card:#1a1b20; --muted:#a7b0be;
   --text:#f6f7fb; --accent:#6ee7b7; --accent2:#34d399; --danger:#ef4444; --border:#262833;
 }
 body{direction:rtl; font-family:system-ui,'Cairo','IBM Plex Arabic',sans-serif; background:var(--bg);}
-.gradio-container{max-width:1180px; margin:0 auto; padding:16px 16px 44px;}  /* أوسع من قبل */
-
-h2.top{color:#eaeaf2;margin:8px 0 18px}
-
-/* الحاوية الرئيسية للواجهة الأولى — واسعة وثابتة الارتفاع */
-.input-panel{
-  background:var(--panel);
-  border:1px solid var(--border);
-  border-radius:16px;
-  padding:18px;
-  box-shadow:0 18px 42px rgba(0,0,0,.38);
-  min-height:520px;             /* رفعتها لتكون واسعة وثابتة */
-  display:flex; flex-direction:column; gap:14px;
-}
+.gradio-container{max-width:980px;margin:0 auto;padding:12px 12px 40px;}
+h2.top{color:#eaeaf2;margin:6px 0 16px}
 
-/* ✅ استبدال gr.Box بـ gr.Group(elem_id='drop_wrap') والتنسيق حسب الـID */
-#drop_wrap{
-  position:relative;
-  height:140px;
-  min-height:140px; max-height:140px;
-  overflow:hidden;
-  border:2px dashed #3b3f52;
-  background:#121318;
-  border-radius:12px;
-  padding:12px;
-  color:#cfd5e3;
-}
-#drop_wrap [data-testid="file"]{
-  position:absolute; inset:0; height:100%; width:100%;
-  overflow:hidden !important;
-}
-#drop_wrap [data-testid="file"] *{ max-height:100% !important; }
-
-/* إخفاء كل أشكال المعاينة/الشبكات/الأسماء الطويلة */
-#drop_wrap [class*="preview"],
-#drop_wrap [class*="file-preview"],
-#drop_wrap .file-preview,
-#drop_wrap .file-preview *,
-#drop_wrap .upload-preview,
-#drop_wrap .grid, #drop_wrap .grid-wrap,
-#drop_wrap .thumbnail, #drop_wrap .thumbnails,
-#drop_wrap .label, #drop_wrap .hidden,
-#drop_wrap .file-name, #drop_wrap .file-info, #drop_wrap .file-size {
-  display:none !important;
-}
-#drop_wrap input[type="file"]{
-  position:absolute; inset:0; height:100%; width:100%;
-  opacity:0; cursor:pointer;
-}
-
-/* باقي التنسيقات */
+/* صفحة الإدخال ثابتة الارتفاع ولا تتغير بعد الرفع */
+.input-panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;
+  box-shadow:0 16px 38px rgba(0,0,0,.35); min-height:360px; display:flex; flex-direction:column; gap:12px;}
 .small{opacity:.9;color:#d9dee8}
+
+/* منع لوحة المعاينة الخاصة بالملفات التي تغيّر التخطيط */
+[data-testid="file"] .file-preview, [data-testid="file"] .file-preview * { display:none !important; }
+[data-testid="file"] .grid-wrap { display:block !important; }
+.upload-like{border:2px dashed #3b3f52;background:#121318;border-radius:12px;padding:12px;color:#cfd5e3;min-height:90px}
+
 .button-primary>button{background:linear-gradient(180deg,var(--accent),var(--accent2));border:none;color:#0b0d10;font-weight:800}
 .button-primary>button:hover{filter:brightness(.95)}
 textarea{min-height:120px}
@@ -297,7 +258,7 @@ textarea{min-height:120px}
 .q-badge.ok{background:#083a2a;color:#b6f4db;border:1px solid #145b44}
 .q-badge.err{background:#3a0d14;color:#ffd1d6;border:1px solid #6a1e2b}
 
-.q-text{color:#text;font-size:1.06rem;line-height:1.8;margin:8px 0 12px}
+.q-text{color:var(--text);font-size:1.06rem;line-height:1.8;margin:8px 0 12px}
 .opts{display:flex;flex-direction:column;gap:8px}
 .opt{display:flex;gap:10px;align-items:center;background:#14161c;border:1px solid #2a2d3a;border-radius:12px;padding:10px;transition:background .15s,border-color .15s}
 .opt input{accent-color:var(--accent2)}
@@ -315,9 +276,10 @@ textarea{min-height:120px}
 .q-note.warn{color:#ffd1d6}
 """
 
-# ------------------ JS: Submit (محاولات متعددة بدون تعطيل عند الخطأ) ------------------
+# ------------------ JS: ربط Submit بعد الرندر (مع Output مخفي لضمان التنفيذ) ------------------
 ATTACH_LISTENERS_JS = """
 () => {
+  // اربط مرة واحدة فقط
   if (window.__q_submit_bound_multi2) { return 'already'; }
   window.__q_submit_bound_multi2 = true;
 
@@ -340,43 +302,41 @@ ATTACH_LISTENERS_JS = """
 
     const chosenLabel = chosen.closest('.opt');
 
-    // صحيح: اخضر + قفل السؤال كاملاً
+    // حالة صحيحة: لوّن أخضر وأقفل السؤال كاملاً
     if (chosen.value === correct) {
       chosenLabel.classList.add('ok');
       if (badge){ badge.hidden=false; badge.className='q-badge ok'; badge.textContent='Correct!'; }
+      // أقفل هذا السؤال فقط بعد الصح
       card.querySelectorAll('input[type="radio"]').forEach(i => i.disabled = true);
       e.target.disabled = true;
       if (note) note.textContent = '';
       return;
     }
 
-    // خطأ: أحمر فقط، ولا تعطيل — يسمح بمحاولات متتالية
-    chosenLabel.classList.add('err');
+    // حالة خاطئة: لوّن أحمر فقط، ولا تعطل أي شيء — ليقدر يجرّب خيار آخر
+    chosenLabel.classList.add('err');         // اتركه أحمر
     if (badge){ badge.hidden=false; badge.className='q-badge err'; badge.textContent='Incorrect.'; }
     if (note) note.textContent = '';
+    // مهم: لا تعطّل الراديو ولا الزر
   });
 
   return 'wired-multi2';
 }
 """
 
+
+
 # ------------------ واجهة Gradio ------------------
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 class='top'>Question Generator</h2>")
 
-    # الصفحة 1: إدخال واسعة وثابتة
+    # الصفحة 1: إدخال ثابت لا تتغير أبعاده
     page1 = gr.Group(visible=True, elem_classes=["input-panel"])
     with page1:
         gr.Markdown("اختر **أحد** الخيارين ثم اضغط الزر.", elem_classes=["small"])
         text_area = gr.Textbox(lines=6, placeholder="ألصق نصك هنا...", label="لصق نص")
-
-        # ✅ استبدال gr.Box بـ gr.Group(elem_id="drop_wrap")
-        with gr.Group(elem_id="drop_wrap"):
-            file_comp = gr.File(
-                label=None, file_count="single",
-                file_types=[".pdf",".txt"], type="filepath"
-            )
-
+        file_comp = gr.File(label="أو ارفع ملف (PDF / TXT)", file_count="single",
+                            file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
         num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
         with gr.Accordion("خيارات PDF المصوّر (اختياري)", open=False):
             trocr_model = gr.Dropdown(