Skip to content

Commit c2452c5

Browse files
robinjhuangclaude
andauthored
feat: add tooltip to clear queued jobs button in expanded queue overlay (#9020)
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>
1 parent 7fba000 commit c2452c5

File tree

2 files changed

+5
-0
lines changed

2 files changed

+5
-0
lines changed

src/components/queue/QueueOverlayHeader.vue

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,7 @@
2828
</span>
2929
<Button
3030
v-if="queuedCount > 0"
31+
v-tooltip.top="clearAllJobsTooltip"
3132
variant="destructive"
3233
size="icon"
3334
:aria-label="t('sideToolbar.queueProgressOverlay.clearQueued')"
@@ -109,6 +110,9 @@ const { t } = useI18n()
109110
110111
const morePopoverRef = ref<PopoverMethods | null>(null)
111112
const moreTooltipConfig = computed(() => buildTooltipConfig(t('g.more')))
113+
const clearAllJobsTooltip = computed(() =>
114+
buildTooltipConfig(t('sideToolbar.queueProgressOverlay.clearAllJobsTooltip'))
115+
)
112116
113117
const onMoreClick = (event: MouseEvent) => {
114118
morePopoverRef.value?.toggle(event)

src/locales/en/main.json

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -850,6 +850,7 @@
850850
"jobsAddedToQueue": "{count} job added to queue | {count} jobs added to queue",
851851
"cancelJobTooltip": "Cancel job",
852852
"clearQueueTooltip": "Clear queue",
853+
"clearAllJobsTooltip": "Cancel all running jobs",
853854
"clearHistoryDialogTitle": "Clear your job queue history?",
854855
"clearHistoryDialogDescription": "All the finished or failed jobs below will be removed from this Job queue panel.",
855856
"clearHistoryDialogAssetsNote": "Assets generated by these jobs won’t be deleted and can always be viewed from the assets panel."

0 commit comments

Comments
 (0)