Update app.py

app.py

@@ -1,5 +1,5 @@
 # -*- coding: utf-8 -*-
-# app.py — واجهة داكنة حديثة: توليد أسئلة ➜ عرض كل الأسئلة دفعة واحدة ➜ Submit للنتيجة
+# app.py — ثيم داكن ثابت + كل الأسئلة دفعة واحدة + Submit لعرض النتيجة والأخطاء
 
 import os, json, uuid, random, unicodedata
 from dataclasses import dataclass
@@ -91,7 +91,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) if False else re2.sub(r"\s+", " ", 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()
@@ -198,7 +198,6 @@ def init_state(records):
 
 # ---------- HTML للواجهة/الاختبار ----------
 def render_quiz_html(records: List[dict]) -> str:
-    # يبني HTML فيه كل الأسئلة دفعة واحدة (راديو لكل سؤال)
     parts = []
     for i, rec in enumerate(records, start=1):
         qid = rec["id"]
@@ -206,9 +205,7 @@ def render_quiz_html(records: List[dict]) -> str:
         opts = rec["options"]
         opts_html = []
         for o in opts:
-            lid = o["id"]
-            txt = o["text"]
-            # name = q_<id>, value = letter
+            lid = o["id"]; txt = o["text"]
             opts_html.append(f"""
                 <label class="opt">
                     <input type="radio" name="q_{qid}" value="{lid}" />
@@ -216,23 +213,16 @@ def render_quiz_html(records: List[dict]) -> str:
                     <span class="opt-text">{txt}</span>
                 </label>
             """)
-        card = f"""
+        parts.append(f"""
         <div class="q-card" data-qid="{qid}">
             <div class="q-title">السؤال {i}:</div>
             <div class="q-text">{qtxt}</div>
             <div class="opts">{''.join(opts_html)}</div>
         </div>
-        """
-        parts.append(card)
+        """)
+    return f"""<div id="quiz" class="quiz-wrap">{''.join(parts)}</div>"""
 
-    html = f"""
-    <div class="quiz-wrap">
-        {''.join(parts)}
-    </div>
-    """
-    return html
-
-# ---------- معالجة الإدخال (نص أو ملف) ----------
+# ---------- معالجة الإدخال ----------
 def build_quiz(text_area, file_path, n, model_id, zoom):
     text_area = (text_area or "").strip()
     if not text_area and not file_path:
@@ -289,27 +279,26 @@ def grade(state, answers_json):
 
     return score_md, mistakes_md
 
-# ---------- الثيم (CSS داكن حديث) ----------
+# ---------- الثيم (CSS داكن ثابت) ----------
 CSS = """
 :root{
   --bg:#0f0f0f; --panel:#1a1a1a; --card:#1b1b1b; --muted:#9aa0a6;
   --text:#f5efe6; --accent:#ff7d2d; --accent2:#ff9a55; --border:#2a2a2a;
 }
 body{direction:rtl; font-family:system-ui,'Cairo','IBM Plex Arabic',sans-serif; background:var(--bg);}
-.gradio-container{max-width:1024px;margin:0 auto;padding:8px 8px 40px;}
+.gradio-container{max-width:980px;margin:0 auto;padding:8px 8px 40px;}
 .top-title{color:#e9ded6;margin:8px 0 16px 0}
-
 .panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 20px 45px rgba(0,0,0,.4)}
 .small{opacity:.85;color:#ddd}
 
-.button-primary > button{
-  background:linear-gradient(180deg,var(--accent2),var(--accent));
-  border:none;color:#161616;font-weight:700;
-}
+.button-primary > button{background:linear-gradient(180deg,var(--accent2),var(--accent));border:none;color:#161616;font-weight:700;}
 .button-primary > button:hover{filter:brightness(.95)}
 .upload-like{border:2px dashed #ff9a5555;background:#141414;border-radius:12px;padding:10px;color:#ddd}
 
-/* حقل النص أصغر */
+/* ترتيب عمودي ثابت */
+.input-stack > div {margin-bottom:12px}
+
+/* حقل النص أصغر وثابت */
 textarea{min-height:140px}
 
 /* بطاقة السؤال */
@@ -321,8 +310,6 @@ textarea{min-height:140px}
 .opt input{accent-color:var(--accent)}
 .opt-letter{display:inline-flex;width:28px;height:28px;border-radius:8px;background:#222;align-items:center;justify-content:center;font-weight:800;color:#f1f1f1}
 .opt-text{color:#eaeaea}
-
-/* قسم النتيجة */
 .result-card{background:#121212;border:1px solid #2a2a2a;border-radius:16px;padding:16px;margin-top:18px}
 """
 
