Update app.py

app.py

@@ -205,7 +205,7 @@ def render(rec, user=None, revealed=False):
         fb = "✅ إجابة صحيحة" if user == correct_letter(rec) else f"❌ إجابة خاطئة — الصحيح: {correct_letter(rec)}"
     elif user:
         fb = f"تم اختيار: {user}"
-    # لا نضبط value حتى لا يطلب منك مطابقة نص الخيار بالضبط
+    # مهم: تحديث الـRadio بشكل صريح
     ch_update = gr.update(choices=ch_list, value=None, interactive=True)
     return q_md, ch_update, exp, fb
 
@@ -213,11 +213,16 @@ def show(state):
     if not state:
         return "", gr.update(choices=[], value=None), "", "", ""
     rec = state["records"][state["idx"]]
-    q, ch_update, exp, fb = render(rec, state["answers"].get(rec["id"]), rec["id"] in state["revealed"])
+    q, ch_update, exp, fb = render(
+        rec,
+        state["answers"].get(rec["id"]),
+        rec["id"] in state["revealed"]
+    )
     pos = f"{state['idx']+1} / {len(state['records'])}"
     return q, ch_update, exp, fb, pos
 
 
+
 def choose(state, label):
     if not state or not label: return state, ""
     rec = state["records"][state["idx"]]
@@ -275,21 +280,60 @@ def build_quiz(text_area, file_path, n, model_id, zoom):
 
 # ---------- الثيم (CSS مطابق للصورة تقريبًا) ----------
 CSS = """
-body {direction:rtl; font-family: system-ui,'Cairo','IBM Plex Arabic',sans-serif; background: radial-gradient(1200px 500px at 50% -100px,#fff7ef,#e9d8c9);}
-.gradio-container {max-width: 980px; margin: 0 auto;}
-.card {background:#fff; border-radius:20px; padding:22px; box-shadow:0 25px 45px rgba(0,0,0,.07); color:#2b211a;}
-.card * {color:#2b211a !important;}
-.card h1,.card h2,.card h3 {margin-top:0; color:#2b211a !important;}
-.card p {font-size:1.05rem; line-height:1.8; word-wrap:break-word; overflow-wrap:anywhere;}
-.button-primary > button {background: linear-gradient(180deg,#d9a978,#c98f65); border:none; color:#22150d;}
-.button-primary > button:hover {filter:brightness(0.95);}
-.soft {opacity:.8;}
-.upload-like {border:2px dashed #d9a97855; background:#fffaf3; border-radius:16px; padding:14px;}
-.progress {text-align:left; opacity:.75}
-.radio .wrap label {text-align:right; justify-content:flex-end;}
-.radio .wrap label span {font-size:1.02rem;}
+/* خلفية داكنة ولمسة دافئة */
+body {
+  direction: rtl;
+  font-family: system-ui,'Cairo','IBM Plex Arabic',sans-serif;
+  background:#0f0f0f;
+}
+
+/* عرض مناسب */
+.gradio-container { max-width: 980px; margin: 0 auto; }
+
+/* كارت رئيسي داكن ونص فاتح واضح */
+.card {
+  background:#1b1b1b;
+  border-radius:20px;
+  padding:24px;
+  box-shadow:0 25px 45px rgba(0,0,0,.5);
+  color:#f5efe6;
+}
+.card * { color:#f5efe6 !important; }
+.card h1,.card h2,.card h3 { margin-top:0; }
+
+/* نص السؤال أكبر وتباعد مريح */
+.card p { font-size:1.12rem; line-height:1.9; word-wrap:break-word; overflow-wrap:anywhere; }
+
+/* زر أساسي بلون برتقالي دافئ */
+.button-primary > button {
+  background: linear-gradient(180deg,#ff9a55,#ff7d2d);
+  border:none; color:#1b1b1b; font-weight:700;
+}
+.button-primary > button:hover { filter:brightness(0.95); }
+
+/* صندوق الرفع */
+.upload-like {
+  border:2px dashed #ff9a5555; background:#161616;
+  border-radius:16px; padding:14px; color:#ddd;
+}
+
+/* سلايدر وأزرار داكنة متناسقة */
+input[type="range"]::-webkit-slider-thumb { background:#ff7d2d; }
+.gr-button { background:#2a2a2a; color:#eaeaea; border:none; }
+.gr-button:hover { filter:brightness(1.08); }
+
+/* خيارات الراديو */
+.radio .wrap label { text-align:right; justify-content:flex-end; }
+.radio .wrap label span { font-size:1.05rem; }
+
+/* شريط التقدم */
+.progress { text-align:left; opacity:.85; color:#cfcfcf; }
+
+/* عنوان أعلى الصفحة */
+.top-title { color:#e9ded6; }
 """
 
+
 # ---------- واجهة Gradio ----------
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 style='text-align:center;margin-top:8px;'>Question Generator</h2>", elem_classes=["soft"])
@@ -320,25 +364,25 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
         toast = gr.Markdown("", elem_classes=["soft"])
         input_card = gr.Markdown("", visible=False)  # placeholder
 
-    # القسم B: الاختبار
-    quiz_group = gr.Group(visible=False)
-    with quiz_group:
-        with gr.Row():
-            progress = gr.Label("", elem_classes=["progress"])
-        with gr.Row():
-            with gr.Column():
-                q_md = gr.Markdown("", elem_classes=["card"])
-                choices = gr.Radio(choices=[], label="اختر الإجابة", interactive=True, elem_classes=["radio"])
-                feedback = gr.Markdown("")
-                exp_md = gr.Markdown("")
-        with gr.Row():
-            btn_prev = gr.Button("السابق")
-            btn_next = gr.Button("التالي")
-            btn_reveal = gr.Button("إظهار الإجابة")
-            btn_finish = gr.Button("إنهاء الاختبار", elem_classes=["button-primary"])
-            btn_reset = gr.Button("العودة للواجهة", variant="secondary")
-
-    state = gr.State(None)
+   # القسم B: الاختبار
+quiz_group = gr.Group(visible=False)
+with quiz_group:
+    with gr.Row():
+        progress = gr.Label("", elem_classes=["progress"])
+    with gr.Row():
+        with gr.Column():
+            # ---------- مكونات عرض السؤال ----------
+            q_md     = gr.Markdown("", elem_classes=["card"])
+            choices  = gr.Radio(choices=[], label="اختر الإجابة", interactive=True, elem_classes=["radio"])
+            feedback = gr.Markdown("")
+            exp_md   = gr.Markdown("")
+
+    with gr.Row():
+        btn_prev   = gr.Button("السابق")
+        btn_next   = gr.Button("التالي")
+        btn_reveal = gr.Button("إظهار الإجابة")
+        btn_finish = gr.Button("إنهاء الاختبار", elem_classes=["button-primary"])
+        btn_reset  = gr.Button("العودة للواجهة", variant="secondary")
 
     # بناء الاختبار من الإدخال
     btn_build.click(