From cdb422fefcfe95c7cb8f7af2963d12ec9b6f3e61 Mon Sep 17 00:00:00 2001
From: Austin Mroz <austin@comfy.org>
Date: Tue, 30 Dec 2025 19:14:44 -0800
Subject: [PATCH] Placeholder support for text output

Since text outputs are not currently exposed in history, there's not way
to test this and the label doesn't actually exist
---
 src/views/LinearView.vue | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/views/LinearView.vue b/src/views/LinearView.vue
index d3f2f9cdb..14118d8c3 100644
--- a/src/views/LinearView.vue
+++ b/src/views/LinearView.vue
@@ -246,10 +246,18 @@ function formatDuration(durationSeconds?: number) {
 
 type StatItem = { content?: string; iconClass?: string }
 const mediaTypes: Record<string, StatItem> = {
+  audio: {
+    content: t('sideToolbar.mediaAssets.filterAudio'),
+    iconClass: 'icon-[lucide--audio-lines]'
+  },
   images: {
     content: t('sideToolbar.mediaAssets.filterImage'),
     iconClass: 'icon-[lucide--image]'
   },
+  text: {
+    content: t('sideToolbar.mediaAssets.filterText'),
+    iconClass: 'icon-[lucide--text]'
+  },
   video: {
     content: t('sideToolbar.mediaAssets.filterVideo'),
     iconClass: 'icon-[lucide--video]'
@@ -257,10 +265,6 @@ const mediaTypes: Record<string, StatItem> = {
   gifs: {
     content: t('sideToolbar.mediaAssets.filterVideo'),
     iconClass: 'icon-[lucide--video]'
-  },
-  audio: {
-    content: t('sideToolbar.mediaAssets.filterAudio'),
-    iconClass: 'icon-[lucide--audio-lines]'
   }
 }
 const itemStats = computed<StatItem[]>(() => {
@@ -511,6 +515,12 @@ function handleCenterWheel(e: WheelEvent) {
           controls
           :src="preview.url"
         />
+        <article
+          v-else-if="preview?.mediaType === 'text'"
+          class="w-full max-w-128 m-auto my-12 overflow-y-auto"
+          controls
+          v-text="preview.url"
+        />
         <img
           v-else
           class="pointer-events-none object-contain flex-1 max-h-full brightness-50 opacity-10"