Update app.py

app.py

@@ -104,7 +104,7 @@ def respond(message, api_key, max_tokens, top_p, temperature):
 def render_message(history):
     messages_html = """
     <div id="chatbox-container" class="chatbox">
-        <div id="messages">"""
+        <div id="messages" style="scroll-behavior: smooth;">"""  
 
     for user_message, assistant_message, user_profile, assistant_profile, user_pic, assistant_pic in history:
         if user_message:
@@ -119,6 +119,14 @@ def render_message(history):
                 messages_html += f"<img src='{assistant_pic}' style='width: 40px; height: 40px; border-radius: 50%; margin-right: 10px;'>"
             messages_html += f"{assistant_message}</div><br>"
 
+    messages_html += """
+        </div>
+    </div>
+    <script>
+        var chatboxContainer = document.getElementById('chatbox-container');
+        chatboxContainer.scrollTop = chatboxContainer.scrollHeight;
+    </script>
+    """  
 
     return messages_html