Update app.py

app.py

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