Update app.py

app.py

@@ -158,9 +158,87 @@ elif page == "Semantic Search":
         user_role = st.selectbox("Your Role", USER_ROLES, key="sem_role")
     with col4:
         explanation_language = st.selectbox("Explanation Language", EXPLANATION_LANGUAGES, key="sem_expl")
-    question = st.text_input("Ask a question about your code")
-    st.caption("Example questions:")
-    st.write(", ".join(EXAMPLE_QUESTIONS))
+    # Initialize session state variables for voice input and auto run
+    if "voice_question" not in st.session_state:
+        st.session_state.voice_question = ""
+    if "auto_run_search" not in st.session_state:
+        st.session_state.auto_run_search = False
+
+    # Container for question input and voice button
+    col_question, col_voice = st.columns([8,1])
+    with col_question:
+        question = st.text_input("Ask a question about your code", value=st.session_state.voice_question, key="question_input")
+    with col_voice:
+        # Microphone button with custom HTML and JS for voice input
+        st.markdown(
+            """
+            <button id="mic-btn" title="Click to speak" style="height:38px; width:38px; font-size:20px;">🎤</button>
+            <script>
+            const micBtn = window.parent.document.querySelector('#mic-btn');
+            const streamlitDoc = window.parent.document;
+
+            // Use Web Speech API for voice recognition
+            const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+            if (SpeechRecognition) {
+                const recognition = new SpeechRecognition();
+                recognition.lang = 'en-US';
+                recognition.interimResults = false;
+                recognition.maxAlternatives = 1;
+
+                micBtn.onclick = () => {
+                    recognition.start();
+                    micBtn.textContent = '🎙️';
+                };
+
+                recognition.onresult = (event) => {
+                    const transcript = event.results[0][0].transcript;
+                    // Send transcript to Streamlit via custom event
+                    const inputEvent = new CustomEvent("voiceInput", {detail: transcript});
+                    streamlitDoc.dispatchEvent(inputEvent);
+                    micBtn.textContent = '🎤';
+                };
+
+                recognition.onerror = (event) => {
+                    console.error('Speech recognition error', event.error);
+                    micBtn.textContent = '🎤';
+                };
+            } else {
+                micBtn.disabled = true;
+                micBtn.title = "Speech Recognition not supported in this browser.";
+            }
+            </script>
+            """,
+            unsafe_allow_html=True
+        )
+
+    # Listen for the custom event and update session state via Streamlit's experimental_rerun hack
+    # This requires a small hack using st.experimental_get_query_params and st.experimental_set_query_params
+    # We will use st.experimental_get_query_params to detect voice input from URL params
+
+    # 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()
+
+    # Run semantic search automatically if flag is set
+    if st.session_state.auto_run_search:
+        st.session_state.auto_run_search = False
+        if not code_input.strip() or not st.session_state.voice_question.strip():
+            st.error("Both code and question are required.")
+        elif not code_matches_language(code_input, programming_language):
+            st.error(f"Language mismatch. Please check your code and language selection.")
+        else:
+            with st.spinner("Running Semantic Search..."):
+                answer = call_groq_api(f"{st.session_state.voice_question}\n\nCode:\n{code_input}")
+                st.success("Answer:")
+                st.write(answer)
+
+    # Also keep the manual button for fallback
     if st.button("Run Semantic Search"):
         if not code_input.strip() or not question.strip():
             st.error("Both code and question are required.")
@@ -170,4 +248,4 @@ elif page == "Semantic Search":
             with st.spinner("Running Semantic Search..."):
                 answer = call_groq_api(f"{question}\n\nCode:\n{code_input}")
                 st.success("Answer:")
-                st.write(answer)
+                st.write(answer)