value of vars in node fetching

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

@@ -1,5 +1,5 @@
 import { fetchNodeInspectVars } from '@/service/workflow'
-import { useWorkflowStore } from '../store'
+import { useStore, useWorkflowStore } from '../store'
 import type { ValueSelector } from '../types'
 import { VarInInspectType } from '@/types/workflow'
 import {
@@ -17,9 +17,9 @@ import { useCallback, useEffect, useState } from 'react'
 
 const useInspectVarsCrud = () => {
   const workflowStore = useWorkflowStore()
+  const nodesWithInspectVars = useStore(s => s.nodesWithInspectVars)
   const {
     appId,
-    nodesWithInspectVars,
     getNodeInspectVars,
     setNodeInspectVars,
     setInspectVarValue,

web/app/components/workflow/store/workflow/debug/mock-data.ts

@@ -6,7 +6,7 @@ export const vars: VarInInspect[] = [
   {
     id: 'xxx',
     type: VarInInspectType.node,
-    name: 'text',
+    name: 'text00',
     description: '',
     selector: ['1745476079387', 'text'],
     value_type: VarType.string,

web/service/workflow.ts

@@ -90,5 +90,7 @@ export const fetchAllInspectVars = async (appId: string): Promise<VarInInspect[]
 export const fetchNodeInspectVars = async (appId: string, nodeId: string): Promise<VarInInspect[]> => {
   // TODO
   console.log('fetchNodeInspectVars', appId, nodeId)
-  return []
+  await sleep(1000)
+  const data = await Promise.resolve(vars)
+  return data
 }