refact workflow run

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-failed.ts

@@ -18,7 +18,7 @@ export const useWorkflowFailed = () => {
         status: WorkflowRunningStatus.Failed,
       }
     }))
-  }, [])
+  }, [workflowStore])
 
   return {
     handleWorkflowFailed,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-finished.ts

@@ -27,7 +27,7 @@ export const useWorkflowFinished = () => {
         draft.resultText = data.outputs[Object.keys(data.outputs)[0]]
       }
     }))
-  }, [])
+  }, [workflowStore])
 
   return {
     handleWorkflowFinished,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-finished.ts

@@ -145,7 +145,7 @@ export const useWorkflowNodeFinished = () => {
       })
       setEdges(newEdges)
     }
-  }, [])
+  }, [workflowStore, store])
 
   return {
     handleWorkflowNodeFinished,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-finished.ts

@@ -12,7 +12,6 @@ export const useWorkflowNodeIterationFinished = () => {
 
   const handleWorkflowNodeIterationFinished = useCallback((params: IterationFinishedResponse) => {
     const { data } = params
-    
     const {
       workflowRunningData,
       setWorkflowRunningData,
@@ -23,6 +22,7 @@ export const useWorkflowNodeIterationFinished = () => {
       setNodes,
     } = store.getState()
     const nodes = getNodes()
+
     setWorkflowRunningData(produce(workflowRunningData!, (draft) => {
       const tracing = draft.tracing!
       const currIterationNode = tracing.find(trace => trace.node_id === data.node_id)
@@ -40,7 +40,7 @@ export const useWorkflowNodeIterationFinished = () => {
       currentNode.data._runningStatus = data.status
     })
     setNodes(newNodes)
-  }, [])
+  }, [workflowStore, store])
 
   return {
     handleWorkflowNodeIterationFinished,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-next.ts

@@ -40,7 +40,7 @@ export const useWorkflowNodeIterationNext = () => {
       setIterTimes(iterTimes + 1)
     })
     setNodes(newNodes)
-  }, [])
+  }, [workflowStore, store])
 
   return {
     handleWorkflowNodeIterationNext,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-iteration-started.ts

@@ -79,7 +79,7 @@ export const useWorkflowNodeIterationStarted = () => {
       })
     })
     setEdges(newEdges)
-  }, [])
+  }, [workflowStore, store, reactflow])
 
   return {
     handleWorkflowNodeIterationStarted,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-retry.ts

@@ -90,7 +90,7 @@ export const useWorkflowNodeRetry = () => {
       currentNode.data._retryIndex = data.retry_index
     })
     setNodes(newNodes)
-  }, [])
+  }, [workflowStore, store])
 
   return {
     handleWorkflowNodeRetry,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-node-started.ts

@@ -113,7 +113,7 @@ export const useWorkflowNodeStarted = () => {
       })
       setEdges(newEdges)
     }
-  }, [])
+  }, [workflowStore, store, reactflow])
 
   return {
     handleWorkflowNodeStarted,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-run-event.ts

@@ -1,13 +1,13 @@
 import {
-  useWorkflowStarted,
-  useWorkflowFinished,
   useWorkflowFailed,
-  useWorkflowNodeStarted,
+  useWorkflowFinished,
   useWorkflowNodeFinished,
-  useWorkflowNodeIterationStarted,
-  useWorkflowNodeIterationNext,
   useWorkflowNodeIterationFinished,
+  useWorkflowNodeIterationNext,
+  useWorkflowNodeIterationStarted,
   useWorkflowNodeRetry,
+  useWorkflowNodeStarted,
+  useWorkflowStarted,
   useWorkflowTextChunk,
   useWorkflowTextReplace,
 } from '.'

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-started.ts

@@ -50,7 +50,7 @@ export const useWorkflowStarted = () => {
       })
     })
     setEdges(newEdges)
-  }, [])
+  }, [workflowStore, store])
 
   return {
     handleWorkflowStarted,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-chunk.ts

@@ -17,7 +17,7 @@ export const useWorkflowTextChunk = () => {
       draft.resultTabActive = true
       draft.resultText += text
     }))
-  }, [])
+  }, [workflowStore])
 
   return {
     handleWorkflowTextChunk,

web/app/components/workflow/hooks/use-workflow-run-event/use-workflow-text-replace.ts

@@ -15,7 +15,7 @@ export const useWorkflowTextReplace = () => {
     setWorkflowRunningData(produce(workflowRunningData!, (draft) => {
       draft.resultText = text
     }))
-  }, [])
+  }, [workflowStore])
 
   return {
     handleWorkflowTextReplace,

web/app/components/workflow/hooks/use-workflow-run.ts

@@ -242,19 +242,19 @@ export const useWorkflowRun = () => {
         onTextReplace: (params) => {
           handleWorkflowTextReplace(params)
         },
-        onTTSChunk: (messageId: string, audio: string, audioType?: string) => {
+        onTTSChunk: (messageId: string, audio: string) => {
           if (!audio || audio === '')
             return
           player.playAudioWithAudio(audio, true)
           AudioPlayerManager.getInstance().resetMsgId(messageId)
         },
-        onTTSEnd: (messageId: string, audio: string, audioType?: string) => {
+        onTTSEnd: (messageId: string, audio: string) => {
           player.playAudioWithAudio(audio, false)
         },
         ...restCallback,
       },
     )
-  }, [store, reactflow, workflowStore, doSyncWorkflowDraft])
+  }, [store, workflowStore, doSyncWorkflowDraft, handleWorkflowStarted, handleWorkflowFinished, handleWorkflowFailed, handleWorkflowNodeStarted, handleWorkflowNodeFinished, handleWorkflowNodeIterationStarted, handleWorkflowNodeIterationNext, handleWorkflowNodeIterationFinished, handleWorkflowNodeRetry, handleWorkflowTextChunk, handleWorkflowTextReplace, pathname])
 
   const handleStopRun = useCallback((taskId: string) => {
     const appId = useAppStore.getState().appDetail?.id