Update index.html

index.html

@@ -231,6 +231,68 @@
             // Don't request permission automatically - wait for user to click button
             displayStatus('Ready - Click "Start Listening" to begin');
         };
+      function processFinalTranscript(transcript) {
+    if (!transcript || transcript === 'Listening...') return;
+    
+    console.log('Processing final transcript:', transcript);
+    
+    // Show thinking animation while processing
+    setEmotion('thinking');
+    transcriptText.textContent = 'Processing...';
+    
+    // Send the transcript to the API
+    query({ question: transcript })
+        .then(response => {
+            console.log('API response:', response);
+            
+            // Display the response
+            transcriptText.textContent = response.text;
+            
+            // Set back to default emotion
+            setEmotion('default');
+            
+            // Clear transcript after a delay
+            setTimeout(() => {
+                if (!isListening) {
+                    transcriptContainer.style.opacity = '0';
+                    setTimeout(() => {
+                        transcriptText.textContent = '';
+                    }, 300);
+                }
+            }, 5000);
+        })
+        .catch(error => {
+            console.error('API error:', error);
+            transcriptText.textContent = 'Sorry, there was an error processing your request.';
+            setEmotion('default');
+        });
+}
+
+// API query function
+async function query(data) {
+    try {
+        const response = await fetch(
+            "https://srivatsavdamaraju-flowise.hf.space/api/v1/prediction/2875301a-c26f-4bd5-ab10-71fa13393541", 
+            {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(data)
+            }
+        );
+        
+        if (!response.ok) {
+            throw new Error(`API responded with status: ${response.status}`);
+        }
+        
+        const result = await response.json();
+        return result;
+    } catch (error) {
+        console.error('API query error:', error);
+        throw error;
+    }
+}
     </script>
 </body>
 </html>