Update app.py

app.py

@@ -279,13 +279,12 @@ textarea{min-height:120px}
 # ------------------ JS: ربط Submit بعد الرندر (مع Output مخفي لضمان التنفيذ) ------------------
 ATTACH_LISTENERS_JS = """
 () => {
-  // اربط مرة واحدة فقط على مستوى الوثيقة (تفويض أحداث)
-  if (window.__q_submit_bound_multi) { return 'already'; }
-  window.__q_submit_bound_multi = true;
+  // اربط مرة واحدة فقط
+  if (window.__q_submit_bound_multi2) { return 'already'; }
+  window.__q_submit_bound_multi2 = true;
 
   document.addEventListener('click', function(e){
-    if (!e.target || !e.target.classList) return;
-    if (!e.target.classList.contains('q-submit')) return;
+    if (!e.target || !e.target.classList || !e.target.classList.contains('q-submit')) return;
 
     const card    = e.target.closest('.q-card');
     if (!card) return;
@@ -303,28 +302,30 @@ 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');
-    chosen.disabled = true;               // قفل هذا الخيار الخاطئ فقط
+    // حالة خاطئة: لوّن أحمر فقط، ولا تعطل أي شيء — ليقدر يجرّب خيار آخر
+    chosenLabel.classList.add('err');         // اتركه أحمر
     if (badge){ badge.hidden=false; badge.className='q-badge err'; badge.textContent='Incorrect.'; }
-    if (note) note.textContent = '';      // امسح تنبيه "اختر إجابة أولاً" إن كان موجودًا
+    if (note) note.textContent = '';
+    // مهم: لا تعطّل الراديو ولا الزر
   });
 
-  return 'wired-multi';
+  return 'wired-multi2';
 }
 """
 
 
+
 # ------------------ واجهة Gradio ------------------
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 class='top'>Question Generator</h2>")