fix: Fix audio recording resource cleanup

src/frontend/src/customization/hooks/use-custom-start-recording.ts

@@ -6,6 +6,7 @@ export const customUseStartRecording = (
   microphoneRef: MutableRefObject<MediaStreamAudioSourceNode | null>,
   analyserRef: React.MutableRefObject<AnalyserNode | null>,
   wsRef: React.MutableRefObject<WebSocket | null>,
+  mediaStreamRef: MutableRefObject<MediaStream | null>,
   setIsRecording: (isRecording: boolean) => void,
   playNextAudioChunk: () => void,
   isPlayingRef: React.MutableRefObject<boolean>,
@@ -19,6 +20,7 @@ export const customUseStartRecording = (
     microphoneRef,
     analyserRef,
     wsRef,
+    mediaStreamRef,
     setIsRecording,
     playNextAudioChunk,
     isPlayingRef,

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/hooks/use-start-recording.ts

@@ -5,6 +5,7 @@ export const useStartRecording = async (
   microphoneRef: MutableRefObject<MediaStreamAudioSourceNode | null>,
   analyserRef: MutableRefObject<AnalyserNode | null>,
   wsRef: MutableRefObject<WebSocket | null>,
+  mediaStreamRef: MutableRefObject<MediaStream | null>,
   setIsRecording: (isRecording: boolean) => void,
   playNextAudioChunk: () => void,
   isPlayingRef: MutableRefObject<boolean>,
@@ -31,6 +32,9 @@ export const useStartRecording = async (
     });
     if (!audioContextRef.current) return;
 
+    // Store the MediaStream reference so we can stop it later
+    mediaStreamRef.current = stream;
+
     microphoneRef.current =
       audioContextRef?.current?.createMediaStreamSource(stream);
     analyserRef.current = audioContextRef?.current?.createAnalyser();

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/hooks/use-stop-recording.ts

@@ -3,8 +3,17 @@ export const useStopRecording = (
   processorRef: React.MutableRefObject<AudioWorkletNode | null>,
   analyserRef: React.MutableRefObject<AnalyserNode | null>,
   wsRef: React.MutableRefObject<WebSocket | null>,
+  mediaStreamRef: React.MutableRefObject<MediaStream | null>,
   setIsRecording: (isRecording: boolean) => void,
 ) => {
+  // Stop all media stream tracks to release the microphone
+  if (mediaStreamRef.current) {
+    mediaStreamRef.current.getTracks().forEach((track) => {
+      track.stop();
+    });
+    mediaStreamRef.current = null;
+  }
+
   if (microphoneRef.current) {
     microphoneRef.current.disconnect();
     microphoneRef.current = null;

src/frontend/src/modals/IOModal/components/chatView/chatInput/components/voice-assistant/voice-assistant.tsx

@@ -59,6 +59,7 @@ export function VoiceAssistant({
   const isPlayingRef = useRef(false);
   const microphoneRef = useRef<MediaStreamAudioSourceNode | null>(null);
   const analyserRef = useRef<AnalyserNode | null>(null);
+  const mediaStreamRef = useRef<MediaStream | null>(null);
 
   const soundDetected = useVoiceStore((state) => state.soundDetected);
   const _setIsVoiceAssistantActive = useVoiceStore(
@@ -139,6 +140,7 @@ export function VoiceAssistant({
       microphoneRef,
       analyserRef,
       wsRef,
+      mediaStreamRef,
       setIsRecording,
       playNextAudioChunk,
       isPlayingRef,
@@ -155,6 +157,7 @@ export function VoiceAssistant({
       processorRef,
       analyserRef,
       wsRef,
+      mediaStreamRef,
       setIsRecording,
     );
   };