fix: simplify AudioData playback with direct copyTo approach

- Rename playAudioData to playAudioDataDirect for clarity
- Remove duplicate playAudioData function with debug logging
- Use direct copyTo into temp Float32Array per channel
- Check isListening state in output callback

package.json

@@ -33,6 +33,7 @@
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "sodium-native": "^4.3.2",
+    "tone": "^15.1.22",
     "ws": "^8.20.1",
     "zod": "^4.4.3"
   },

public/dashboard.js

@@ -437,7 +437,7 @@ const state = {
       }
       try {
         state.opusDecoder = new AudioDecoder({
-          output: (audioData) => playAudioData(audioData),
+          output: (audioData) => playAudioDataDirect(audioData),
           error: (error) => {
             console.error('Opus decode error:', error);
             showError(`Opus decode error: ${error.message}`);
@@ -458,34 +458,8 @@ const state = {
       }
     }
 
-    function decodeOpus(opusBuffer) {
+    function playAudioDataDirect(audioData) {
-      if (!state.isListening || !state.opusDecoderReady) {
+      if (!state.audioContextListen || !state.isListening) {
-        if (state.isListening) {
-          state.opusDecodeQueue.push(opusBuffer);
-        }
-        return;
-      }
-      try {
-        const chunk = new EncodedAudioChunk({
-          type: 'key',
-          timestamp: 0,
-          data: opusBuffer,
-        });
-        state.opusDecoder.decode(chunk);
-      } catch (error) {
-        console.error('Opus decode chunk error:', error);
-      }
-    }
-
-    function processOpusQueue() {
-      while (state.opusDecodeQueue.length > 0 && state.opusDecoderReady) {
-        const buffer = state.opusDecodeQueue.shift();
-        decodeOpus(buffer);
-      }
-    }
-
-    function playAudioData(audioData) {
-      if (!state.audioContextListen) {
         audioData.close();
         return;
       }
@@ -517,6 +491,32 @@ const state = {
       }
     }
 
+    function decodeOpus(opusBuffer) {
+      if (!state.isListening || !state.opusDecoderReady) {
+        if (state.isListening) {
+          state.opusDecodeQueue.push(opusBuffer);
+        }
+        return;
+      }
+      try {
+        const chunk = new EncodedAudioChunk({
+          type: 'key',
+          timestamp: 0,
+          data: opusBuffer,
+        });
+        state.opusDecoder.decode(chunk);
+      } catch (error) {
+        console.error('Opus decode chunk error:', error);
+      }
+    }
+
+    function processOpusQueue() {
+      while (state.opusDecodeQueue.length > 0 && state.opusDecoderReady) {
+        const buffer = state.opusDecodeQueue.shift();
+        decodeOpus(buffer);
+      }
+    }
+
     function playPcm(arrayBuffer) {
       if (!state.audioContextListen) return;
       const bytes = new Uint8Array(arrayBuffer);