Remove microphone and audio functionality

- Remove voice chat / telephone section
- Remove audio element and mute controls
- Keep video streaming, controls, and latency monitor
- Simplify to control + listening only mode

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

index.html

@@ -280,7 +280,7 @@
             text-align: right;
         }
 
-        /* Sound & Voice */
+        /* Sound */
         .sound-row {
             display: flex;
             gap: 8px;
@@ -319,34 +319,6 @@
             color: var(--pollen-coral);
         }
 
-        .voice-section {
-            padding-top: 10px;
-            border-top: 1px solid var(--pollen-card-light);
-        }
-
-        .voice-label {
-            font-size: 0.75em;
-            color: var(--text-muted);
-            margin-bottom: 8px;
-            display: block;
-        }
-
-        .voice-buttons {
-            display: flex;
-            gap: 8px;
-        }
-
-        .voice-buttons .btn {
-            flex: 1;
-        }
-
-        #micStatus {
-            margin-top: 8px;
-            font-size: 0.75em;
-            color: var(--text-muted);
-            text-align: center;
-        }
-
         /* Action buttons */
         .action-row {
             display: flex;
@@ -443,7 +415,7 @@
                 grid-row: 2;
             }
 
-            .panel:nth-of-type(3) { /* Sound & Voice */
+            .panel:nth-of-type(3) { /* Sound */
                 grid-column: 2;
                 grid-row: 3;
             }
@@ -542,7 +514,6 @@
             <!-- Video -->
             <div class="video-container">
                 <video id="remoteVideo" autoplay playsinline></video>
-                <audio id="remoteAudio" autoplay></audio>
 
                 <div class="video-overlay-top">
                     <div class="connection-badge">
@@ -611,9 +582,9 @@
                 </div>
             </div>
 
-            <!-- Sound & Voice -->
+            <!-- Sound -->
             <div class="panel">
-                <div class="panel-header">Sound & Voice</div>
+                <div class="panel-header">Sound</div>
                 <div class="panel-content">
                     <div class="sound-row">
                         <input type="text" class="sound-input" id="soundInput" placeholder="Sound file...">
@@ -625,14 +596,6 @@
                         <span class="preset-chip" onclick="playSoundPreset('yes.wav')">yes</span>
                         <span class="preset-chip" onclick="playSoundPreset('no.wav')">no</span>
                     </div>
-                    <div class="voice-section">
-                        <label class="voice-label">Voice Chat (Telephone)</label>
-                        <div class="voice-buttons">
-                            <button class="btn btn-primary" id="btnMic" onclick="toggleMicrophone()">Enable Mic</button>
-                            <button class="btn btn-secondary" id="btnMute" onclick="toggleMute()">Unmute Robot</button>
-                        </div>
-                        <div id="micStatus"></div>
-                    </div>
                 </div>
             </div>
 
@@ -668,11 +631,7 @@
         // Head control state
         let headSlidersActive = false; // True while user is dragging a slider
 
-        // Audio state
-        let localStream = null;
-        let micEnabled = false;
-        let robotMuted = true;
-        let audioSender = null;
+        // Latency monitor
         let latencyMonitorId = null;
 
         // Export functions
@@ -683,8 +642,6 @@
         window.stopStream = stopStream;
         window.playSound = playSound;
         window.playSoundPreset = playSoundPreset;
-        window.toggleMicrophone = toggleMicrophone;
-        window.toggleMute = toggleMute;
         window.startRecording = startRecording;
         window.stopRecording = stopRecording;
 
@@ -875,18 +832,11 @@
                 if (e.track.kind === 'video') {
                     const video = document.getElementById('remoteVideo');
                     video.srcObject = e.streams[0];
-                    // Low-latency optimizations
                     video.playsInline = true;
                     if ('requestVideoFrameCallback' in video) {
-                        // Start latency monitoring
                         startLatencyMonitor(video);
                     }
                 }
-                if (e.track.kind === 'audio') {
-                    const audioEl = document.getElementById('remoteAudio');
-                    audioEl.srcObject = new MediaStream([e.track]);
-                    audioEl.muted = robotMuted;
-                }
             };
 
             peerConnection.onicecandidate = async (e) => {
@@ -930,25 +880,6 @@
                 if (msg.sdp) {
                     await peerConnection.setRemoteDescription(new RTCSessionDescription(msg.sdp));
                     if (msg.sdp.type === 'offer') {
-                        // Find the audio transceiver and change direction to sendrecv
-                        // so we can both receive robot audio AND send our mic audio
-                        const transceivers = peerConnection.getTransceivers();
-                        for (const transceiver of transceivers) {
-                            if (transceiver.receiver.track?.kind === 'audio') {
-                                transceiver.direction = 'sendrecv';
-                                audioSender = transceiver.sender;
-                                console.log('Audio transceiver set to sendrecv');
-                                break;
-                            }
-                        }
-
-                        // If no audio transceiver found, add one
-                        if (!audioSender) {
-                            const transceiver = peerConnection.addTransceiver('audio', { direction: 'sendrecv' });
-                            audioSender = transceiver.sender;
-                            console.log('Added new audio transceiver');
-                        }
-
                         const answer = await peerConnection.createAnswer();
                         await peerConnection.setLocalDescription(answer);
                         await sendToServer({ type: 'peer', sessionId: currentSessionId, sdp: { type: 'answer', sdp: answer.sdp } });
@@ -991,9 +922,7 @@
             peerConnection = null;
             dataChannel = null;
             currentSessionId = null;
-            audioSender = null;
             document.getElementById('remoteVideo').srcObject = null;
-            document.getElementById('remoteAudio').srcObject = null;
             document.getElementById('startBtn').disabled = !selectedProducerId;
             document.getElementById('stopBtn').disabled = true;
             document.getElementById('robotSelector').classList.remove('hidden');
@@ -1137,7 +1066,7 @@
             });
         }
 
