Update app.py

app.py

@@ -194,12 +194,10 @@ elif page == "Semantic Search":
 
                 recognition.onresult = (event) => {
                     const transcript = event.results[0][0].transcript;
-                    // Send transcript to Streamlit by updating the input field
-                    const inputBox = window.parent.document.querySelector('input[data-key="question_input"]');
-                    if (inputBox) {
-                        inputBox.value = transcript;
-                        inputBox.dispatchEvent(new Event('input', { bubbles: true }));
-                    }
+                    // Update URL query parameter with recognized text
+                    const url = new URL(window.location);
+                    url.searchParams.set('voice_input', transcript);
+                    window.history.replaceState(null, '', url);
                     micBtn.textContent = '🎤';
                 };
 
@@ -214,10 +212,15 @@ elif page == "Semantic Search":
             scrolling=False,
         )
 
-    # Update session state voice_question if question input changed manually or by voice
-    if question != st.session_state.voice_question:
-        st.session_state.voice_question = question
-        st.session_state.auto_run_search = True
+    # Check if voice input is passed via query params
+    query_params = st.experimental_get_query_params()
+    if "voice_input" in query_params:
+        voice_text = query_params["voice_input"][0]
+        if voice_text != st.session_state.voice_question:
+            st.session_state.voice_question = voice_text
+            st.session_state.auto_run_search = True
+            # Clear the query param to avoid repeated triggers
+            st.experimental_set_query_params()
 
     # Automatically run semantic search if flag is set
     if st.session_state.auto_run_search: