fix: resets audio ui when permission is denied (Chainlit#2771)

Wraps connection to microphone in a try/catch block to automatically
reset ui when permission is not granted.
Without this fix, the UI remains in loading state until the window is
refreshed.

<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Prevents the audio UI from freezing when microphone permission is denied
by catching setup errors and resetting the session. If access is
blocked, audio capture is cleaned up, the stream ends, and the UI
returns to idle.

- **Bug Fixes**
- Wrapped microphone begin/connect/record in a try/catch to handle setup
failures.
- On permission denial, safely end the recorder (ignore errors),
interrupt the player, emit audio_end, and set audioConnection to off.

<sup>Written for commit 7dbd38d.
Summary will update on new commits.</sup>

<!-- End of auto-generated description by cubic. -->

Author: eiseleMichael

libs/react-client/src/useChatSession.ts

@@ -23,9 +23,9 @@ import {
   firstUserInteraction,
   isAiSpeakingState,
   loadingState,
-  modesState,
   mcpState,
   messagesState,
+  modesState,
   resumeThreadErrorState,
   sessionIdState,
   sessionState,
@@ -40,8 +40,8 @@ import {
   IAction,
   ICommand,
   IElement,
-  IMode,
   IMessageElement,
+  IMode,
   IStep,
   ITasklistElement,
   IThread
@@ -217,20 +217,31 @@ const useChatSession = () => {
           let isFirstChunk = true;
           const startTime = Date.now();
           const mimeType = 'pcm16';
-          // Connect to microphone
-          await wavRecorder.begin();
-          await wavStreamPlayer.connect();
-          await wavRecorder.record(async (data) => {
-            const elapsedTime = Date.now() - startTime;
-            socket.emit('audio_chunk', {
-              isStart: isFirstChunk,
-              mimeType,
-              elapsedTime,
-              data: data.mono
+          try {
+            await wavRecorder.begin();
+            await wavStreamPlayer.connect();
+            await wavRecorder.record(async (data) => {
+              const elapsedTime = Date.now() - startTime;
+              socket.emit('audio_chunk', {
+                isStart: isFirstChunk,
+                mimeType,
+                elapsedTime,
+                data: data.mono
+              });
+              isFirstChunk = false;
             });
-            isFirstChunk = false;
-          });
-          wavStreamPlayer.onStop = () => setIsAiSpeaking(false);
+            wavStreamPlayer.onStop = () => setIsAiSpeaking(false);
+          } catch {
+            try {
+              await wavRecorder.end();
+            } catch {
+              // ignored
+            }
+            await wavStreamPlayer.interrupt();
+            socket.emit('audio_end');
+            setAudioConnection('off');
+            return;
+          }
         } else {
           await wavRecorder.end();
           await wavStreamPlayer.interrupt();