Update app.py

app.py

@@ -130,25 +130,30 @@ def render_message(history):
 js = """
 function Scrolldown() {
     let targetNode = document.querySelector('#chatbox-container');
-
+    
     if (!targetNode) {
         console.log("Chatbox container not found, retrying in 1 second...");
         setTimeout(Scrolldown, 1000);  
         return;
     }
 
-    console.log("Chatbox container found, starting observer");
-
+    console.log("Chatbox container found, setting up observer");
+    
     const config = { childList: true, subtree: true };  
+    
     const callback = (mutationList, observer) => {
         targetNode.scrollTop = targetNode.scrollHeight;
     };
+
     const observer = new MutationObserver(callback);
     observer.observe(targetNode, config);
 }
 
-Scrolldown();
+document.addEventListener("DOMContentLoaded", Scrolldown);
 """
+
+with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #262626; padding:
+
 with gr.Blocks(css=".chatbox {height: 400px; overflow-y: auto; border: 1px solid #262626; padding: 10px; background-color: #171717;}", js=js) as demo:
 
     with gr.Column(visible=True) as auth_view: