diff --git a/webui/index.js b/webui/index.js index 5d4179946..8a19ae5c8 100644 --- a/webui/index.js +++ b/webui/index.js @@ -458,11 +458,7 @@ function updateProgress(progress, active) { if (!progressBarEl) return; if (!progress) progress = ""; - if (!active) { - removeClassFromElement(progressBarEl, "shiny-text"); - } else { - addClassToElement(progressBarEl, "shiny-text"); - } + setProgressBarShine(progressBarEl, active); progress = msgs.convertIcons(progress); @@ -471,6 +467,17 @@ function updateProgress(progress, active) { } } +function setProgressBarShine(progressBarEl, active) { + if (!progressBarEl) return; + if (!active) { + removeClassFromElement(progressBarEl, "shiny-text"); + // clear any lingering shines in process steps + msgs.clearActiveStepShine(); + } else { + addClassToElement(progressBarEl, "shiny-text"); + } +} + globalThis.pauseAgent = async function (paused) { await inputStore.pauseAgent(paused); }; diff --git a/webui/js/messages.js b/webui/js/messages.js index 70c00d1b8..6889ff472 100644 --- a/webui/js/messages.js +++ b/webui/js/messages.js @@ -35,6 +35,17 @@ function setActiveProcessGroup(group) { } +export function clearActiveStepShine() { + if (activeStepTitleEl) { + activeStepTitleEl.classList.remove("shiny-text"); + activeStepTitleEl = null; + } + // clear any lingering shine in process steps + document.querySelectorAll(".process-step .step-title.shiny-text").forEach((el) => { + el.classList.remove("shiny-text"); + }); +} + /** * Resolve tool name from kvps, existing attribute, or previous siblings * For 'tool' type steps, inherits from preceding step if not directly available