Update app.py

app.py

@@ -2,7 +2,6 @@ import os
 import tempfile
 import gc
 import logging
-import hashlib
 import time
 import streamlit as st
 from groq import Groq, APIError
@@ -34,13 +33,148 @@ else:
 # ---------------- STREAMLIT UI SETUP ----------------
 st.set_page_config(page_title="PDF Assistant", page_icon="📘", layout="wide")
 
-# Generate unique CSS version to prevent caching
-css_version = int(time.time())
+# ---------------- AGGRESSIVE SIDEBAR FIX ----------------
+# This JavaScript MUST come BEFORE any CSS to prevent caching
+st.markdown("""
+<script>
+// NUCLEAR OPTION: Force sidebar to always be visible
+(function() {
+    // 1. OVERRIDE STREAMLIT'S SIDEBAR HIDING
+    const originalSetAttribute = Element.prototype.setAttribute;
+    Element.prototype.setAttribute = function(name, value) {
+        if (name === 'style' && this.getAttribute('data-testid') === 'stSidebar') {
+            // Block any attempts to hide the sidebar
+            value = value.replace(/display:\\s*none/g, 'display: block')
+                        .replace(/visibility:\\s*hidden/g, 'visibility: visible')
+                        .replace(/opacity:\\s*0/g, 'opacity: 1')
+                        .replace(/transform:[^;]*/g, 'transform: translateX(0)');
+        }
+        return originalSetAttribute.call(this, name, value);
+    };
+    
+    // 2. FORCE SIDEBAR VISIBLE ON LOAD
+    function forceSidebar() {
+        const sidebar = document.querySelector('[data-testid="stSidebar"]');
+        if (sidebar) {
+            // Apply inline styles that override any CSS
+            sidebar.style.cssText = `
+                display: block !important;
+                visibility: visible !important;
+                opacity: 1 !important;
+                transform: translateX(0) !important;
+                position: fixed !important;
+                top: 0 !important;
+                left: 0 !important;
+                width: 20rem !important;
+                height: 100vh !important;
+                z-index: 99999 !important;
+                overflow-y: auto !important;
+                background-color: #0e1117 !important;
+            `;
+            
+            // Force all children to be visible too
+            const children = sidebar.querySelectorAll('*');
+            children.forEach(child => {
+                child.style.display = 'block';
+                child.style.visibility = 'visible';
+            });
+        } else {
+            // Sidebar not found yet, check again
+            setTimeout(forceSidebar, 100);
+        }
+    }
+    
+    // 3. RUN IMMEDIATELY AND REPEATEDLY
+    forceSidebar();
+    setInterval(forceSidebar, 500);
+    
+    // 4. PREVENT BROWSER CACHING
+    const meta1 = document.createElement('meta');
+    meta1.httpEquiv = "Cache-Control";
+    meta1.content = "no-cache, no-store, must-revalidate";
+    document.head.prepend(meta1);
+    
+    const meta2 = document.createElement('meta');
+    meta2.httpEquiv = "Pragma";
+    meta2.content = "no-cache";
+    document.head.prepend(meta2);
+    
+    const meta3 = document.createElement('meta');
+    meta3.httpEquiv = "Expires";
+    meta3.content = "0";
+    document.head.prepend(meta3);
+    
+    // 5. ADD HARD REFRESH REMINDER
+    if (performance && performance.navigation && performance.navigation.type === 1) {
+        // Page was reloaded, but if sidebar still broken, show message
+        setTimeout(() => {
+            const sidebar = document.querySelector('[data-testid="stSidebar"]');
+            if (!sidebar || sidebar.offsetWidth < 100) {
+                const msg = document.createElement('div');
+                msg.style.cssText = `
+                    position: fixed;
+                    top: 70px;
+                    left: 10px;
+                    background: #ff4444;
+                    color: white;
+                    padding: 10px;
+                    border-radius: 5px;
+                    z-index: 9999999;
+                    font-size: 12px;
+                `;
+                msg.innerHTML = '⚠️ Press <b>Ctrl+F5</b> to fix sidebar';
+                document.body.appendChild(msg);
+                setTimeout(() => msg.remove(), 5000);
+            }
+        }, 1000);
+    }
+})();
+</script>
+
+<style id="sidebar-override">
+/* INLINE STYLES THAT CAN'T BE CACHED */
+/* These will override any cached CSS */
+[data-testid="stSidebar"] {
+    display: block !important;
+    visibility: visible !important;
+    opacity: 1 !important;
+    transform: translateX(0) !important;
+    position: fixed !important;
+    top: 0 !important;
+    left: 0 !important;
+    width: 20rem !important;
+    height: 100vh !important;
+    z-index: 99999 !important;
+    overflow-y: auto !important;
+    background-color: #0e1117 !important;
+}
+
+/* Block any hidden states */
+[data-testid="stSidebar"][style*="display: none"] {
+    display: block !important;
+}
+[data-testid="stSidebar"][style*="visibility: hidden"] {
+    visibility: visible !important;
+}
+[data-testid="stSidebar"][style*="opacity: 0"] {
+    opacity: 1 !important;
+}
+[data-testid="stSidebar"][style*="width: 0"] {
+    width: 20rem !important;
+}
+[data-testid="stSidebar"][style*="transform: translateX(-100%)"] {
+    transform: translateX(0) !important;
+}
+</style>
+""", unsafe_allow_html=True)
+
+# ---------------- CSS (ORIGINAL, BUT WITH CACHE-BUSTING) ----------------
+# Add timestamp to prevent CSS caching
+css_timestamp = int(time.time() * 1000)
 
