fix: append node append deplicate data

web/app/components/workflow/hooks/use-inspect-vars-crud.ts

@@ -47,7 +47,6 @@ const useInspectVarsCrud = () => {
     const nodeId = selector[0]
     const isSystemVar = nodeId === 'sys'
     const isConversationVar = nodeId === 'conversation'
-    console.log(nodeId, isSystemVar, isConversationVar)
     if (isSystemVar) {
       invalidateSysVarValues()
       return

web/app/components/workflow/nodes/_base/node.tsx

@@ -44,7 +44,7 @@ import AddVariablePopupWithPosition from './components/add-variable-popup-with-p
 import cn from '@/utils/classnames'
 import BlockIcon from '@/app/components/workflow/block-icon'
 import Tooltip from '@/app/components/base/tooltip'
-import { useWorkflowStore } from '../../store'
+import { useStore } from '../../store'
 
 type BaseNodeProps = {
   children: ReactElement
@@ -90,10 +90,7 @@ const BaseNode: FC<BaseNodeProps> = ({
     }
   }, [data.isInLoop, data.selected, id, handleNodeLoopChildSizeChange])
 
-  const workflowStore = useWorkflowStore()
+  const hasNodeInspectVars = useStore(s => s.hasNodeInspectVars)
-  const {
-    hasNodeInspectVars,
-  } = workflowStore.getState()
   const hasVarValue = hasNodeInspectVars(id)
   const showSelectedBorder = data.selected || data._isBundled || data._isEntering
   const {

web/app/components/workflow/store/workflow/debug/inspect-vars-slice.ts

@@ -71,11 +71,14 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set,
         }
       })
     },
+    // after last run would call this
     appendNodeInspectVars: (nodeId, payload, allNodes) => {
       set((state) => {
         const nodes = state.nodesWithInspectVars
         const nodeInfo = allNodes.find(node => node.id === nodeId)
         if (nodeInfo) {
+          const index = nodes.findIndex(node => node.nodeId === nodeId)
+          if (index === -1) {
             nodes.push({
               nodeId,
               nodeType: nodeInfo.data.type,
@@ -83,6 +86,10 @@ export const createInspectVarsSlice: StateCreator<InspectVarsSliceShape> = (set,
               vars: payload,
             })
           }
+          else {
+            nodes[index].vars = payload
+          }
+        }
         return {
           nodesWithInspectVars: nodes,
         }

web/app/components/workflow/variable-inspect/trigger.tsx

@@ -35,7 +35,7 @@ const VariableInspectTrigger: FC = () => {
   const currentVars = useMemo(() => {
     const allVars = [...environmentVariables, ...conversationVars, ...systemVars, ...nodesWithInspectVars]
     return allVars
-  }, [conversationVars, systemVars, nodesWithInspectVars])
+  }, [environmentVariables, conversationVars, systemVars, nodesWithInspectVars])
 
   // ##TODD stop handle