Update app.py

app.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# صفحتان ثابتتان + Submit لكل سؤال يعمل فعليًا + منع تغيّر أبعاد صفحة الإدخال
+# صفحتان ثابتتان + Submit لكل سؤال (محاولات متعددة) + واجهة إدخال لا تتغير أبعادها بعد رفع الملف
 
 import os, json, uuid, random, unicodedata
 from dataclasses import dataclass
@@ -70,8 +70,7 @@ def is_good(t: str, min_chars=250, min_alpha=0.15) -> bool:
 def file_to_text(path: str, model_id=DEFAULT_TROCR_MODEL, zoom=DEFAULT_TROCR_ZOOM) -> Tuple[str,str]:
     ext = Path(path).suffix.lower()
     if ext == ".txt":
-        with open(path,"r",encoding="utf-8",errors="ignore") as f:
-            return f.read(), "plain text"
+        with open(path,"r",encoding="utf-8",errors="ignore") as f: return f.read(), "plain text"
     raw = extract_text_with_pypdf(path)
     if is_good(raw): return raw, "embedded (pypdf)"
     return extract_text_with_ocr(path, model_id, zoom), "OCR (TrOCR)"
@@ -82,7 +81,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*\d+)\s*$", ln): continue
+        if re2.match(r"^\s*(Page\s*\d+|صفحة\s*\د+)\s*$", ln): continue
         if re2.match(r"^\s*[-–—_*]{3,}\s*$", ln): continue
         out.append(ln)
     return "\n".join(out)
@@ -226,7 +225,7 @@ 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;
@@ -236,16 +235,65 @@ body{direction:rtl; font-family:system-ui,'Cairo','IBM Plex Arabic',sans-serif;
 .gradio-container{max-width:980px;margin:0 auto;padding:12px 12px 40px;}
 h2.top{color:#eaeaf2;margin:6px 0 16px}
 
-/* صفحة الإدخال ثابتة الارتفاع ولا تتغير بعد الرفع */
-.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}
+/* 1) لوحة الإدخال ثابتة الارتفاع */
+.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:420px;               /* ارتفاع ثابت مريح */
+  display:flex; flex-direction:column; gap:12px;
+}
+
+/* 2) حاوية إسقاط ثابتة الارتفاع تمنع أي تمدد */
+.drop-wrap{
+  position:relative;
+  height:120px;                   /* ثبّت ارتفاع منطقة الرفع */
+  min-height:120px; max-height:120px;
+  overflow:hidden;                /* قصّ أي معاينات */
+  border:2px dashed #3b3f52;
+  background:#121318;
+  border-radius:12px;
+  padding:10px;
+  color:#cfd5e3;
+}
+
+/* 3) امنع مكوّن الملف من تغيير الحجم داخليًا مهما أضاف معاينات */
+.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; }
+
+/* 4) إخفاء أي معاينة/شبكة/اسم ملف طويلة قد تضيفها إصدارات مختلفة من Gradio */
+.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;
+}
 
-/* منع لوحة المعاينة الخاصة بالملفات التي تغيّر التخطيط */
-[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}
+/* 5) اترك منطقة النقر على الرفع فعّالة على المساحة كلها */
+.drop-wrap input[type="file"]{
+  position:absolute; inset:0;
+  height:100%; width:100%;
+  opacity:0; cursor:pointer;
+}
 
+/* عناصر أخرى */
+.small{opacity:.9;color:#d9dee8}
 .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}
@@ -273,13 +321,12 @@ textarea{min-height:120px}
 }
 .q-actions .q-submit:disabled{opacity:.5;cursor:not-allowed}
 .q-note{color:#ffd1d6}
-.q-note.warn{color:#ffd1d6}
+.q-note.warn{color:#ffd1د6}
 """
 
-# ------------------ JS: ربط Submit بعد الرندر (مع Output مخفي لضمان التنفيذ) ------------------
+# ------------------ JS: Submit (محاولات متعددة) ------------------
 ATTACH_LISTENERS_JS = """
 () => {
-  // اربط مرة واحدة فقط
   if (window.__q_submit_bound_multi2) { return 'already'; }
   window.__q_submit_bound_multi2 = true;
 
@@ -302,30 +349,26 @@ 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>")
@@ -335,13 +378,23 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
     with page1:
         gr.Markdown("اختر **أحد** الخيارين ثم اضغط الزر.", elem_classes=["small"])
         text_area = gr.Textbox(lines=6, placeholder="ألصق نصك هنا...", label="لصق نص")
-        file_comp = gr.File(label="أو ارفع ملف (PDF / TXT)", file_count="single",
-                            file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
+
+        # مكوّن الملف داخل حاوية drop-wrap لتثبيت الارتفاع
+        with gr.Box(elem_classes=["drop-wrap"]):
+            file_comp = gr.File(
+                label="أو ارفع ملف (PDF / TXT)",
+                file_count="single",
+                file_types=[".pdf", ".txt"],
+                type="filepath",
+                elem_classes=[],
+                show_label=False
+            )
+
         num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
         with gr.Accordion("خيارات PDF المصوّر (اختياري)", open=False):
             trocr_model = gr.Dropdown(
                 choices=[
-                    "microsoft/trocr-base-printed",
+                    "مicrosoft/trocr-base-printed",
                     "microsoft/trocr-large-printed",
                     "microsoft/trocr-base-handwritten",
                     "microsoft/trocr-large-handwritten",