From b145566a7ff3005d02f46275b0074b17f5510a45 Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Tue, 30 Dec 2025 18:30:54 -0800
Subject: [PATCH] Placeholder icons for non-image outputs

---
 src/views/LinearView.vue | 44 +++++++++++++++++++++++++++++-----------
 1 file changed, 32 insertions(+), 12 deletions(-)

diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index fa2f23dee5..d3f2f9cdb1 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -401,18 +401,38 @@ function handleCenterWheel(e: WheelEvent) {
             :key="index"
             class="py-3 border-border-subtle flex flex-col w-full px-1 first:border-t-0 border-t-2"
           >
-            <img
-              v-for="(output, key) in allOutputs(item)"
-              :key
-              :class="
-                cn(
-                  'p-1 rounded-lg aspect-square object-cover',
-                  index === activeLoad[0] && key === activeLoad[1] && 'border-2'
-                )
-              "
-              :src="output.url"
-              @click="loadWorkflow(item, [index, key])"
-            />
+            <template v-for="(output, key) in allOutputs(item)" :key>
+              <img
+                v-if="output.mediaType === 'images'"
+                :class="
+                  cn(
+                    'p-1 rounded-lg aspect-square object-cover',
+                    index === activeLoad[0] &&
+                      key === activeLoad[1] &&
+                      'border-2'
+                  )
+                "
+                :src="output.url"
+                @click="loadWorkflow(item, [index, key])"
+              />
+              <div
+                v-else
+                :class="
+                  cn(
+                    'p-1 rounded-lg aspect-square w-full',
+                    index === activeLoad[0] &&
+                      key === activeLoad[1] &&
+                      'border-2'
+                  )
+                "
+              >
+                <i
+                  :class="
+                    cn(mediaTypes[output.mediaType].iconClass, 'size-full')
+                  "
+                />
+              </div>
+            </template>
           </linear-job>
         </linear-outputs>
       </SplitterPanel>