@@ -330,35 +317,30 @@ textarea{min-height:140px}
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 class='top-title'>Question Generator</h2>")
 
-    # لوحة الإدخال (ثابتة)
-    with gr.Group(elem_classes=["panel"]):
-        gr.Markdown("**ارفع ملفك أو ألصق نصًا، حدّد عدد الأسئلة، ثم اضغط توليد.**", elem_classes=["small"])
-        with gr.Row():
-            with gr.Column(scale=1):
-                file_comp = gr.File(label="اختر ملف PDF أو TXT", file_count="single",
-                                    file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
-                with gr.Accordion("خيارات متقدمة (لـ PDF المصوّر)", open=False):
-                    trocr_model = gr.Dropdown(
-                        choices=[
-                            "microsoft/trocr-base-printed",
-                            "microsoft/trocr-large-printed",
-                            "microsoft/trocr-base-handwritten",
-                            "microsoft/trocr-large-handwritten",
-                        ],
-                        value=DEFAULT_TROCR_MODEL, label="نموذج TrOCR"
-                    )
-                    trocr_zoom = gr.Slider(2.0, 3.5, value=DEFAULT_TROCR_ZOOM, step=0.1, label="Zoom OCR")
-            with gr.Column(scale=1):
-                text_area = gr.Textbox(lines=6, placeholder="ألصق هنا مقطع نصي...", label="أدخل نصًا أو ارفع ملفًا")
-                num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
+    # لوحة إدخال عمودية ثابتة (لا تتقلب)
+    with gr.Group(elem_classes=["panel","input-stack"]):
+        gr.Markdown("**أدخل نصًا أو ارفع ملفًا، حدّد عدد الأسئلة ثم اضغط توليد.**", elem_classes=["small"])
+        text_area = gr.Textbox(lines=6, placeholder="ألصق هنا مقطع نصي...", label="أدخل نصًا أو ارفع ملفًا")
+        num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
+        file_comp = gr.File(label="اختر ملف PDF أو TXT", file_count="single",
+                            file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
+        with gr.Accordion("خيارات متقدمة (لـ PDF المصوّر)", open=False):
+            trocr_model = gr.Dropdown(
+                choices=[
+                    "microsoft/trocr-base-printed",
+                    "microsoft/trocr-large-printed",
+                    "microsoft/trocr-base-handwritten",
+                    "microsoft/trocr-large-handwritten",
+                ],
+                value=DEFAULT_TROCR_MODEL, label="نموذج TrOCR"
+            )
+            trocr_zoom = gr.Slider(2.0, 3.5, value=DEFAULT_TROCR_ZOOM, step=0.1, label="Zoom OCR")
         btn_build = gr.Button("توليد الأسئلة", elem_classes=["button-primary"])
         toast = gr.Markdown("", elem_classes=["small"])
 
-    # حالة عامة + مكان عرض الاختبار
+    # حالة عامة + مكان عرض الاختبار + إرساله
     state = gr.State(None)
     quiz_html = gr.HTML("")  # كل الأسئلة ستُعرض هنا دفعة واحدة
-
-    # زر الإرسال + حقل سري لتجميع الإجابات + مكان النتيجة
     btn_submit = gr.Button("إنهاء وإرسال الإجابات", elem_classes=["button-primary"])
     answers_box = gr.Textbox(visible=False)
     score_md = gr.Markdown("")
@@ -371,9 +353,11 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
         outputs=[state, quiz_html, toast]
     )
 
-    # JS لالتقاط الإجابات من الـ HTML (جميع الأسئلة)
+    # JS لالتقاط الإجابات + سكرول للأسئلة بعد التوليد
     js_collect = """
     function () {
+      const quiz = document.getElementById('quiz');
+      if (quiz) { quiz.scrollIntoView({behavior:'smooth', block:'start'}); }
       const data = {};
       document.querySelectorAll('.q-card').forEach(card => {
         const qid = card.getAttribute('data-qid');
@@ -384,7 +368,7 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
     }
     """
 
-    # عند Submit: نجمع الإجابات بالـJS ثم نقيّمها في الباك إند
+    # Submit: نجمع الإجابات بالـJS ثم نقيّمها
     btn_submit.click(
         None, inputs=None, outputs=[answers_box], js=js_collect
     ).then(