Update app.py

app.py

@@ -1,78 +1,56 @@
 import streamlit as st
-import time # Import time for simulating a running task
 
-# --- Custom CSS for Sticky Header ---
+# --- Page Configuration ---
+# This sets the title and icon that appear in the default header
+st.set_page_config(
+    page_title="SBS V2.0 mapper", # This title will appear in the sticky header
+    page_icon=":material/keyboard:", # This icon can also appear in the header
+    layout="wide" # Optional: Use wide layout
+)
+
+# --- Custom CSS for Sticky Default Header ---
 st.markdown("""
 <style>
-    /* Make the custom header container sticky */
-    .sticky-header {
+    /* Make the default Streamlit header sticky */
+    header {
         position: sticky;
-        top: 0;
-        background-color: white; /* Or your preferred header background color */
-        padding: 10px 0; /* Adjust padding as needed */
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
-        z-index: 999; /* Ensure the header stays on top */
-    }
-
-    /* Style for the status indicator */
-    .status-indicator {
-        margin-left: 20px; /* Adjust spacing */
-        font-weight: bold;
-    }
-
-    .status-running {
-        color: orange;
-    }
-
-    .status-complete {
-        color: green;
+        top: 0; /* Stick to the top edge */
+        z-index: 100; /* Ensure the header is above other content */
+        background-color: rgb(240, 242, 246); /* Match Streamlit's default header background color */
+        /* Add padding if needed, though sticky often works well with default layout */
+        /* padding-top: 1rem; */
+        /* padding-bottom: 1rem; */
     }
 
-    .status-error {
-        color: red;
+    /* Optional: Add some padding to the top of the main content
+               so it doesn't start hidden behind the sticky header */
+    /* This might be handled automatically by position: sticky, but can help if needed */
+    /*
+    .stApp > div:first-child {
+        padding-top: XXpx; // Replace XX with the height of your header
     }
+    */
 </style>
 """, unsafe_allow_html=True)
 
-# --- Sticky Header Content ---
-# Use a container for the sticky header
-header_container = st.container()
-
-with header_container:
-    col1, col2 = st.columns([1, 5]) # Adjust column ratios as needed
-    with col1:
-        st.logo(image="images/menu_book_60dp_75FBFD.png")
-    with col2:
-        st.title("Map descriptions to SBS codes") # Your app title
-        # Placeholder for the status indicator
-        status_placeholder = st.empty()
+# --- App Content (will scroll below the sticky header) ---
 
-# Add spacing below the sticky header to prevent content from being hidden
-st.markdown("""<div style="height: 120px;"></div>""", unsafe_allow_html=True) # Adjust height based on your header size
+# The logo placed here will likely appear in the sidebar or main body,
+# not in the sticky default header. Use st.set_page_config for the header icon.
+st.logo(image="images/menu_book_60dp_75FBFD.png")
 
-# --- Main App Content ---
 st.sidebar.header("SBS V2.0 mapper")
 st.sidebar.write("(work in progress)")
 st.sidebar.text("Demo by JA-RAD")
 
+# Note: st.title and st.subheader here will appear *below* the sticky header,
+# as they are part of the main app content flow.
+st.title("Map descriptions to SBS codes with Sentence Transformer + Reasoning")
 st.subheader("Select specific Chapter for quicker results")
 
 
-# --- Application Logic (Example with Status Update) ---
-
-# Function to simulate a long-running task
-def run_mapping_process():
-    status_placeholder.markdown('<span class="status-indicator status-running">Running...</span>', unsafe_allow_html=True)
-    # Simulate work
-    time.sleep(3)
-    # Update status on completion
-    status_placeholder.markdown('<span class="status-indicator status-complete">Complete</span>', unsafe_allow_html=True)
-
-# Example of triggering the process (you would integrate this with your actual logic)
-if st.button("Start Mapping"):
-    run_mapping_process()
-
-# --- Navigation (Keep your existing navigation setup) ---
+# --- NAVIGATION SETUP ---
+# Keep your existing navigation setup
 type_text_page = st.Page(
     page="pages/type_text.py",
     title="DEMO (work in progress)",
@@ -80,7 +58,9 @@ type_text_page = st.Page(
     default=True,
 )
 
-# --- NAVIGATION SETUP ---
 pg = st.navigation(pages=[type_text_page]) # WITHOUT SECTIONS
 pg.run()
 
+# Add some extra content to make the page scrollable for testing
+for i in range(50):
+    st.write(f"This is scrollable content line {i}")