Update pages/type_text.py

pages/type_text.py

@@ -1,6 +1,5 @@
 import streamlit as st 
 import streamlit.components.v1 as components
-from streamlit_shortcuts import button, add_keyboard_shortcuts
 import pandas as pd
 from io import StringIO
 import json
@@ -9,7 +8,6 @@ from transformers import pipeline # AutoTokenizer, AutoModelForCausalLM, AutoMod
 from sentence_transformers import SentenceTransformer, util 
 import time
 import os
-import base64
 
 os.getenv("HF_TOKEN") 
 
@@ -24,122 +22,6 @@ def make_spinner(text = "In progress..."):
     with st.spinner(text):
         yield
 
-
-def scrollToBottom():
-  # JavaScript to scroll to bottom
-  JS_code = """
-  <script>
-  // Wrap the code in an Immediately Invoked Function Expression (IIFE)
-  // to create a private scope and potentially avoid conflicts.
-  (function() {
-    // Function to scroll to the bottom of a specific container
-    function scrollToBottom() {
-      console.log("Attempting to scroll container to bottom."); // Log when scroll function is called
-
-      // --- Identify the scrollable container ---
-      // Streamlit often uses a main container div. We'll try to find it.
-      // YOU NEED TO INSPECT YOUR DEPLOYED APP'S HTML TO FIND THE CORRECT SELECTOR
-      // FOR THE ELEMENT THAT ACTUALLY HAS THE SCROLLBAR.
-      //
-      // Common candidates based on Streamlit versions and structure:
-      // - '.stAppViewContainer'
-      // - '.main'
-      // - '.block-container'
-      // - Look for divs with class names starting with 'st-emotion-cache-' followed by random characters.
-      // - A div directly containing your dynamic content (check its class or ID)
-
-      // *** REPLACE THE SELECTOR BELOW with the correct one you found by inspecting your app's HTML ***
-      // Use document.querySelector('.your-class-name') for a class, or document.getElementById('your-id') for an ID.
-      const scrollableContainer = document.querySelector('.stMainBlockContainer'); // <--- REPLACE THIS ENTIRE LINE IF USING getElementById 
-      // const scrollableContainer = document.getElementById('stMainBlockContainer'); // <--- REPLACE THIS ENTIRE LINE IF USING querySelector 
-
-      if (scrollableContainer) {
-        console.log("Scrollable container found. Scrolling...");
-        // Scroll the found container to its bottom
-        scrollableContainer.scrollTo({
-          top: scrollableContainer.scrollHeight,
-          behavior: 'smooth'
-        });
-      } else {
-        console.warn("Scrollable container not found using the specified selector. Please inspect your app's HTML to find the correct class or ID.");
-        // Fallback to body scroll (less likely to work for Streamlit's main content area)
-        window.scrollTo({
-          top: document.body.scrollHeight,
-          behavior: 'smooth'
-        });
-      }
-    }
-
-    // --- Logic for handling dynamically added content ---
-
-    // Create a MutationObserver instance.
-    // This observer will watch for changes in the DOM.
-    const observer = new MutationObserver(function(mutations) {
-      console.log("MutationObserver detected changes."); // Log when observer fires
-      // Use requestAnimationFrame to ensure the scroll happens after the browser
-      // has potentially rendered the new content.
-      requestAnimationFrame(scrollToBottom);
-    });
-
-    // Configure the observer to watch for changes to the child list of the body element.
-    // We keep observing the body because Streamlit adds content there,
-    // even if a child element is the one that scrolls.
-    const config = { childList: true, subtree: true };
-
-    console.log("Starting MutationObserver on document.body."); // Log when observer starts
-    // Start observing the document body for the configured mutations.
-    observer.observe(document.body, config);
-
-    // --- Initial scroll on page load ---
-    window.addEventListener('load', function() {
-        console.log("Window loaded. Initial scroll attempt."); // Log on window load
-        requestAnimationFrame(scrollToBottom);
-    });
-
-  })(); // End of IIFE
-
-  </script>
-  """
-  # Render the JavaScript code
-  html = f'<div style="display:none">{JS_code}</div>'
-  st.components.v1.html(html, height=0, width=0)
-
-
-def auto_scroll_to_bottom():
-    # JavaScript to scroll to bottom
-    js_code = """
-    <script>
-        // 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);
-            }
-        };
-        
-        // Try immediately
-        scrollToBottom();
-        
-        // Also try after a short delay to ensure content is rendered
-        setTimeout(scrollToBottom, 200);
-        
-        // And after a longer delay just to be safe
-        setTimeout(scrollToBottom, 500);
-    </script>
-    """
-    
-    # Render the JavaScript code
-    html = f'<div style="display:none">{js_code}</div>'
-    st.components.v1.html(html, height=0)
-
-
 #@st.cache
 def convert_df(df:pd.DataFrame):
      return df.to_csv(index=False).encode('utf-8')
@@ -294,9 +176,7 @@ if INTdesc_input is not None and st.button(":blue[Map to SBS codes]", key="run_s
         dfALL = pd.concat([dfALL, pd.DataFrame([dictA])], ignore_index=True)
  
     st.dataframe(data=dfALL, hide_index=True)
-    #add_keyboard_shortcuts({'Ctrl+End': 'Map to SBS codes',})
-    scrollToBottom()
-    #auto_scroll_to_bottom() 
+    components.html(scroll_script, height=0, width=0)
 
     display_format = "ask REASONING MODEL: Which, if any, of the following SBS descriptions corresponds best to " + INTdesc_input +"? " 
     #st.write(display_format)
@@ -320,8 +200,7 @@ if INTdesc_input is not None and st.button(":blue[Map to SBS codes]", key="run_s
         max_new_tokens=256,
     )
     st.write(outputs[0]["generated_text"][-1]["content"]) 
-    scrollToBottom()
-    #auto_scroll_to_bottom()
+    #components.html(scroll_script, height=0, width=0)
     
     bs, b1, b2, b3, bLast = st.columns([0.75, 1.5, 1.5, 1.5, 0.75])
     with b1: