Update app.py

app.py

@@ -102,7 +102,10 @@ def respond(message, api_key, max_tokens, top_p, temperature):
         return history, "Error: " + response.json().get("error", "Unknown error occurred.")
 
 def render_message(history):
-    messages_html = ""
+    messages_html = """
+    <div id="chatbox-container" style="height: 400px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background-color: #f9f9f9;">
+        <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;'>"
@@ -115,9 +118,19 @@ def render_message(history):
             if assistant_pic:
                 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 chatbox = document.getElementById('chatbox-container');
+        chatbox.scrollTop = chatbox.scrollHeight;
+    </script>
+    """
+
     return messages_html
 
+
 with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #ccc; padding: 10px; background-color: #f9f9f9;}") as demo:
 
     with gr.Column(visible=True) as auth_view: