Stable Diffusion: clickable pod-status dot in the chat bar (copy of the settings indicator; click toggles warmup/shutdown)

738ff23c09bfe7e2cb9c40337737de38d1c2cf96

permissionBRICK <40219477+permissionBRICK@users.noreply.github.com>

public/scripts/extensions/stable-diffusion/index.js+35 -2 Viewed

 let runpodStatusTimer = null;
 let runpodPingTimer = null;
+let runpodLastPhase = 'red';
 function getRunpodLazyUrl() {
     return String(extension_settings.sd.runpod_lazy_url ?? '').trim().replace(/\/$/, '');

         return;
+    }
     const phase = status?.state ?? 'red';
-    dot.classList.remove('sd_runpod_red', 'sd_runpod_orange', 'sd_runpod_green');
+    runpodLastPhase = phase;
-    dot.classList.add(`sd_runpod_${['red', 'orange', 'green'].includes(phase) ? phase : 'red'}`);
+    const phaseClass = `sd_runpod_${['red', 'orange', 'green'].includes(phase) ? phase : 'red'}`;
+    for (const el of [dot, document.getElementById('sd_runpod_bar_dot')].filter(Boolean)) {
+        el.classList.remove('sd_runpod_red', 'sd_runpod_orange', 'sd_runpod_green');
+        el.classList.add(phaseClass);
+    }
     const openLink = document.getElementById('sd_runpod_open');
     if (openLink) {
         const showLink = phase === 'green' && status?.url;

     } else {
         text.textContent = 'off';
+    }
+    const barDot = document.getElementById('sd_runpod_bar_dot');
+    if (barDot) {
+        barDot.title = `RunPod pod: ${text.textContent} — click to ${phase === 'red' ? 'warm up' : 'shut down'}`;
+    }
     return phase;
+}
+/** Adds the clickable pod-status dot to the chat bar (next to other extension icons). */
+function ensureRunpodBarDot() {
+    if (document.getElementById('sd_runpod_bar_dot')) {
+        return;
+    }
+    const anchor = document.getElementById('leftSendForm');
+    if (!anchor) {
+        return;
+    }
+    const dot = document.createElement('div');
+    dot.id = 'sd_runpod_bar_dot';
+    dot.classList.add('sd_runpod_bar_dot', 'sd_runpod_red', 'interactable');
+    dot.title = 'RunPod pod';
+    dot.tabIndex = 0;
+    dot.addEventListener('click', () => runpodControl(runpodLastPhase === 'red' ? 'warmup' : 'shutdown'));
+    anchor.appendChild(dot);
+    dot.style.display = getRunpodLazyUrl() ? '' : 'none';
+}
 async function pollRunpodStatus() {
     const url = getRunpodLazyUrl();
     if (!url) {

 function setupRunpodLoops() {
     clearTimeout(runpodStatusTimer);
     clearInterval(runpodPingTimer);
+    ensureRunpodBarDot();
+    const barDot = document.getElementById('sd_runpod_bar_dot');
+    if (barDot) {
+        barDot.style.display = getRunpodLazyUrl() ? '' : 'none';
+    }
     if (!getRunpodLazyUrl()) {
         renderRunpodStatus(null);
         return;

public/scripts/extensions/stable-diffusion/style.css+10 -0 Viewed

 .sd_runpod_dot.sd_runpod_red { background: #d9534f; }
 .sd_runpod_dot.sd_runpod_orange { background: #f0ad4e; }
 .sd_runpod_dot.sd_runpod_green { background: #5cb85c; }
+#sd_runpod_bar_dot {
+    width: 14px;
+    height: 14px;
+    border-radius: 50%;
+    align-self: center;
+    cursor: pointer;
+    margin: 0 4px;
+    flex-shrink: 0;
+}