From c2452c5d204413665d5fc71d9d2519c9e6a4d4f5 Mon Sep 17 00:00:00 2001
From: Robin Huang <robin.j.huang@gmail.com>
Date: Fri, 20 Feb 2026 12:00:35 -0800
Subject: [PATCH] feat: add tooltip to clear queued jobs button in expanded
 queue overlay (#9020)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Adds a "Clear all jobs" tooltip to the cancel queued jobs button in the
expanded job queue header, matching the tooltip pattern used elsewhere
in the queue overlay.

Helps the user understand what this button does.

## Test plan
- Open the expanded job queue modal with queued jobs
- Hover over the cancel (list-x) button next to the queued count
- Verify the "Clear all jobs" tooltip appears

<img width="399" height="267" alt="Screenshot 2026-02-20 at 11 24 36 AM"
src="https://github.com/user-attachments/assets/9c83a3e8-4905-44ee-b270-b16401e9a20c"
/>

---------

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/queue/QueueOverlayHeader.vue | 4 ++++
 src/locales/en/main.json                    | 1 +
 2 files changed, 5 insertions(+)

diff --git a/src/components/queue/QueueOverlayHeader.vue b/src/components/queue/QueueOverlayHeader.vue
index 999b551e4d..6580392489 100644
--- a/src/components/queue/QueueOverlayHeader.vue
+++ b/src/components/queue/QueueOverlayHeader.vue
@@ -28,6 +28,7 @@
       </span>
       <Button
         v-if="queuedCount > 0"
+        v-tooltip.top="clearAllJobsTooltip"
         variant="destructive"
         size="icon"
         :aria-label="t('sideToolbar.queueProgressOverlay.clearQueued')"
@@ -109,6 +110,9 @@ const { t } = useI18n()
 
 const morePopoverRef = ref<PopoverMethods | null>(null)
 const moreTooltipConfig = computed(() => buildTooltipConfig(t('g.more')))
+const clearAllJobsTooltip = computed(() =>
+  buildTooltipConfig(t('sideToolbar.queueProgressOverlay.clearAllJobsTooltip'))
+)
 
 const onMoreClick = (event: MouseEvent) => {
   morePopoverRef.value?.toggle(event)
diff --git a/src/locales/en/main.json b/src/locales/en/main.json
index 749f0affe6..b5f9be599f 100644
--- a/src/locales/en/main.json
+++ b/src/locales/en/main.json
@@ -850,6 +850,7 @@
       "jobsAddedToQueue": "{count} job added to queue | {count} jobs added to queue",
       "cancelJobTooltip": "Cancel job",
       "clearQueueTooltip": "Clear queue",
+      "clearAllJobsTooltip": "Cancel all running jobs",
       "clearHistoryDialogTitle": "Clear your job queue history?",
       "clearHistoryDialogDescription": "All the finished or failed jobs below will be removed from this Job queue panel.",
       "clearHistoryDialogAssetsNote": "Assets generated by these jobs won’t be deleted and can always be viewed from the assets panel."