-# ---------------- CSS ----------------
 st.markdown(f"""
-<style data-version="{css_version}">
-/* CSS Version: {css_version} */
+<style data-timestamp="{css_timestamp}">
+/* CSS loaded at: {css_timestamp} */
 /* 1. GLOBAL RESET & SCROLL LOCK */
 html, body {{
     overflow: hidden;
@@ -67,23 +201,6 @@ footer {{
     width: 20rem;
     overflow-y: auto !important;
     z-index: 99999;
-    
-    /* AGGRESSIVE SIDEBAR PROTECTION - Prevents caching issues */
-    display: block !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    transform: translateX(0) !important;
-}}
-/* Override any hidden sidebar states */
-[data-testid="stSidebar"][style*="display: none"],
-[data-testid="stSidebar"][style*="visibility: hidden"],
-[data-testid="stSidebar"][style*="opacity: 0"],
-[data-testid="stSidebar"][style*="transform: translateX(-100%)"] {{
-    display: block !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-    transform: translateX(0) !important;
-    width: 20rem !important;
 }}
 [data-testid="stSidebar"]::-webkit-scrollbar {{
     width: 6px;
@@ -186,54 +303,6 @@ section[data-testid="stFileUploader"] small {{
 </style>
 """, unsafe_allow_html=True)
 
-# Add JavaScript to prevent caching and ensure sidebar visibility
-st.markdown("""
-<script>
-// Prevent CSS caching and ensure sidebar is always visible
-(function() {
-    // 1. Add cache control meta tags
-    const meta = document.createElement('meta');
-    meta.httpEquiv = "Cache-Control";
-    meta.content = "no-cache, no-store, must-revalidate";
-    document.head.appendChild(meta);
-    
-    const meta2 = document.createElement('meta');
-    meta2.httpEquiv = "Pragma";
-    meta2.content = "no-cache";
-    document.head.appendChild(meta2);
-    
-    const meta3 = document.createElement('meta');
-    meta3.httpEquiv = "Expires";
-    meta3.content = "0";
-    document.head.appendChild(meta3);
-    
-    // 2. Force sidebar visibility on load
-    function ensureSidebarVisible() {
-        const sidebar = document.querySelector('[data-testid="stSidebar"]');
-        if (sidebar) {
-            sidebar.style.display = 'block';
-            sidebar.style.visibility = 'visible';
-            sidebar.style.opacity = '1';
-            sidebar.style.transform = 'translateX(0)';
-            sidebar.style.width = '20rem';
-        }
-    }
-    
-    // Run on multiple events
-    document.addEventListener('DOMContentLoaded', ensureSidebarVisible);
-    window.addEventListener('load', ensureSidebarVisible);
-    
-    // Run immediately if already loaded
-    if (document.readyState !== 'loading') {
-        ensureSidebarVisible();
-    }
-    
-    // 3. Periodically check sidebar (in case Streamlit tries to hide it)
-    setInterval(ensureSidebarVisible, 1000);
-})();
-</script>
-""", unsafe_allow_html=True)
-
 # ---------------- FIXED HEADER ----------------
 st.markdown("""
 <div class="fixed-header">
@@ -402,4 +471,44 @@ if st.session_state.chat:
         if role == "user":
             st.markdown(f"<div class='chat-user'>{msg}</div>", unsafe_allow_html=True)
         else:
-            st.markdown(f"<div class='chat-bot'>{msg}</div>", unsafe_allow_html=True)
+            st.markdown(f"<div class='chat-bot'>{msg}</div>", unsafe_allow_html=True)
+
+# ---------------- FINAL NUCLEAR OPTION ----------------
+# One more JavaScript layer that runs last
+st.markdown("""
+<script>
+// Final safety check - runs after everything
+setTimeout(() => {
+    const sidebar = document.querySelector('[data-testid="stSidebar"]');
+    if (!sidebar || sidebar.offsetWidth < 100) {
+        console.warn('Sidebar still hidden! Applying emergency fix...');
+        
+        // Create emergency sidebar if needed
+        const existingEmergency = document.getElementById('emergency-sidebar');
+        if (!existingEmergency) {
+            const emergencyDiv = document.createElement('div');
+            emergencyDiv.id = 'emergency-sidebar';
+            emergencyDiv.style.cssText = `
+                position: fixed;
+                left: 0;
+                top: 0;
+                width: 20rem;
+                height: 100vh;
+                background: #0e1117;
+                z-index: 999999;
+                overflow-y: auto;
+                padding: 20px;
+                color: white;
+            `;
+            emergencyDiv.innerHTML = `
+                <h4>📘 PDF Assistant</h4>
+                <p><em>Sidebar recovery mode</em></p>
+                <hr>
+                <p>If buttons don't work, refresh page with <b>Ctrl+F5</b></p>
+            `;
+            document.body.appendChild(emergencyDiv);
+        }
+    }
+}, 2000);
+</script>
+""", unsafe_allow_html=True)