Update app.py

app.py

@@ -2,7 +2,6 @@ import os
 import tempfile
 import gc
 import logging
-import time
 import streamlit as st
 from groq import Groq, APIError
 from langchain_community.document_loaders import PyPDFLoader
@@ -33,167 +32,24 @@ else:
 # ---------------- STREAMLIT UI SETUP ----------------
 st.set_page_config(page_title="PDF Assistant", page_icon="📘", layout="wide")
 
-# ---------------- AGGRESSIVE SIDEBAR FIX ----------------
-# This JavaScript MUST come BEFORE any CSS to prevent caching
+# ---------------- CSS ----------------
 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)
-
-st.markdown(f"""
-<style data-timestamp="{css_timestamp}">
-/* CSS loaded at: {css_timestamp} */
+<style>
 /* 1. GLOBAL RESET & SCROLL LOCK */
-html, body {{
+html, body {
     overflow: hidden;
     height: 100%;
     margin: 0;
-}}
+}
 /* 2. HIDE DEFAULT STREAMLIT ELEMENTS */
-header[data-testid="stHeader"] {{
+header[data-testid="stHeader"] {
     display: none;
-}}
-footer {{
+}
+footer {
     display: none;
-}}
+}
 /* 3. SIDEBAR STYLING (INDEPENDENT LEFT PANEL SCROLL) */
-[data-testid="stSidebar"] > div {{
-    height: 100vh;
-    overflow-y: auto !important;
-}}
-[data-testid="stSidebar"] {{
+[data-testid="stSidebar"] {
     position: fixed;
     top: 0;
     left: 0;
@@ -201,16 +57,16 @@ footer {{
     width: 20rem;
     overflow-y: auto !important;
     z-index: 99999;
-}}
-[data-testid="stSidebar"]::-webkit-scrollbar {{
+}
+[data-testid="stSidebar"]::-webkit-scrollbar {
     width: 6px;
-}}
-[data-testid="stSidebar"]::-webkit-scrollbar-thumb {{
+}
+[data-testid="stSidebar"]::-webkit-scrollbar-thumb {
     background: #2d3748;
     border-radius: 3px;
-}}
+}
 /* 4. FIXED HEADER STYLING */
-.fixed-header {{
+.fixed-header {
     position: fixed;
     top: 0;
     left: 0;
@@ -223,41 +79,41 @@ footer {{
     justify-content: center;
     align-items: center;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}}
+}
 /* 5. MAIN CONTENT SCROLLING (INDEPENDENT RIGHT PANEL SCROLL) */
-.main .block-container {{
+.main .block-container {
     margin-top: 6rem;
     height: calc(100vh - 6rem);
     overflow-y: auto;
     padding-top: 1rem;
     padding-bottom: 5rem;
-}}
-.main .block-container::-webkit-scrollbar {{
+}
+.main .block-container::-webkit-scrollbar {
     width: 8px;
-}}
-.main .block-container::-webkit-scrollbar-thumb {{
+}
+.main .block-container::-webkit-scrollbar-thumb {
     background: #2d3748;
     border-radius: 4px;
-}}
+}
 /* 6. SIDEBAR BUTTON STYLING */
-[data-testid="stSidebar"] .stButton button {{
+[data-testid="stSidebar"] .stButton button {
     width: 100%;
     border-radius: 8px;
     font-weight: 600;
     margin-bottom: 6px;
-}}
+}
 /* 7. HIDE UPLOADED FILE LIST & NAME */
-[data-testid='stFileUploaderFile'] {{
+[data-testid='stFileUploaderFile'] {
     display: none;
-}}
-section[data-testid="stFileUploader"] ul {{
+}
+section[data-testid="stFileUploader"] ul {
     display: none;
-}}
-section[data-testid="stFileUploader"] small {{
+}
+section[data-testid="stFileUploader"] small {
     display: none;
-}}
+}
 /* 8. CHAT BUBBLES */
-.chat-user {{
+.chat-user {
     background: #2d3748;
     padding: 12px;
     border-radius: 10px 10px 2px 10px;
@@ -265,8 +121,8 @@ section[data-testid="stFileUploader"] small {{
     max-width: 85%;
     text-align: right;
     color: #f0f2f6;
-}}
-.chat-bot {{
+}
+.chat-bot {
     background: #1e3a8a;
     padding: 12px;
     border-radius: 10px 10px 10px 2px;
@@ -274,32 +130,32 @@ section[data-testid="stFileUploader"] small {{
     max-width: 85%;
     text-align: left;
     color: #ffffff;
-}}
+}
 /* Sources CSS removed/hidden as it is no longer used */
-.sources {{
+.sources {
     display: none; 
-}}
+}
 /* 9. TITLE TEXT */
-.title-text {{
+.title-text {
     font-size: 2.5rem;
     font-weight: 800;
     margin: 0;
     line-height: 1.2;
-}}
-.creator-text {{
+}
+.creator-text {
     font-size: 1rem;
     font-weight: 500;
     color: #cccccc;
-}}
-.creator-text a {{
+}
+.creator-text a {
     color: #4da6ff;
     text-decoration: none;
-}}
+}
 /* 10. INPUT FORM STYLING */
-[data-testid="stForm"] {{
+[data-testid="stForm"] {
     border: none;
     padding: 0;
-}}
+}
 </style>
 """, unsafe_allow_html=True)
 
@@ -471,44 +327,4 @@ 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)
-
-# ---------------- 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)
+            st.markdown(f"<div class='chat-bot'>{msg}</div>", unsafe_allow_html=True)