From 7b808f26746df5eded67aebcd8b9320136e2fa84 Mon Sep 17 00:00:00 2001
From: comfydesigner <alextov@comfy.org>
Date: Wed, 8 Jul 2026 14:43:40 -0700
Subject: [PATCH] fix: give the paused auto-reload badge the inverted treatment

Paused is an alert state; use the high-contrast (inverted) badge so it
stands out, keeping the quieter secondary badge for the "off" state.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../components/dialogs/settings/AutoReloadSection.vue     | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/platform/workspace/components/dialogs/settings/AutoReloadSection.vue b/src/platform/workspace/components/dialogs/settings/AutoReloadSection.vue
index 8e8b3dec42..6c6d958345 100644
--- a/src/platform/workspace/components/dialogs/settings/AutoReloadSection.vue
+++ b/src/platform/workspace/components/dialogs/settings/AutoReloadSection.vue
@@ -52,7 +52,7 @@
           <span class="text-sm text-muted-foreground">
             {{ $t('workspacePanel.autoReload.tile.label') }}
           </span>
-          <StatusBadge v-if="badge" :label="badge" severity="secondary" />
+          <StatusBadge v-if="badge" :label="badge" :severity="badgeSeverity" />
         </div>
 
         <p
@@ -151,6 +151,12 @@ const badge = computed(() => {
   return ''
 })
 
+// Paused is an alert state, so give it the high-contrast (inverted) pill; the
+// quieter "off" state keeps the secondary treatment.
+const badgeSeverity = computed(() =>
+  isPaused.value ? 'contrast' : 'secondary'
+)
+
 const reloadCreditsLabel = computed(() => fmtCredits(config.reloadCredits))
 const thresholdLabel = computed(() => fmtCredits(config.thresholdCredits))