Update app.py

app.py

@@ -1,4 +1,5 @@
 import streamlit as st 
+import base64
 
 # At the top of file with imports
 def add_sticky_header_css():
@@ -29,47 +30,39 @@ def add_sticky_header_css():
     </style>
     """, unsafe_allow_html=True)
 
-def scroll_to_bottom():
-    # This script uses Streamlit's message system to ensure proper timing
+def auto_scroll_to_bottom():
+    # JavaScript to scroll to bottom
     js_code = """
     <script>
-        // Function to scroll to bottom
-        function scrollToBottom() {
-            // This targets Streamlit's specific structure
-            const mainContainer = window.parent.document.querySelector('.stApp');
-            if (mainContainer) {
-                mainContainer.scrollTo({
-                    top: mainContainer.scrollHeight,
-                    behavior: 'smooth'
-                });
+        // Wait for the page to fully render
+        const scrollToBottom = () => {
+            // Get the main Streamlit iframe
+            const streamlitDoc = window.parent.document;
+            // Get the app container
+            const appContainer = streamlitDoc.querySelector('.main');
+            if (appContainer) {
+                // Scroll the app container to the bottom
+                appContainer.scrollTop = appContainer.scrollHeight;
+            } else {
+                // Fallback to scrolling the entire page
+                window.parent.scrollTo(0, streamlitDoc.body.scrollHeight);
             }
-        }
+        };
         
-        // Use MutationObserver to detect when content is added
-        const observer = new MutationObserver((mutations) => {
-            scrollToBottom();
-        });
+        // Try immediately
+        scrollToBottom();
         
-        // Start observing the document body for changes
-        const streamlitDoc = window.parent.document;
-        observer.observe(streamlitDoc.body, { 
-            childList: true,
-            subtree: true 
-        });
+        // Also try after a short delay to ensure content is rendered
+        setTimeout(scrollToBottom, 200);
         
-        // Initial scroll and disconnect after some time
-        scrollToBottom();
-        setTimeout(() => {
-            observer.disconnect();
-            // One final scroll
-            scrollToBottom();
-        }, 1000);
+        // And after a longer delay just to be safe
+        setTimeout(scrollToBottom, 500);
     </script>
     """
     
-    # Use unsafe_allow_html to inject JavaScript
-    st.markdown(js_code, unsafe_allow_html=True)
-
+    # Render the JavaScript code
+    html = f'<div style="display:none">{js_code}</div>'
+    st.components.v1.html(html, height=0)
 
 # At the start of main function or execution flow
 add_sticky_header_css()