Update app.py

app.py

@@ -1,10 +1,10 @@
 # -*- coding: utf-8 -*-
-# صفحتان ثابتتان + Submit لكل سؤال (محاولات متعددة) + واجهة إدخال لا تتغير أبعادها بعد رفع الملف
+# صفحتان ثابتتان + Submit لكل سؤال (محاولات متعددة) + واجهة إدخال ثابتة الأبعاد باستخدام UploadButton
 
-import os, json, uuid, random, unicodedata
+import os, json, uuid, random, unicodedata, tempfile
 from dataclasses import dataclass
 from pathlib import Path
-from typing import List, Tuple
+from typing import List, Tuple, Optional
 
 from PIL import Image
 from pypdf import PdfReader
@@ -81,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*\د+)\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)
@@ -92,7 +92,7 @@ def norm_ar(t:str)->str:
     t = re2.sub(AR_DIAC, "", t)
     t = re2.sub(r"[إأآا]", "ا", t)
     t = re2.sub(r"[يى]", "ي", t)
-    t = re2.sub(r"\s+", " ", t)
+    t = re2.sub(r"\س+", " ", t)
     t = re2.sub(r'(\p{L})\1{2,}', r'\1', t)
     t = re2.sub(r'(\p{L})\1', r'\1', t)
     return t.strip()
@@ -178,7 +178,7 @@ def to_records(items:List[MCQ])->List[dict]:
         recs.append({"id":it.id,"question":it.question.strip(),"options":opts})
     return recs
 
-# ------------------ صفحة الأسئلة (HTML فقط) ------------------
+# ------------------ HTML صفحة الأسئلة ------------------
 def render_quiz_html(records: List[dict]) -> str:
     parts=[]
     for i, rec in enumerate(records, start=1):
@@ -211,21 +211,58 @@ def render_quiz_html(records: List[dict]) -> str:
         """)
     return f"""<div id="quiz" class="quiz-wrap">{''.join(parts)}</div>"""
 
-# ------------------ توليد الامتحان وتبديل الصفحات ------------------
-def build_quiz(text_area, file_path, n, model_id, zoom):
+# ------------------ دعم UploadButton بدلاً من File ------------------
+# نخزن الملف في State كـ (bytes, filename)
+def on_upload(files) -> Tuple[Optional[bytes], str, str]:
+    """
+    files: يمكن أن يكون ملفًا واحدًا أو قائمة.
+    نعيد: (file_bytes, file_name, رسالة حالة قصيرة)
+    """
+    if not files:
+        return None, "", "لم يتم اختيار ملف."
+    f = files[0] if isinstance(files, list) else files
+    name = getattr(f, "name", "uploaded_file")
+    # Gradio قد يعطي مسارًا مؤقتًا أو BytesIO. نجرب القراءة:
+    data = None
+    try:
+        if hasattr(f, "read"):
+            data = f.read()
+        elif hasattr(f, "bytes"):
+            data = f.bytes
+        elif isinstance(f, (bytes, bytearray)):
+            data = bytes(f)
+        elif isinstance(f, str) and os.path.isfile(f):
+            with open(f, "rb") as fp:
+                data = fp.read()
+    except Exception:
+        data = None
+    if not data:
+        return None, "", "تعذّر قراءة الملف. جرّب مجددًا."
+    return data, name, f"تم اختيار: {Path(name).name}"
+
+def build_quiz(text_area, file_bytes, file_name, n, model_id, zoom):
     text_area = (text_area or "").strip()
-    if not text_area and not file_path:
-        return "", gr.update(visible=True), gr.update(visible=False), "🛈 الصق نصًا أو ارفع ملفًا أولًا."
+    raw = ""
     if text_area:
         raw = text_area
+    elif file_bytes:
+        # نكتب bytes إلى ملف مؤقت بالامتداد الصحيح
+        suffix = Path(file_name).suffix or ".pdf"
+        with tempfile.NamedTemporaryFile(delete=False, suffix=suffix) as tf:
+            tf.write(file_bytes)
+            tmp_path = tf.name
+        raw, _ = file_to_text(tmp_path, model_id=model_id, zoom=float(zoom))
+        try: os.remove(tmp_path)
+        except Exception: pass
     else:
-        raw, _ = file_to_text(file_path, model_id=model_id, zoom=float(zoom))
+        return "", gr.update(visible=True), gr.update(visible=False), "🛈 الصق نصًا أو ارفع ملفًا أولًا."
+
     cleaned = postprocess(raw)
     items   = make_mcqs(cleaned, n=int(n))
     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;
@@ -235,67 +272,30 @@ 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}
 
-/* 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;               /* ارتفاع ثابت مريح */
+  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;
+/* صف رفع بسيط لا يتغيّر حجمه */
+.uprow{
+  display:flex; gap:10px; align-items:center;
 }
-
-/* 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;
-}
-
-/* 5) اترك منطقة النقر على الرفع فعّالة على المساحة كلها */
-.drop-wrap input[type="file"]{
-  position:absolute; inset:0;
-  height:100%; width:100%;
-  opacity:0; cursor:pointer;
+.file-pill{
+  background:#121318; border:1px dashed #3b3f52; color:#cfd5e3;
+  border-radius:10px; padding:10px 12px; flex:1; min-height:48px;
+  display:flex; align-items:center;
+  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 }
-
-/* عناصر أخرى */
-.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)}
+.small{opacity:.9;color:#d9dee8}
 textarea{min-height:120px}
 
 /* صفحة الأسئلة */
@@ -312,7 +312,7 @@ textarea{min-height:120px}
 .opt input{accent-color:var(--accent2)}
 .opt-letter{display:inline-flex;width:28px;height:28px;border-radius:8px;background:#0f1116;border:1px solid #2a2d3a;align-items:center;justify-content:center;font-weight:800;color:#dfe6f7}
 .opt-text{color:#eaeaf2}
-.opt.ok{background:#0f2f22;border-color:#1b6a52}
+.opt.ok{background:#0ف2f22;border-color:#1b6a52}
 .opt.err{background:#3a0d14;border-color:#6a1e2b}
 
 .q-actions{display:flex;gap:10px;align-items:center;margin-top:10px}
@@ -321,7 +321,7 @@ textarea{min-height:120px}
 }
 .q-actions .q-submit:disabled{opacity:.5;cursor:not-allowed}
 .q-note{color:#ffd1d6}
-.q-note.warn{color:#ffd1د6}
+.q-note.warn{color:#ffd1d6}
 """
 
 # ------------------ JS: Submit (محاولات متعددة) ------------------
