+
+
+ {{ node?.type }} (#{{ node?.id }})
+
@@ -55,6 +58,7 @@ import Button from 'primevue/button'
import Tag from 'primevue/tag'
import ResultItem from './ResultItem.vue'
import { TaskItemDisplayStatus, type TaskItemImpl } from '@/stores/queueStore'
+import { ComfyNode } from '@/types/comfyWorkflow'
const props = defineProps<{
task: TaskItemImpl
@@ -62,6 +66,15 @@ const props = defineProps<{
}>()
const flatOutputs = props.task.flatOutputs
+const coverResult = flatOutputs.length
+ ? props.task.previewOutput || flatOutputs[0]
+ : null
+// Using `==` instead of `===` because NodeId can be a string or a number
+const node: ComfyNode | null = flatOutputs.length
+ ? props.task.workflow.nodes.find(
+ (n: ComfyNode) => n.id == coverResult.nodeId
+ ) ?? null
+ : null
const emit = defineEmits<{
(e: 'contextmenu', value: { task: TaskItemImpl; event: MouseEvent }): void
@@ -149,6 +162,7 @@ const formatTime = (time?: number) => {
padding: 0.6rem;
display: flex;
justify-content: space-between;
+ align-items: center;
width: 100%;
}
@@ -159,4 +173,13 @@ are floating on top of images. */
border-radius: 6px;
display: inline-flex;
}
+
+.node-name-tag {
+ word-break: break-all;
+}
+
+.status-tag-group {
+ display: flex;
+ flex-direction: column;
+}