Fix voice interface - restore browser speech recognition

frontend/app/voice/page.tsx

@@ -15,66 +15,31 @@ export default function OraVoice() {
     const audioChunksRef = useRef<Blob[]>([]);
 
     useEffect(() => {
-        // Whisper-based recording will replace browser STT
-        // No need for webkitSpeechRecognition anymore
-    }, []);
-
-    const startWhisperRecording = async () => {
-        try {
-            setState("LISTENING");
-            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            const recorder = new MediaRecorder(stream);
-
-            audioChunksRef.current = [];
-
-            recorder.ondataavailable = (e) => {
-                audioChunksRef.current.push(e.data);
-            };
-
-            recorder.onstop = async () => {
-                const audioBlob = new Blob(audioChunksRef.current, { type: 'audio/wav' });
-                const reader = new FileReader();
-
-                reader.onloadend = async () => {
-                    const base64Audio = (reader.result as string).split(',')[1];
-
-                    // Send to Whisper for transcription
-                    const res = await fetch("/api/transcribe", {
-                        method: "POST",
-                        headers: { "Content-Type": "application/json" },
-                        body: JSON.stringify({ audio_data: base64Audio }),
-                    });
-
-                    const data = await res.json();
-                    setTranscript(data.text);
-                    handleSend(data.text);
+        // Initialize browser Speech Recognition as fallback
+        if (typeof window !== "undefined") {
+            const SpeechRecognition = (window as any).SpeechRecognition || (window as any).webkitSpeechRecognition;
+            if (SpeechRecognition) {
+                const recognition = new SpeechRecognition();
+                recognition.continuous = false;
+                recognition.lang = "en-US";
+                recognition.interimResults = false;
+
+                recognition.onstart = () => setState("LISTENING");
+
+                recognition.onresult = (event: any) => {
+                    const text = event.results[0][0].transcript;
+                    setTranscript(text);
+                    handleSend(text);
                 };
 
-                reader.readAsDataURL(audioBlob);
-                stream.getTracks().forEach(track => track.stop());
-            };
-
-            recorder.start();
-            mediaRecorderRef.current = recorder;
-
-            // Auto-stop after 10 seconds
-            setTimeout(() => {
-                if (mediaRecorderRef.current?.state === "recording") {
-                    mediaRecorderRef.current.stop();
-                }
-            }, 10000);
-
-        } catch (error) {
-            console.error("Recording error:", error);
-            setState("IDLE");
-        }
-    };
+                recognition.onend = () => {
+                    if (state === "LISTENING") setState("IDLE");
+                };
 
-    const stopWhisperRecording = () => {
-        if (mediaRecorderRef.current?.state === "recording") {
-            mediaRecorderRef.current.stop();
+                recognitionRef.current = recognition;
+            }
         }
-    };
+    }, []);
 
     const handleSend = async (text: string) => {
         setState("THINKING");
@@ -149,11 +114,8 @@ export default function OraVoice() {
 
     const toggleListen = () => {
         if (state === "IDLE") {
-            startWhisperRecording();
-        } else if (state === "LISTENING") {
-            stopWhisperRecording();
+            recognitionRef.current?.start();
         } else if (state === "SPEAKING") {
-            // Audio will stop naturally
             setState("IDLE");
         }
     };