From cfa3800ae32d30b789814c62aa417ea5eb559f6e Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Mon, 5 Jan 2026 22:45:14 -0800
Subject: [PATCH] Add badge to outputs if multiple jobs queued

---
 src/views/LinearView.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index f184bd618..d43d1fa81 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -62,7 +62,6 @@ const workflowStore = useWorkflowStore()
 
 void outputs.fetchMediaList()
 
-const isRunning = computed(() => queueStore.runningTasks.length > 0)
 const hasPreview = ref(false)
 whenever(
   () => nodeOutputStore.latestPreview[0],
@@ -448,8 +447,16 @@ useEventListener(document.body, 'keydown', (e: KeyboardEvent) => {
           ref="outputsRef"
           class="h-full min-w-24 grow-1 p-3 overflow-y-auto border-r-1 border-node-component-border flex flex-col items-center"
         >
-          <linear-job v-if="isRunning" class="py-3 w-full aspect-square px-1">
+          <linear-job
+            v-if="queueStore.runningTasks.length > 0"
+            class="py-3 w-full aspect-square px-1 relative"
+          >
             <ProgressSpinner class="size-full" />
+            <div
+              v-if="queueStore.runningTasks.length > 1"
+              class="absolute top-0 right-0 p-1 min-w-5 h-5 flex justify-center items-center rounded-full bg-primary-background text-text-primary"
+              v-text="queueStore.runningTasks.length"
+            />
           </linear-job>
           <linear-job
             v-for="(item, index) in filteredOutputs"