Update app.py

app.py

@@ -23,22 +23,7 @@ def on_submit(user_msg: str, chat_history: list[tuple[str, str]]):
     assistant_reply = "Ceci est une réponse de démonstration.\n\nConfirmez-vous l’action ?"
     chat_history = chat_history + [(user_msg, assistant_reply)]
 
-    # 👉 Ouvre la popup en manipulant #confirm-modal directement (sans dépendre de showModal)
-    open_popup_js = """
-    (function openWhenReady(){
-      var start = Date.now();
-      (function tick(){
-        var modal = document.getElementById('confirm-modal');
-        if (modal) {
-          modal.style.display = 'flex';
-          document.body.style.overflow = 'hidden';
-          return;
-        }
-        if (Date.now() - start < 5000) { setTimeout(tick, 60); }
-      })();
-    })();
-    """
-    return chat_history, "", {"js": open_popup_js}  # clear textbox
+    return chat_history, ""
 
 # 3) Injection au chargement : HTML/CSS + helper setGradioValue (pas de showModal requis)
 def inject_assets():
@@ -111,8 +96,23 @@ with gr.Blocks(title="Démo Chat + Popup", fill_height=True) as demo:
     bridge_choice = gr.Textbox(visible=True, elem_id="bridge-choice")
 
     # A) Soumission -> affiche (user, question) + demande au client d'ouvrir la popup
-    user_in.submit(fn=on_submit, inputs=[user_in, chat],
-                   outputs=[chat, user_in, html_injector])
+    user_in.submit(fn=on_submit, 
+                   inputs=[user_in, chat],
+                   outputs=[chat, user_in], 
+                   js="""
+    () => {
+      const start = Date.now();
+      (function tick(){
+        const modal = document.getElementById('confirm-modal');
+        if (modal) {
+          modal.style.display = 'flex';
+          document.body.style.overflow = 'hidden';
+          return;
+        }
+        if (Date.now() - start < 3000) setTimeout(tick, 60);
+      })();
+    }
+    """)
 
     # B) Clic Oui/Non -> ajoute (Oui/Non, confirmation)
     bridge_choice.change(fn=handle_choice, inputs=[bridge_choice, chat],