fix: move bridge JS to demo.load() script in gr.HTML never executed

app.py

@@ -301,14 +301,7 @@ def submit_answer(question, chunk, student_answer, correct, total, language):
 # UI
 # ---------------------------------------------------------------------------
 
-print("✅ Starting Gradio app...")
-with gr.Blocks(title="PaperProf", css=CSS) as demo:
-
-    gr.HTML(CUSTOM_HTML)
-
-    gr.HTML("""
-<script>
-(function() {
+BRIDGE_JS = """() => {
     let lastStatus = '';
     let quizRevealed = false;
 
@@ -328,13 +321,10 @@ with gr.Blocks(title="PaperProf", css=CSS) as demo:
         ensureStatusBar();
         const bar = document.getElementById('gradio-status-bar');
         if (!bar) return;
-
         bar.textContent = text;
         bar.style.display = 'block';
-
-        const isError   = text.includes('⚠') || text.toLowerCase().includes('erreur');
-        const isSuccess = text.includes('📚') || text.includes('sections') || text.includes('extraites') || text.includes('extracted');
-
+        const isError   = text.includes('\\u26a0') || text.toLowerCase().includes('erreur');
+        const isSuccess = text.includes('sections') || text.includes('extraites') || text.includes('extracted') || text.includes('\\ud83d\\udcda');
         if (isError) {
             bar.style.background = 'rgba(239,68,68,0.12)';
             bar.style.border = '1px solid rgba(239,68,68,0.3)';
@@ -343,7 +333,6 @@ with gr.Blocks(title="PaperProf", css=CSS) as demo:
             bar.style.background = 'rgba(16,185,129,0.12)';
             bar.style.border = '1px solid rgba(16,185,129,0.3)';
             bar.style.color = '#6EE7B7';
-
             if (!quizRevealed) {
                 quizRevealed = true;
                 const quizCard = document.getElementById('quiz-card');
@@ -351,7 +340,6 @@ with gr.Blocks(title="PaperProf", css=CSS) as demo:
                     quizCard.classList.remove('hidden');
                     setTimeout(() => quizCard.scrollIntoView({ behavior: 'smooth', block: 'start' }), 400);
                 }
-                // Recede upload row
                 const uploadRow = document.getElementById('upload-row');
                 if (uploadRow) {
                     uploadRow.style.opacity = '0.5';
@@ -367,15 +355,19 @@ with gr.Blocks(title="PaperProf", css=CSS) as demo:
         }
     }
 
-    // Poll every 300ms — Svelte updates textarea.value as a property,
-    // which MutationObserver characterData does NOT catch.
+    // Poll every 300 ms — Svelte sets textarea.value as a JS property
+    // which characterData MutationObserver does not catch.
     setInterval(function() {
         const el = document.querySelector('#hidden-status-output textarea');
         if (el && el.value) applyStatus(el.value);
     }, 300);
-})();
-</script>
-""")
+}"""
+
+print("✅ Starting Gradio app...")
+with gr.Blocks(title="PaperProf", css=CSS) as demo:
+
+    gr.HTML(CUSTOM_HTML)
+    demo.load(None, js=BRIDGE_JS)
 
     chunks_state  = gr.State([])
     chunk_state   = gr.State("")