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(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;
 +}