Update index.html

index.html

@@ -243,7 +243,7 @@
         </main>
 
         <footer class="text-center text-sm opacity-50 mt-8">
-            <p>Powered by <span class="glow-text text-blue-400">Nebula AI</span> | v1.2.4</p>
+            <p>Powered by <span class="glow-text text-blue-400">Nebula AI</span> | v1.2.5</p>
         </footer>
     </div>
 
@@ -392,17 +392,29 @@
             recognition.continuous = true;
             recognition.interimResults = false;
 
-            recognition.onresult = async (event) => {
+            recognition.onresult = (event) => {
                 const transcript = event.results[event.results.length - 1][0].transcript.trim();
                 if (transcript && transcript !== lastTranscript) {
-                    $('#lastObjection').textContent = transcript;
                     lastTranscript = transcript;
-                    await generateResponse(transcript);
+                    $('#lastObjection').textContent = transcript;
+                    
+                    // Force a restart to ensure continuous listening
+                    recognition.abort();
+
+                    // Process the response in the background
+                    generateResponse(transcript);
                 }
             };
 
             recognition.onerror = (event) => {
                 console.error('Speech recognition error:', event.error);
+                if (event.error === 'no-speech') {
+                    // Ignore no-speech errors and just restart
+                    if (isListening) {
+                        recognition.start();
+                    }
+                    return;
+                }
                 if(event.error === 'not-allowed' || event.error === 'service-not-allowed') {
                     showCustomAlert('Microphone access was denied. Please allow microphone access in your browser settings to use this feature.');
                     stopListening();
@@ -413,7 +425,12 @@
 
             recognition.onend = () => {
                 if (isListening) {
-                    recognition.start();
+                    console.log('Recognition ended, restarting...');
+                    try {
+                        recognition.start();
+                    } catch(e) {
+                        console.error("Error restarting recognition:", e);
+                    }
                 }
             };
         }
@@ -454,7 +471,8 @@
             const replyElement = $('#reply');
             replyElement.textContent = 'Thinking...';
             replyElement.classList.add('pulse');
-            uiStateManager.update(uiStateManager.states.PROCESSING);
+            // We don't set UI state to processing to keep the "Listening" state active
+            // uiStateManager.update(uiStateManager.states.PROCESSING);
 
             try {
                 const reply = await generateApiResponse(text, appState.systemPrompt); 
@@ -462,11 +480,17 @@
             } catch (error) {
                 console.error('Error generating response:', error);
                 replyElement.textContent = `❌ Error: ${error.message}`;
+                // Briefly show error state before returning to listening
                 uiStateManager.update(uiStateManager.states.ERROR);
+                setTimeout(() => {
+                   if(isListening) uiStateManager.update(uiStateManager.states.LISTENING);
+                }, 2000);
             } finally {
                 replyElement.classList.remove('pulse');
+                // Ensure UI is back to listening if it's supposed to be
                 if (isListening) {
                      uiStateManager.update(uiStateManager.states.LISTENING);
+                     $('#lastObjection').textContent = 'Listening for next phrase...';
                 } else {
                      uiStateManager.update(uiStateManager.states.READY);
                 }