From 9558d26e8f93b4fdf72d69a8d60ca02b2dbfa6fe Mon Sep 17 00:00:00 2001
From: Glary-Bot <glary-bot@users.noreply.github.com>
Date: Tue, 12 May 2026 02:04:32 +0000
Subject: [PATCH] fix: use lucide circle-x icon for cancelled state

Per design request, the cancelled state icon should mirror the failed
state icon's properties but use circle-x instead of circle-alert. Also
normalize the failed icon name from the alert-circle alias to the
canonical circle-alert used throughout the rest of the codebase.
---
 src/utils/queueDisplay.test.ts | 4 ++--
 src/utils/queueDisplay.ts      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/utils/queueDisplay.test.ts b/src/utils/queueDisplay.test.ts
index 291d266b04..162fcfa92a 100644
--- a/src/utils/queueDisplay.test.ts
+++ b/src/utils/queueDisplay.test.ts
@@ -28,8 +28,8 @@ const taskFor = (overrides: Partial<TaskItemImpl> = {}): TaskItemImpl =>
 
 describe('iconForJobState', () => {
   it('returns a distinct icon for cancelled vs failed', () => {
-    expect(iconForJobState('cancelled')).toBe('icon-[lucide--ban]')
-    expect(iconForJobState('failed')).toBe('icon-[lucide--alert-circle]')
+    expect(iconForJobState('cancelled')).toBe('icon-[lucide--circle-x]')
+    expect(iconForJobState('failed')).toBe('icon-[lucide--circle-alert]')
     expect(iconForJobState('cancelled')).not.toBe(iconForJobState('failed'))
   })
 
diff --git a/src/utils/queueDisplay.ts b/src/utils/queueDisplay.ts
index 6116b12aec..e8aa274898 100644
--- a/src/utils/queueDisplay.ts
+++ b/src/utils/queueDisplay.ts
@@ -35,9 +35,9 @@ export const iconForJobState = (state: JobState): string => {
     case 'completed':
       return 'icon-[lucide--check-check]'
     case 'failed':
-      return 'icon-[lucide--alert-circle]'
+      return 'icon-[lucide--circle-alert]'
     case 'cancelled':
-      return 'icon-[lucide--ban]'
+      return 'icon-[lucide--circle-x]'
     default:
       return 'icon-[lucide--circle]'
   }