diff --git a/apps/web/src/components/chat/QueuedRunsControl.tsx b/apps/web/src/components/chat/QueuedRunsControl.tsx index 3670d1dd7ac3..6b0ccc525be9 100644 --- a/apps/web/src/components/chat/QueuedRunsControl.tsx +++ b/apps/web/src/components/chat/QueuedRunsControl.tsx @@ -1,5 +1,6 @@ import { scopeThreadRef } from "@t3tools/client-runtime/environment"; import { deriveThreadQueueWorkflowState } from "@t3tools/client-runtime/state/thread-workflows"; +import { replaceComposerContextReferences } from "@t3tools/shared/composerContextReferences"; import type { ChatAttachment as ContractChatAttachment, EnvironmentId, @@ -282,6 +283,9 @@ export function QueuedRunsControl({ } id={queueListId}> {items.map((item) => { + const previewText = replaceComposerContextReferences(item.text, (reference) => + reference.kind === "image" && item.thumbnails.length > 0 ? "" : reference.label, + ).trim(); const rowRunId = item.runId; const rowServerIndex = item.serverIndex; const isEditing = rowRunId !== null && rowRunId === props.editingRunId; @@ -403,10 +407,10 @@ export function QueuedRunsControl({ ) : null} }> - {item.text} + {previewText} - {item.text} + {previewText}