Control UI: use a dedicated loading style for the Cron refresh button (openclaw#60394)

Merged via squash.

Prepared head SHA: f7757b9
Co-authored-by: coder-zhuzm <63866641+coder-zhuzm@users.noreply.github.com>
Co-authored-by: altaywtf <9790196+altaywtf@users.noreply.github.com>
Reviewed-by: @altaywtf

Author: coder-zhuzm

CHANGELOG.md

@@ -112,6 +112,7 @@ Docs: https://docs.openclaw.ai
 - Outbound/sanitizer: strip leaked `<tool_call>`, `<function_calls>`, and model special tokens from shared user-visible assistant text, including truncated tool-call streams, so internal scaffolding no longer bleeds into replies across surfaces. (#60619) Thanks @oliviareid-svg.
 - Control UI/avatar: honor `ui.assistant.avatar` when serving `/avatar/:agentId` so Appearance UI avatar paths stop falling back to initials placeholders. (#60778) Thanks @hannasdev.
 - Control UI/Overview: prevent gateway access token/password visibility toggle buttons from overlapping their inputs at narrow widths. (#56924) Thanks @bbddbb1.
+- Control UI/cron: highlight the Cron refresh button while refresh is in flight so the page's loading state stays visible even when prior data remains on screen. (#60394) Thanks @coder-zhuzm.
 
 ## 2026.4.2
 

ui/src/styles/components.css

@@ -659,7 +659,8 @@
   flex-shrink: 0;
 }
 
-.btn.primary {
+.btn.primary,
+.btn.cron-refresh-btn--loading {
   border-color: var(--accent);
   background: var(--accent);
   color: var(--primary-foreground);
@@ -1306,7 +1307,8 @@
   color: var(--accent);
 }
 
-:root[data-theme-mode="light"] .btn.primary {
+:root[data-theme-mode="light"] .btn.primary,
+:root[data-theme-mode="light"] .btn.cron-refresh-btn--loading {
   background: var(--accent);
   border-color: var(--accent);
 }

ui/src/ui/views/cron.ts

@@ -418,7 +418,11 @@ export function renderCron(props: CronProps) {
         </div>
       </div>
       <div class="cron-summary-strip__actions">
-        <button class="btn" ?disabled=${props.loading} @click=${props.onRefresh}>
+        <button
+          class=${props.loading ? "btn cron-refresh-btn--loading" : "btn"}
+          ?disabled=${props.loading}
+          @click=${props.onRefresh}
+        >
           ${props.loading ? t("cron.summary.refreshing") : t("cron.summary.refresh")}
         </button>
         ${props.error ? html`<span class="muted">${props.error}</span>` : nothing}