add scrolling to the chat, chat should automatically scroll to the newest message - Follow Up Deployment

index.html

@@ -90,7 +90,7 @@
             <p class="text-gray-400">Your personal technical sales assistant</p>
         </div>
         
-        <div id="chat-container" class="flex-1 glass-effect rounded-2xl p-4 overflow-y-auto mb-4">
+        <div id="chat-container" class="flex-1 glass-effect rounded-2xl p-4 overflow-y-auto mb-4" style="scroll-behavior: smooth;">
             <div id="chat-messages" class="space-y-4">
                 <!-- Messages will appear here -->
             </div>
@@ -255,22 +255,26 @@
             messageDiv.appendChild(messageBubble);
             chatMessages.appendChild(messageDiv);
             
-            // Smooth scroll to bottom
-            chatMessages.scrollTo({
-                top: chatMessages.scrollHeight,
-                behavior: 'smooth'
-            });
+            // Scroll to bottom with smooth behavior
+            setTimeout(() => {
+                chatMessages.scrollTo({
+                    top: chatMessages.scrollHeight,
+                    behavior: 'smooth'
+                });
+            }, 10);
             
             return messageBubble;
         }
         
         function simulateTyping(text, element, delay, callback) {
             element.textContent = text;
-            // Smooth scroll to bottom
-            chatMessages.scrollTo({
-                top: chatMessages.scrollHeight,
-                behavior: 'smooth'
-            });
+            // Scroll to bottom with smooth behavior
+            setTimeout(() => {
+                chatMessages.scrollTo({
+                    top: chatMessages.scrollHeight,
+                    behavior: 'smooth'
+                });
+            }, 10);
             if (callback) callback();
         }
         
@@ -301,11 +305,13 @@
             messageDiv.appendChild(galleryBubble);
             chatMessages.appendChild(messageDiv);
             
-            // Smooth scroll to bottom
-            chatMessages.scrollTo({
-                top: chatMessages.scrollHeight,
-                behavior: 'smooth'
-            });
+            // Scroll to bottom with smooth behavior
+            setTimeout(() => {
+                chatMessages.scrollTo({
+                    top: chatMessages.scrollHeight,
+                    behavior: 'smooth'
+                });
+            }, 10);
         }
         
         function playNextMessage() {