Show text progress messages on executing nodes (#3824)

src/stores/executionStore.ts

@@ -1,12 +1,14 @@
 import { defineStore } from 'pinia'
 import { computed, ref } from 'vue'
 
+import { useNodeProgressText } from '@/composables/node/useNodeProgressText'
 import type {
   ExecutedWsMessage,
   ExecutionCachedWsMessage,
   ExecutionErrorWsMessage,
   ExecutionStartWsMessage,
   NodeError,
+  ProgressTextWsMessage,
   ProgressWsMessage
 } from '@/schemas/apiSchema'
 import type {
@@ -103,6 +105,7 @@ export const useExecutionStore = defineStore('execution', () => {
       handleExecutionError as EventListener
     )
   }
+  api.addEventListener('progress_text', handleProgressText as EventListener)
 
   function unbindExecutionEvents() {
     api.removeEventListener(
@@ -121,6 +124,10 @@ export const useExecutionStore = defineStore('execution', () => {
       'execution_error',
       handleExecutionError as EventListener
     )
+    api.removeEventListener(
+      'progress_text',
+      handleProgressText as EventListener
+    )
   }
 
   function handleExecutionStart(e: CustomEvent<ExecutionStartWsMessage>) {
@@ -177,6 +184,16 @@ export const useExecutionStore = defineStore('execution', () => {
     lastExecutionError.value = e.detail
   }
 
+  function handleProgressText(e: CustomEvent<ProgressTextWsMessage>) {
+    const { nodeId, text } = e.detail
+    if (!text || !nodeId) return
+
+    const node = app.graph.getNodeById(nodeId)
+    if (!node) return
+
+    useNodeProgressText().showTextPreview(node, text)
+  }
+
   function storePrompt({
     nodes,
     id,