Update app.py

app.py

@@ -55,14 +55,8 @@ st.set_page_config(
 
 
 
-def get_cookie_manager():
-    """Create and return a cookie manager."""
-    return stx.CookieManager()
-
-
-    
 def create_speech_component():
-    """Create speech recognition component with reliable Streamlit communication."""
+    """Create speech recognition component with direct value monitoring."""
     
     speech_recognition_html = """
     <div style="padding: 20px;">
@@ -73,30 +67,30 @@ def create_speech_component():
         </div>
         <div id="status" style="margin: 10px 0; padding: 10px; background: #e8f5e9;">Ready</div>
         <div id="output" style="white-space: pre-wrap; padding: 15px; background: #f5f5f5; min-height: 100px; max-height: 400px; overflow-y: auto;"></div>
-        <div id="debug" style="margin-top: 10px; color: #666;"></div>
+        
+        <!-- Hidden input for Streamlit communication -->
+        <input type="hidden" id="transcript_value" name="transcript_value" value="">
         
         <script>
-            // Initialize Streamlit component communication
-            const Streamlit = window.Streamlit || {};
-    
-            // Set up base recognition
             const recognition = new (window.SpeechRecognition || window.webkitSpeechRecognition)();
             const startButton = document.getElementById('start');
             const stopButton = document.getElementById('stop');
             const clearButton = document.getElementById('clear');
             const status = document.getElementById('status');
             const output = document.getElementById('output');
-            const debug = document.getElementById('debug');
+            const transcriptInput = document.getElementById('transcript_value');
             let fullTranscript = '';
             
+            // Set up recognition
             recognition.continuous = true;
             recognition.interimResults = true;
             
-            function updateStreamlit(text) {
-                if (window.Streamlit) {
-                    window.Streamlit.setComponentValue(text);
-                    debug.textContent = `Last update: ${new Date().toLocaleTimeString()} - Length: ${text.length}`;
-                }
+            // Function to update transcript value
+            function updateTranscript(text) {
+                transcriptInput.value = text;
+                // Trigger a change event
+                const event = new Event('change', { bubbles: true });
+                transcriptInput.dispatchEvent(event);
             }
             
             startButton.onclick = () => {
@@ -104,7 +98,6 @@ def create_speech_component():
                 status.textContent = '🎤 Listening...';
                 startButton.disabled = true;
                 stopButton.disabled = false;
-                debug.textContent = 'Started listening...';
             };
             
             stopButton.onclick = () => {
@@ -112,15 +105,13 @@ def create_speech_component():
                 status.textContent = 'Stopped';
                 startButton.disabled = false;
                 stopButton.disabled = true;
-                updateStreamlit(fullTranscript);
-                debug.textContent = 'Stopped listening...';
+                updateTranscript(fullTranscript);
             };
             
             clearButton.onclick = () => {
                 fullTranscript = '';
                 output.textContent = '';
-                updateStreamlit('');
-                debug.textContent = 'Cleared transcript...';
+                updateTranscript('');
             };
             
             recognition.onresult = (event) => {
@@ -132,7 +123,7 @@ def create_speech_component():
                     if (event.results[i].isFinal) {
                         finalTranscript += transcript + ' ';
                         fullTranscript += transcript + ' ';
-                        updateStreamlit(fullTranscript);
+                        updateTranscript(fullTranscript);
                     } else {
                         interimTranscript += transcript;
                     }
@@ -145,56 +136,41 @@ def create_speech_component():
             recognition.onend = () => {
                 if (!stopButton.disabled) {
                     recognition.start();
-                    debug.textContent = 'Restarted recognition...';
-                }
-            };
-            
-            recognition.onerror = (event) => {
-                debug.textContent = `Error: ${event.error} at ${new Date().toLocaleTimeString()}`;
-                if (event.error === 'not-allowed') {
-                    startButton.disabled = false;
-                    stopButton.disabled = true;
                 }
             };
             
-            // Auto-start after component is ready
-            if (window.Streamlit) {
-                window.Streamlit.setComponentReady();
+            // Auto-start 
+            window.addEventListener('load', () => {
                 setTimeout(() => startButton.click(), 1000);
-            }
+            });
         </script>
     </div>
     """
     
-    # Create the component
-    component_value = components.html(
-        speech_recognition_html,
-        height=400
-    )
-    
-    return component_value
+    return components.html(speech_recognition_html, height=400)
 
 def integrate_speech_component():
-    """Integrate speech component with proper state management."""
+    """Integrate speech component with session state."""
     if "voice_transcript" not in st.session_state:
         st.session_state.voice_transcript = ""
         
-    # Display debug container
-    debug_container = st.empty()
-    
-    try:
-        # Get value from component
-        value = create_speech_component()
-        
-        # Update session state if we have valid data
-        if value and isinstance(value, str):
-            st.session_state.voice_transcript = value
-            debug_container.text(f"Debug: Received transcript of length {len(value)}")
-            return value
-            
-    except Exception as e:
-        st.error(f"Component error: {str(e)}")
+    # Create a container for the transcript
+    transcript_container = st.empty()
         
+    # Create the component and get value from hidden input
+    component = create_speech_component()
+    
+    # Get current transcript value
+    if component is not None:
+        st.session_state.voice_transcript = component
+        # Update display
+        transcript_container.text_area(
+            "Voice Transcript:", 
+            value=st.session_state.voice_transcript,
+            height=100,
+            key="transcript_display"
+        )
+    
     return st.session_state.voice_transcript
 
     
@@ -1016,53 +992,50 @@ def set_transcript(text):
 def main():
     st.sidebar.markdown("### 🚲BikeAI🏆 Claude and GPT Multi-Agent Research AI")
     
-    # Main navigation
     tab_main = st.radio("Choose Action:", 
-                        ["🎤 Voice Input", "💬 Chat", "📸 Media Gallery", "🔍 Search ArXiv", "📝 File Editor"],
-                        horizontal=True)
-        
+                      ["🎤 Voice Input", "💬 Chat", "📸 Media Gallery", "🔍 Search ArXiv", "📝 File Editor"],
+                      horizontal=True)
+    
     if tab_main == "🎤 Voice Input":
         st.subheader("Voice Recognition")
