Update src/streamlit_app.py

src/streamlit_app.py

@@ -112,8 +112,8 @@ try:
 except Exception as _e:
     _pipeline_import_error = str(_e)
 
-POD_URL      = os.getenv("POD_URL", "")
-VLLM_API_KEY = os.getenv("VLLM_API_KEY", "")
+POD_URL      = os.getenv("POD_URL", "https://0vpfyk7wnnc5vl-8000.proxy.runpod.net")
+VLLM_API_KEY = os.getenv("VLLM_API_KEY", "9386aa7335c2072882ad367791f1dc863c63b4be88eda14c2dea0408f9d0105e")
 MODEL_NAME   = "phase2-v1-merged"
 
 MAX_PAGES_PER_REQUEST = 10
@@ -123,7 +123,7 @@ MAX_TOTAL_PAYLOAD_MB   = 40.0
 # -----------------------------
 # Page config & CSS  (must be the FIRST st.* call)
 # -----------------------------
-st.set_page_config(page_title="Invoice Extractor (Qwen3-VL) - Batch Mode", layout="wide", initial_sidebar_state="collapsed")
+st.set_page_config(page_title="Invoice Extractor (Qwen3-VL) - Batch Mode", layout="wide")
 
 if not POD_URL or not VLLM_API_KEY:
     st.error("⚠️ API credentials not configured. Please set POD_URL and VLLM_API_KEY in Space settings.")
@@ -136,39 +136,35 @@ st.markdown(
         .stApp { background-color: #ECECEC !important; }
         div.block-container { padding-top: 3rem; padding-bottom: 1rem; }
 
-        /* Overlay sidebar — floats above the main page instead of pushing it,
-           so the main content always renders at full width regardless of
-           whether the sidebar is open or collapsed. */
-        section[data-testid="stSidebar"] {
-            background-color: #F7F7F7 !important;
-            width: 190px !important;
-            min-width: 190px !important;
+        /* Custom nav: a fixed toggle button + an overlay panel built from
+           st.container(key=...), driven entirely by session_state — no JS,
+           no fighting Streamlit's own sidebar collapse animation. */
+        .st-key-sidebar_toggle_btn button {
+            position: fixed !important;
+            top: 10px !important;
+            left: 10px !important;
+            z-index: 1000001 !important;
+            width: 38px !important;
+            height: 38px !important;
+            padding: 0 !important;
+            border-radius: 6px !important;
+            background: #F7F7F7 !important;
+            border: 1px solid #ccc !important;
+            font-size: 16px !important;
+        }
+        .st-key-nav_overlay_panel {
             position: fixed !important;
             top: 0 !important;
             left: 0 !important;
+            width: 220px !important;
             height: 100vh !important;
+            background-color: #F7F7F7 !important;
             z-index: 999999 !important;
             box-shadow: 2px 0 12px rgba(0,0,0,0.25) !important;
+            padding: 56px 14px 14px 14px !important;
+            overflow-y: auto !important;
         }
-        section[data-testid="stSidebar"] > div:first-child {
-            width: 190px !important;
-            min-width: 190px !important;
-        }
-        /* Main content area ignores the sidebar's width entirely */
-        div[data-testid="stAppViewContainer"] > .main {
-            margin-left: 0 !important;
-            width: 100% !important;
-        }
-        div.block-container {
-            max-width: 100% !important;
-        }
-        /* Collapsed-state toggle arrow stays visible above the overlay */
-        [data-testid="collapsedControl"] {
-            z-index: 1000000 !important;
-        }
-
-        /* Sidebar nav buttons — flat, no border, centered */
-        [data-testid="stSidebar"] .stButton > button {
+        .st-key-nav_overlay_panel .stButton > button {
             background: transparent !important;
             border: none !important;
             box-shadow: none !important;
@@ -180,7 +176,7 @@ st.markdown(
             border-radius: 5px !important;
             width: 100% !important;
         }
-        [data-testid="stSidebar"] .stButton > button:hover {
+        .st-key-nav_overlay_panel .stButton > button:hover {
             background: #E0E0E0 !important;
             color: #000 !important;
             border: none !important;
@@ -3706,27 +3702,39 @@ for _mk in ["validation_master_hash", "po_master_hash", "gr_master_hash", "contr
         st.session_state[_mk] = None
 ensure_state("page", "Master Files")
 
-# ── Sidebar — navigation only ─────────────────────────────────────────────────
-with st.sidebar:
-    st.markdown("**Navigation**")
-    _current_page = st.session_state.get("page", "Invoice Upload")
-    # All 3 are always buttons — same element type, same wrapper height, zero layout shift.
-    # Active page gets a ▸ prefix so the user knows where they are.
-    for _pg in ["Master Files", "Config", "Invoice Upload"]:
-        _label = f"▸  {_pg}" if _pg == _current_page else _pg
-        if st.button(_label, key=f"nav_{_pg.replace(' ','_')}", use_container_width=True):
-            st.session_state.page = _pg
-            st.rerun()
-    st.divider()
-    _n_inv = len(st.session_state.batch_results)
-    st.caption(f"{_n_inv} invoice{'s' if _n_inv != 1 else ''} loaded")
-    if _n_inv > 0:
-        if st.button("Clear All", key="sidebar_clear_all"):
-            st.session_state.batch_results.clear()
-            st.session_state.current_file_hash = None
-            st.session_state.is_processing_batch = False
-            st.session_state.confirm_back = False
-            st.rerun()
+# ── Navigation — custom overlay panel, no native st.sidebar ────────────────────
+# Driven entirely by session_state: opening/closing the panel is just a normal
+# Streamlit rerun, so "click an item -> panel closes" can't get stuck in a loop.
+ensure_state("nav_open", False)
+
+_toggle_label = "✕" if st.session_state.nav_open else "☰"
+if st.button(_toggle_label, key="sidebar_toggle_btn"):
+    st.session_state.nav_open = not st.session_state.nav_open
+    st.rerun()
+
+if st.session_state.nav_open:
+    with st.container(key="nav_overlay_panel"):
+        st.markdown("**Navigation**")
+        _current_page = st.session_state.get("page", "Invoice Upload")
+        # All 3 are always buttons — same element type, same wrapper height, zero layout shift.
+        # Active page gets a ▸ prefix so the user knows where they are.
+        for _pg in ["Master Files", "Config", "Invoice Upload"]:
+            _label = f"▸  {_pg}" if _pg == _current_page else _pg
+            if st.button(_label, key=f"nav_{_pg.replace(' ','_')}", use_container_width=True):
+                st.session_state.page = _pg
+                st.session_state.nav_open = False
+                st.rerun()
+        st.divider()
+        _n_inv = len(st.session_state.batch_results)
+        st.caption(f"{_n_inv} invoice{'s' if _n_inv != 1 else ''} loaded")
+        if _n_inv > 0:
+            if st.button("Clear All", key="sidebar_clear_all"):
+                st.session_state.batch_results.clear()
+                st.session_state.current_file_hash = None
+                st.session_state.is_processing_batch = False
+                st.session_state.confirm_back = False
+                st.session_state.nav_open = False
+                st.rerun()
 
 _active_page = st.session_state.get("page", "Invoice Upload")