Update app.py

app.py

@@ -334,11 +334,12 @@ input[type="range"]::-webkit-slider-thumb { background:#ff7d2d; }
 """
 
 
+
 # ---------- واجهة 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"])
+    gr.Markdown("<h2 class='top-title' style='text-align:center;margin-top:8px;'>Question Generator</h2>")
 
-    # القسم A: الإدخال (نص/ملف)
+    # ===== القسم A: الإدخال (نص/ملف) =====
     input_group = gr.Group(visible=True)
     with input_group:
         with gr.Row():
@@ -347,8 +348,10 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
                 text_area = gr.Textbox(lines=10, placeholder="ألصق هنا مقطع نصي...", label=None)
                 num_q = gr.Slider(4, 20, value=DEFAULT_NUM_QUESTIONS, step=1, label="عدد الأسئلة")
             with gr.Column(scale=1):
-                file_comp = gr.File(label="اختر ملفًا", file_count="single",
-                                    file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
+                file_comp = gr.File(
+                    label="اختر ملفًا", file_count="single",
+                    file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"]
+                )
                 with gr.Accordion("خيارات متقدمة (لـ PDF المصوّر)", open=False):
                     trocr_model = gr.Dropdown(
                         choices=[
@@ -362,7 +365,55 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
                     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=["soft"])
-        input_card = gr.Markdown("", visible=False)  # placeholder
+
+    # حالة عامة للاختبار
+    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(
+        build_quiz,
+        inputs=[text_area, file_comp, num_q, trocr_model, trocr_zoom],
+        outputs=[state, input_group, quiz_group, toast]
+    ).then(
+        fn=show, inputs=[state],
+        outputs=[q_md, choices, exp_md, feedback, progress]
+    )
+
+    # تفاعلات الاختبار
+    choices.change(lambda s, c: choose(s, c), inputs=[state, choices], outputs=[state, feedback])
+    btn_prev.click(prev_, inputs=[state], outputs=[state]).then(show, inputs=[state], outputs=[q_md, choices, exp_md, feedback, progress])
+    btn_next.click(next_, inputs=[state], outputs=[state]).then(show, inputs=[state], outputs=[q_md, choices, exp_md, feedback, progress])
+    btn_reveal.click(reveal, inputs=[state], outputs=[state, feedback]).then(show, inputs=[state], outputs=[q_md, choices, exp_md, feedback, progress])
+    btn_finish.click(finish, inputs=[state], outputs=[state, feedback])
+
+    # رجوع للواجهة الأولى
+    btn_reset.click(
+        lambda: (None, gr.update(visible=True), gr.update(visible=False), "", "", "", "", ""),
+        outputs=[state, input_group, quiz_group, feedback, q_md, choices, exp_md, progress]
+    )
+
+if __name__ == "__main__":
+    demo.queue().launch()
 
    # القسم B: الاختبار
 quiz_group = gr.Group(visible=False)