Update app.py

app.py

@@ -105,6 +105,7 @@ def render_message(history):
     messages_html = """
     <div id="chatbox-container" class="chatbox">
         <div id="messages">""" 
+
     for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history:
         if user_message:
             messages_html += f"<div style='display: flex; align-items: center; margin-bottom: 10px;'>"
@@ -123,25 +124,18 @@ def render_message(history):
     </div>
 
     <script>
-        function appendMessage(newContent) {
+        function scrollToBottom() {
             var chatbox = document.getElementById('chatbox-container');
-            var messages = document.getElementById('messages');
-
-            messages.innerHTML += newContent;
-
-            if (chatbox.scrollHeight - chatbox.scrollTop === chatbox.clientHeight) {
-                chatbox.scrollTop = messages.scrollHeight;
-            }
+            setTimeout(function() {
+                chatbox.scrollTop = chatbox.scrollHeight;
+            }, 500); 
         }
 
-        var newMessageContent = `""" + messages_html + """`;
-        appendMessage(newMessageContent);
-
         window.onload = function() {
-            var chatbox = document.getElementById('chatbox-container');
-            var messages = document.getElementById('messages');
-            chatbox.scrollTop = messages.scrollHeight;  // Ensure it scrolls to the bottom on load
+            scrollToBottom();
         };
+
+        scrollToBottom();
     </script>
     """