@@ -359,7 +359,7 @@ ATTACH_LISTENERS_JS = """
       return;
     }
 
-    // خطأ: أحمر فقط، ولا تعطيل لأي عنصر — تسمح بمحاولات غير محدودة
+    // خطأ: أحمر فقط، ولا تعطيل — يسمح بمحاولات متتالية
     chosenLabel.classList.add('err');
     if (badge){ badge.hidden=false; badge.className='q-badge err'; badge.textContent='Incorrect.'; }
     if (note) note.textContent = '';
@@ -373,28 +373,26 @@ ATTACH_LISTENERS_JS = """
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 class='top'>Question Generator</h2>")
 
+    # States لحفظ الملف المرفوع عبر UploadButton
+    file_bytes_state = gr.State(None)
+    file_name_state  = gr.State("")
+
     # الصفحة 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="لصق نص")
 
-        # مكوّن الملف داخل حاوية 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
-            )
+        # صف رفع بسيط: زر + شارة اسم ملف ثابتة العرض
+        with gr.Row(elem_classes=["uprow"]):
+            upload_btn = gr.UploadButton("رفع ملف (PDF / TXT)", file_types=[".pdf", ".txt"], file_count="single")
+            file_badge = gr.Markdown("لم يتم اختيار ملف", elem_classes=["file-pill"])
 
         num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
         with gr.Accordion("خيارات PDF المصوّر (اختياري)", open=False):
             trocr_model = gr.Dropdown(
                 choices=[
-                    "مicrosoft/trocr-base-printed",
+                    "microsoft/trocr-base-printed",
                     "microsoft/trocr-large-printed",
                     "microsoft/trocr-base-handwritten",
                     "microsoft/trocr-large-handwritten",
@@ -411,10 +409,17 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
         quiz_html = gr.HTML("")
         js_wired  = gr.Textbox(visible=False)   # Output مخفي لضمان تنفيذ JS
 
+    # حدث رفع الملف → خزِّن بالـState + عرض الاسم في الشارة
+    upload_btn.upload(
+        fn=on_upload,
+        inputs=[upload_btn],
+        outputs=[file_bytes_state, file_name_state, file_badge]
+    )
+
     # بناء الامتحان + تبديل الصفحات + ربط الـJS
     btn_build.click(
         build_quiz,
-        inputs=[text_area, file_comp, num_q, trocr_model, trocr_zoom],
+        inputs=[text_area, file_bytes_state, file_name_state, num_q, trocr_model, trocr_zoom],
         outputs=[quiz_html, page1, page2, warn]
     ).then(
         None, inputs=None, outputs=[js_wired], js=ATTACH_LISTENERS_JS