-        // ===================== Sound & Voice =====================
+        // ===================== Sound =====================
         function playSound() {
             const file = document.getElementById('soundInput').value.trim();
             if (file) sendCommand({ play_sound: file });
@@ -1148,61 +1077,6 @@
             sendCommand({ play_sound: file });
         }
 
-        async function toggleMicrophone() {
-            const btn = document.getElementById('btnMic');
-            const status = document.getElementById('micStatus');
-
-            if (micEnabled) {
-                if (localStream) localStream.getTracks().forEach(t => t.stop());
-                localStream = null;
-                if (audioSender) await audioSender.replaceTrack(null);
-                micEnabled = false;
-                btn.textContent = 'Enable Mic';
-                btn.classList.remove('btn-danger');
-                btn.classList.add('btn-primary');
-                status.textContent = '';
-            } else {
-                try {
-                    localStream = await navigator.mediaDevices.getUserMedia({
-                        audio: { echoCancellation: true, noiseSuppression: true, autoGainControl: true }
-                    });
-                    console.log('Got mic stream:', localStream.getAudioTracks()[0].label);
-                    console.log('audioSender exists:', !!audioSender);
-                    if (audioSender) {
-                        await audioSender.replaceTrack(localStream.getAudioTracks()[0]);
-                        console.log('Track replaced on sender');
-                        // Log connection state
-                        console.log('PeerConnection state:', peerConnection?.connectionState);
-                        console.log('ICE state:', peerConnection?.iceConnectionState);
-                        // Log all transceivers
-                        peerConnection?.getTransceivers().forEach((t, i) => {
-                            console.log(`Transceiver ${i}: kind=${t.receiver.track?.kind}, direction=${t.direction}, currentDirection=${t.currentDirection}`);
-                        });
-                    } else {
-                        console.error('No audioSender available!');
-                    }
-                    micEnabled = true;
-                    btn.textContent = 'Disable Mic';
-                    btn.classList.remove('btn-primary');
-                    btn.classList.add('btn-danger');
-                    status.textContent = 'Speaking to robot...';
-                    status.style.color = 'var(--success)';
-                } catch (e) {
-                    status.textContent = 'Mic access denied';
-                    status.style.color = 'var(--danger)';
-                }
-            }
-        }
-
-        function toggleMute() {
-            robotMuted = !robotMuted;
-            document.getElementById('remoteAudio').muted = robotMuted;
-            const btn = document.getElementById('btnMute');
-            btn.textContent = robotMuted ? 'Unmute Robot' : 'Mute Robot';
-            btn.classList.toggle('btn-secondary', robotMuted);
-            btn.classList.toggle('btn-danger', !robotMuted);
-        }
-
         function startRecording() { sendCommand({ start_recording: true }); }
         function stopRecording() { sendCommand({ stop_recording: true }); }
     </script>