fix: auto-submit Q&A - stop_recording + change + JS fallback click

- .stop_recording calls handle_question_submit directly
- .change as backup with audio_path guard
- JS fallback clicks submit button 1s after stop (triple redundancy)
- Add elem_id to submit button for JS targeting

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

app.py

@@ -547,7 +547,7 @@ with gr.Blocks(title="MomsVoice", css=css_code) as demo:
                             elem_id="qa_audio_input",
                         )
                         question_text = gr.Textbox(visible=False)
-                        submit_question_btn = gr.Button("🔍 Get Answer in Narrator's Voice", variant="primary")
+                        submit_question_btn = gr.Button("🔍 Get Answer in Narrator's Voice", variant="primary", elem_id="qa_submit_btn")
 
                     answer_display = gr.HTML(visible=False)
                     answer_audio = gr.Audio(label="Answer in Narrator's Voice", interactive=False, visible=False, autoplay=True)
@@ -1097,21 +1097,28 @@ with gr.Blocks(title="MomsVoice", css=css_code) as demo:
         outputs=[answer_display, answer_audio]
     )
 
-    # Auto-submit when voice recording completes — use BOTH events for reliability
+    # Auto-submit when voice recording completes
+    # .stop_recording fires when user clicks stop
+    question_audio.stop_recording(
+        handle_question_submit,
+        inputs=[question_text, question_audio, paragraphs_state, timeline_slider, voice_profile_state],
+        outputs=[answer_display, answer_audio],
+        js="""() => {
+            // Fallback: also click the submit button after a delay in case the event doesn't process
+            setTimeout(() => {
+                const btn = document.querySelector('#qa_submit_btn');
+                if (btn) btn.click();
+            }, 1000);
+        }"""
+    )
+
+    # Also wire .change() as backup — fires when audio value updates
     def auto_submit_on_audio(audio_path, question_txt, paragraphs, slider_val, profile_id):
         """Auto-submit when a recording is available."""
         if not audio_path:
             return gr.update(), gr.update()
         return handle_question_submit(question_txt, audio_path, paragraphs, slider_val, profile_id)
 
-    # .stop_recording fires when user clicks stop or silence detected
-    question_audio.stop_recording(
-        auto_submit_on_audio,
-        inputs=[question_audio, question_text, paragraphs_state, timeline_slider, voice_profile_state],
-        outputs=[answer_display, answer_audio]
-    )
-
-    # .change fires after audio value is committed — backup in case stop_recording misses
     question_audio.change(
         auto_submit_on_audio,
         inputs=[question_audio, question_text, paragraphs_state, timeline_slider, voice_profile_state],