Update app.py

app.py

@@ -42,29 +42,64 @@ def get_voice_transcription(state_key):
     """
     if state_key not in st.session_state:
         st.session_state[state_key] = ""
+    
     # Use a unique key for the recorder widget
     audio_bytes = audio_recorder(key=state_key + "_audio", 
-                                 pause_threshold=0.8,
-                                 text="Speak to type",
-                                 recording_color="#e8b62c",
-                                 neutral_color="#6aa36f")
+                               pause_threshold=0.8,
+                               text="Speak to type",
+                               recording_color="#e8b62c",
+                               neutral_color="#6aa36f")
+    
     if audio_bytes:
         current_hash = hashlib.md5(audio_bytes).hexdigest()
         last_hash_key = state_key + "_last_hash"
+        
         if st.session_state.get(last_hash_key, "") != current_hash:
-            st.session_sta
-            te[last_hash_key] = current_hash
+            st.session_state[last_hash_key] = current_hash
+            
+            # Create a status element
+            status = st.empty()
             try:
-                with st.spinner('🔊 Processing your voice...'):
-                    audio_input = process_audio(audio_bytes)
-                    whisper = load_voice_model()
-                    transcribed_text = whisper(audio_input)["text"]
-                    st.info(f"📝 Transcribed: {transcribed_text}")
-                    # Append (or set) new transcription
-                    st.session_state[state_key] += (" " + transcribed_text).strip()
-                    st.experimental_rerun()
-                except Exception as e:
-                    st.error(f"Voice input error: {str(e)}")
+                # Show loading message
+                status.markdown("""
+                <div style="display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem; 
+                           background: #f0f2f6; border-radius: 8px;">
+                    <div class="loader"></div>
+                    <span>Processing your voice...</span>
+                </div>
+                <style>
+                    .loader {
+                        border: 3px solid #f3f3f3;
+                        border-radius: 50%;
+                        border-top: 3px solid #6C63FF;
+                        width: 20px;
+                        height: 20px;
+                        animation: spin 1s linear infinite;
+                    }
+                    @keyframes spin {
+                        0% { transform: rotate(0deg); }
+                        100% { transform: rotate(360deg); }
+                    }
+                </style>
+                """, unsafe_allow_html=True)
+                
+                # Process audio
+                audio_input = process_audio(audio_bytes)
+                whisper = load_voice_model()
+                transcribed_text = whisper(audio_input)["text"]
+                
+                # Clear loading and show result
+                status.empty()
+                st.info(f"📝 Transcribed: {transcribed_text}")
+                
+                # Update session state
+                st.session_state[state_key] += (" " + transcribed_text).strip()
+                st.experimental_rerun()
+                
+            except Exception as e:
+                status.empty()
+                st.error(f"Voice input error: {str(e)}")
+    
     return st.session_state[state_key]
 
 ######################################