Force Space rebuild v2.1.0 with incremental training

- Updated app version to 2.1.0 to force complete rebuild
- Added rebuild trigger file with timestamp
- Updated Docker environment variables
- Force restart to ensure all incremental training features are active
- Complete deployment of model retraining capabilities

static/css/style.css

@@ -996,10 +996,16 @@ body {
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.7);
-    display: flex;
+    display: none; /* Hidden by default */
     align-items: center;
     justify-content: center;
     z-index: 2000;
+    pointer-events: none; /* Allow clicks to pass through when hidden */
+}
+
+.loading-overlay.show {
+    display: flex;
+    pointer-events: auto;
 }
 
 .loading-content {

static/js/medical-datasets.js

@@ -13,6 +13,9 @@ class MedicalDatasetsManager {
     }
 
     init() {
+        // Force remove any blocking overlays immediately
+        this.forceRemoveOverlays();
+
         this.loadDatasets();
         this.loadSavedDatasets();
         this.loadSystemInfo();
@@ -21,11 +24,47 @@ class MedicalDatasetsManager {
         // Ensure page is interactive
         this.ensureInteractivity();
 
+        // Force interactivity every 2 seconds for the first 10 seconds
+        let attempts = 0;
+        const forceInterval = setInterval(() => {
+            this.forceRemoveOverlays();
+            this.ensureInteractivity();
+            attempts++;
+            if (attempts >= 5) {
+                clearInterval(forceInterval);
+            }
+        }, 2000);
+
         // Refresh system info every 30 seconds
         setInterval(() => this.loadSystemInfo(), 30000);
     }
 
+    forceRemoveOverlays() {
+        // Remove any loading overlays
+        document.querySelectorAll('.loading-overlay').forEach(overlay => {
+            if (!overlay.classList.contains('active')) {
+                overlay.remove();
+            }
+        });
+
+        // Remove any fixed position overlays
+        document.querySelectorAll('[style*="position: fixed"], [style*="position:fixed"]').forEach(el => {
+            if (el.style.zIndex > 100 && !el.classList.contains('navbar') && !el.classList.contains('modal')) {
+                el.style.display = 'none';
+                el.style.pointerEvents = 'none';
+            }
+        });
+
+        // Force body to be interactive
+        document.body.style.pointerEvents = 'auto';
+        document.documentElement.style.pointerEvents = 'auto';
+
+        console.log('Force removed overlays');
+    }
+
     ensureInteractivity() {
+        console.log('Ensuring interactivity...');
+
         // Remove any blocking overlays
         document.querySelectorAll('.loading-overlay').forEach(overlay => {
             if (!overlay.classList.contains('active')) {
@@ -34,10 +73,17 @@ class MedicalDatasetsManager {
             }
         });
 
+        // Force all elements to be interactive
+        document.querySelectorAll('*').forEach(el => {
+            if (el.style.pointerEvents === 'none' && !el.classList.contains('loading-overlay')) {
+                el.style.pointerEvents = 'auto';
+            }
+        });
+
         // Ensure all buttons are clickable
         document.querySelectorAll('button, .btn, [onclick]').forEach(btn => {
-            btn.style.pointerEvents = 'auto';
-            btn.style.zIndex = '10';
+            btn.style.pointerEvents = 'auto !important';
+            btn.style.zIndex = '999';
             btn.style.position = 'relative';
         });
 
@@ -48,12 +94,31 @@ class MedicalDatasetsManager {
             card.style.zIndex = '1';
         });
 
-        // Remove any potential blocking elements
-        document.querySelectorAll('[style*="pointer-events: none"]').forEach(el => {
-            if (!el.classList.contains('loading-overlay') || !el.classList.contains('active')) {
-                el.style.pointerEvents = 'auto';
+        // Force datasets grid to be interactive
+        const datasetsGrid = document.getElementById('datasets-grid');
+        if (datasetsGrid) {
+            datasetsGrid.style.pointerEvents = 'auto';
+            datasetsGrid.style.position = 'relative';
+            datasetsGrid.style.zIndex = '1';
+        }
+
+        // Remove any invisible blocking elements
+        document.querySelectorAll('div').forEach(div => {
+            const style = window.getComputedStyle(div);
+            if (style.position === 'fixed' &&
+                style.top === '0px' &&
+                style.left === '0px' &&
+                style.width === '100%' &&
+                style.height === '100%' &&
+                !div.classList.contains('modal') &&
+                !div.classList.contains('navbar')) {
+                console.log('Found potential blocking overlay:', div);
+                div.style.display = 'none';
+                div.style.pointerEvents = 'none';
             }
         });
+
+        console.log('Interactivity ensured');
     }
 
     setupEventListeners() {

templates/medical-datasets.html

@@ -124,6 +124,34 @@
         .dataset-card * {
             pointer-events: auto;
         }
+
+        /* Force remove any blocking overlays */
+        body::before, body::after,
+        .container::before, .container::after,
+        .row::before, .row::after {
+            display: none !important;
+        }
+
+        /* Ensure page is fully interactive */
+        body, html {
+            pointer-events: auto !important;
+        }
+
+        /* Remove any potential invisible overlays */
+        .container > * {
+            pointer-events: auto !important;
+        }
+
+        /* Force all dataset elements to be clickable */
+        #datasets-grid, #datasets-grid * {
+            pointer-events: auto !important;
+        }
+
+        /* Override any global overlay styles */
+        .loading-overlay:not(.active) {
+            display: none !important;
+            pointer-events: none !important;
+        }
     </style>
 </head>
 <body>
@@ -304,5 +332,44 @@
 
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
     <script src="/static/js/medical-datasets.js"></script>
+
+    <script>
+        // Emergency fix for overlay issues
+        document.addEventListener('DOMContentLoaded', function() {
+            console.log('DOM loaded, checking for overlays...');
+
+            // Remove any potential blocking overlays
+            setTimeout(() => {
+                document.querySelectorAll('*').forEach(el => {
+                    const style = window.getComputedStyle(el);
+                    if (style.position === 'fixed' &&
+                        style.top === '0px' &&
+                        style.left === '0px' &&
+                        (style.width === '100%' || style.width === '100vw') &&
+                        (style.height === '100%' || style.height === '100vh') &&
+                        !el.classList.contains('modal') &&
+                        !el.classList.contains('navbar') &&
+                        !el.classList.contains('toast-container')) {
+                        console.log('Removing blocking overlay:', el);
+                        el.style.display = 'none';
+                        el.style.pointerEvents = 'none';
+                    }
+                });
+
+                // Force all buttons to be clickable
+                document.querySelectorAll('button, .btn').forEach(btn => {
+                    btn.style.pointerEvents = 'auto';
+                    btn.style.zIndex = '999';
+                });
+
+                console.log('Emergency overlay fix applied');
+            }, 500);
+        });
+
+        // Test click functionality
+        document.addEventListener('click', function(e) {
+            console.log('Click detected on:', e.target);
+        });
+    </script>
 </body>
 </html>