Add application files

app.py

@@ -492,7 +492,12 @@ footer { display: none !important; }
 
 /* ============== NAVIGATION BUTTONS ROW ============== */
 .nav-buttons-row {
-    display: none; /* Hidden on desktop - use sidebar */
+    /* Hidden visually but accessible to JS for click events */
+    position: absolute;
+    left: -9999px;
+    top: -9999px;
+    opacity: 0;
+    pointer-events: none;
     gap: 8px;
     padding: 12px 16px;
     background: var(--bg-primary);
@@ -532,6 +537,11 @@ footer { display: none !important; }
 /* Show nav buttons on mobile/tablet */
 @media (max-width: 768px) {
     .nav-buttons-row {
+        position: static;
+        left: auto;
+        top: auto;
+        opacity: 1;
+        pointer-events: auto;
         display: flex;
     }
     .nav-buttons-row button:first-child {
@@ -3260,26 +3270,11 @@ This project is open source and available under the MIT License.
         btn_chat.click(fn=lambda: show_page("chat"), outputs=all_pages)
         btn_about.click(fn=lambda: show_page("about"), outputs=all_pages)
 
-        # JavaScript to connect sidebar nav items to Gradio buttons (optimized)
+        # JavaScript to connect sidebar nav items to Gradio page selector
         gr.HTML("""
         <script>
-            // Cache for navigation buttons - populated once on load
-            window._navButtonCache = null;
             window._pageOrder = ['setup', 'dashboard', 'discovery', 'prospects', 'contacts', 'emails', 'chat', 'about'];
 
-            // Initialize button cache
-            function initNavCache() {
-                if (window._navButtonCache) return window._navButtonCache;
-                const buttons = document.querySelectorAll('.nav-buttons-row button');
-                if (buttons.length >= 8) {
-                    window._navButtonCache = {};
-                    window._pageOrder.forEach((page, idx) => {
-                        window._navButtonCache[page] = buttons[idx];
-                    });
-                }
-                return window._navButtonCache;
-            }
-
             window.selectPage = function(pageName) {
                 // Close mobile sidebar immediately
                 if (window.closeMobileSidebar) {
@@ -3291,31 +3286,18 @@ This project is open source and available under the MIT License.
                     item.classList.toggle('active', item.dataset.page === pageName);
                 });
 
-                // Use cached button reference for instant navigation
-                const cache = initNavCache();
-                if (cache && cache[pageName]) {
-                    cache[pageName].click();
-
-                    // Update button row active state
-                    Object.values(cache).forEach(b => b.classList.remove('active-nav-btn'));
-                    cache[pageName].classList.add('active-nav-btn');
-                    return;
-                }
-
-                // Fallback: direct index access (no searching)
+                // Find and click the corresponding navigation button
                 const buttons = document.querySelectorAll('.nav-buttons-row button');
                 const idx = window._pageOrder.indexOf(pageName);
+
+                // Update button row active state
+                buttons.forEach((b, i) => b.classList.toggle('active-nav-btn', i === idx));
+
+                // Click the button to trigger Gradio's native event handler
                 if (idx >= 0 && buttons[idx]) {
                     buttons[idx].click();
                 }
             };
-
-            // Initialize cache after Gradio loads
-            if (document.readyState === 'loading') {
-                document.addEventListener('DOMContentLoaded', () => setTimeout(initNavCache, 100));
-            } else {
-                setTimeout(initNavCache, 100);
-            }
         </script>
         """)