fix: make status/question/feedback textboxes DOM-visible for JS observer

app.py

@@ -118,6 +118,18 @@ body { background: #0A0F1E !important; margin: 0 !important; }
     transition: opacity .4s ease, transform .4s ease !important;
     pointer-events: none !important;
 }
+
+/* ── CSS-only invisible textboxes (in DOM for JS, invisible to user) ────────── */
+#hidden-status-output,
+#hidden-question-output,
+#hidden-feedback-output {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    overflow: hidden !important;
+    opacity: 0 !important;
+    pointer-events: none !important;
+}
 """
 
 import pathlib
@@ -195,15 +207,19 @@ def update_ui_language(language):
 
 
 def load_pdf(pdf_file, language):
+    print(f"load_pdf called with: {pdf_file}")
     s = UI[language]
     if pdf_file is None:
         return [], s["no_file"], 0, 0
     try:
         text = extract_text(pdf_file.name)
         chunks = chunk_text(text)
+        print(f"Extracted chunks: {len(chunks)}")
     except ValueError as e:
+        print(f"load_pdf ValueError: {e}")
         return [], f"Erreur : {e}", 0, 0
     except Exception as e:
+        print(f"load_pdf Exception: {e}")
         return [], f"Erreur inattendue : {e}", 0, 0
     if not chunks:
         return [], s["no_chunks"], 0, 0
@@ -344,16 +360,16 @@ document.addEventListener('DOMContentLoaded', function() {
         language_selector = gr.Radio(["English", "Français"], value="English", label="🌐 Language", visible=False)
 
     with gr.Row():
-        load_status = gr.Textbox(label="Status", interactive=False, scale=4, elem_id="hidden-status-output", visible=False)
+        load_status = gr.Textbox(label="Status", interactive=False, scale=4, elem_id="hidden-status-output")
         score_box   = gr.Textbox(label="Score", value="—", interactive=False, scale=1, elem_id="score-box", visible=False)
 
     with gr.Row():
-        question_box = gr.Textbox(label="❓ Question", interactive=False, lines=3, scale=3, elem_id="hidden-question-output", visible=False)
+        question_box = gr.Textbox(label="❓ Question", interactive=False, lines=3, scale=3, elem_id="hidden-question-output")
         new_q_btn    = gr.Button("New Question", variant="secondary", scale=1, visible=False, elem_id="hidden-question-btn")
 
     answer_box   = gr.Textbox(label="✏️ Your Answer", lines=4, placeholder="Write your answer here…", visible=False, elem_id="hidden-answer-input")
     submit_btn   = gr.Button("Submit Answer", variant="primary", visible=False, elem_id="hidden-submit-btn")
-    feedback_box = gr.Textbox(label="💬 Feedback", interactive=False, lines=7, elem_id="hidden-feedback-output", visible=False)
+    feedback_box = gr.Textbox(label="💬 Feedback", interactive=False, lines=7, elem_id="hidden-feedback-output")
 
     # Traduction UI quand on change la langue
     language_selector.change(