-    
-    try:
-        # Get transcript from the speech component
-        current_transcript = integrate_speech_component()
-        
-        # Display the transcript with live updates
-        transcript_placeholder = st.empty()
-        if current_transcript:
-            transcript_placeholder.text_area(
-                "Voice Transcript (Live)", 
-                value=current_transcript,
-                height=100
-            )
         
-        # Process buttons
-        col1, col2, col3 = st.columns(3)
+        # Debug toggle
+        show_debug = st.checkbox("Show Debug Info")
         
-        with col1:
-            if st.button("Process with GPT"):
-                if current_transcript:
-                    with st.spinner("Processing with GPT..."):
-                        gpt_response = process_with_gpt(current_transcript)
-                        st.markdown(gpt_response)
-        
-        with col2:
-            if st.button("Process with Claude"):
-                if current_transcript:
-                    with st.spinner("Processing with Claude..."):
-                        claude_response = process_with_claude(current_transcript)
-                        st.markdown(claude_response)
+        try:
+            # Get transcript
+            current_transcript = integrate_speech_component()
+            
+            if show_debug:
+                st.write("Session State:", st.session_state)
+                st.write("Current Transcript:", current_transcript)
+            
+            # Process buttons
+            if current_transcript:
+                col1, col2, col3 = st.columns(3)
+                
+                with col1:
+                    if st.button("Process with GPT"):
+                        with st.spinner("Processing with GPT..."):
+                            response = process_with_gpt(current_transcript)
+                            st.markdown(response)
+                
+                with col2:
+                    if st.button("Process with Claude"):
+                        with st.spinner("Processing with Claude..."):
+                            response = process_with_claude(current_transcript)
+                            st.markdown(response)
+                
+                with col3:
+                    if st.button("Search ArXiv"):
+                        with st.spinner("Searching ArXiv..."):
+                            results = perform_ai_lookup(current_transcript)
+                            st.markdown(results)
         
-        with col3:
-            if st.button("Search ArXiv"):
-                if current_transcript:
-                    with st.spinner("Searching ArXiv..."):
-                        arxiv_results = perform_ai_lookup(current_transcript)
-                        st.markdown(arxiv_results)
-                        
-    except Exception as e:
-        st.error(f"Error in voice input tab: {str(e)}")
+        except Exception as e:
+            st.error(f"Error in voice input: {str(e)}")
+            if show_debug:
+                st.exception(e)
             
 
     # Always show file manager in sidebar