Update templates/index.html

templates/index.html

@@ -54,33 +54,36 @@ function chatApp() {
         
         async sendMessage() {
             if (!this.userMessage.trim()) return;
-            
+        
             let messageText = this.userMessage;
             this.messages.push({ role: 'user', text: messageText });
             this.userMessage = '';
-
+        
             let aiResponse = { role: 'ai', text: '' };
             this.messages.push(aiResponse);
-
+        
             let response = await fetch('/chat', {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json' },
                 body: JSON.stringify({ message: messageText })
             });
-
+        
             const reader = response.body.getReader();
             const decoder = new TextDecoder();
-
+            
             while (true) {
                 const { done, value } = await reader.read();
                 if (done) break;
-                aiResponse.text += decoder.decode(value, { stream: true });
+                
+                let token = decoder.decode(value, { stream: true });
+                aiResponse.text += token;
+        
+                // Trigger reactivity update
+                this.$nextTick(() => {
+                    let chatBox = document.getElementById('chatBox');
+                    chatBox.scrollTop = chatBox.scrollHeight;
+                });
             }
-
-            this.$nextTick(() => {
-                let chatBox = document.getElementById('chatBox');
-                chatBox.scrollTop = chatBox.scrollHeight;
-            });
         }
     };
 }