restart sleeping

templates/dashboard.html

@@ -506,6 +506,7 @@
     <nav class="navbar">
         <h1>Spaces Dashboard</h1>
         <div class="user-info">
+            <button class="utils-btn" id="utils-btn">Utils</button>
             {% if user.avatar_url %}
             <img src="{{ user.avatar_url }}" alt="" class="avatar">
             {% endif %}
@@ -632,6 +633,29 @@
             {% endif %}
         </main>
     </div>
+    <div class="modal-overlay" id="modal-overlay">
+        <div class="modal">
+            <div class="modal-header">
+                <h3 class="modal-title">Utils</h3>
+                <button class="modal-close" id="modal-close">&times;</button>
+            </div>
+            <div class="util-item">
+                <div class="util-item-header">
+                    <span class="util-name">Wake All Sleeping Spaces</span>
+                    <button class="util-btn" id="wake-all-btn">Wake</button>
+                </div>
+                <div class="util-desc">Restart all spaces that are currently sleeping</div>
+                <div class="progress-container" id="wake-progress">
+                    <div class="progress-bar">
+                        <div class="progress-fill" id="wake-progress-fill"></div>
+                    </div>
+                    <div class="progress-text" id="wake-progress-text">Starting...</div>
+                    <div class="progress-results" id="wake-results"></div>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <script>
         document.querySelectorAll('.space-toggle').forEach(el => {
             el.addEventListener('click', () => {
@@ -640,6 +664,70 @@
                 details.classList.toggle('open');
             });
         });
+
+        const modalOverlay = document.getElementById('modal-overlay');
+        const utilsBtn = document.getElementById('utils-btn');
+        const modalClose = document.getElementById('modal-close');
+
+        utilsBtn.addEventListener('click', () => {
+            modalOverlay.classList.add('open');
+        });
+
+        modalClose.addEventListener('click', () => {
+            modalOverlay.classList.remove('open');
+        });
+
+        modalOverlay.addEventListener('click', (e) => {
+            if (e.target === modalOverlay) {
+                modalOverlay.classList.remove('open');
+            }
+        });
+
+        const wakeAllBtn = document.getElementById('wake-all-btn');
+        const wakeProgress = document.getElementById('wake-progress');
+        const wakeProgressFill = document.getElementById('wake-progress-fill');
+        const wakeProgressText = document.getElementById('wake-progress-text');
+        const wakeResults = document.getElementById('wake-results');
+
+        wakeAllBtn.addEventListener('click', async () => {
+            wakeAllBtn.disabled = true;
+            wakeProgress.classList.add('active');
+            wakeProgressFill.style.width = '0%';
+            wakeProgressText.textContent = 'Waking spaces...';
+            wakeResults.innerHTML = '';
+
+            try {
+                const resp = await fetch('/api/wake-all', { method: 'POST' });
+                const data = await resp.json();
+
+                if (data.error) {
+                    wakeProgressText.textContent = 'Error: ' + data.error;
+                    wakeProgressFill.style.background = '#ef4444';
+                    wakeProgressFill.style.width = '100%';
+                } else if (data.total === 0) {
+                    wakeProgressText.textContent = 'No sleeping spaces found';
+                    wakeProgressFill.style.width = '100%';
+                } else {
+                    const succeeded = data.results.filter(r => r.success).length;
+                    const failed = data.results.filter(r => !r.success).length;
+                    wakeProgressFill.style.width = '100%';
+                    wakeProgressText.textContent = `Done: ${succeeded} succeeded, ${failed} failed`;
+
+                    data.results.forEach(r => {
+                        const div = document.createElement('div');
+                        div.className = 'progress-result ' + (r.success ? 'success' : 'error');
+                        div.innerHTML = `<span>${r.id.split('/')[1]}</span><span>${r.success ? 'OK' : 'Failed'}</span>`;
+                        wakeResults.appendChild(div);
+                    });
+                }
+            } catch (err) {
+                wakeProgressText.textContent = 'Error: ' + err.message;
+                wakeProgressFill.style.background = '#ef4444';
+                wakeProgressFill.style.width = '100%';
+            }
+
+            wakeAllBtn.disabled = false;
+        });
     </script>
 </body>
 </html>