feat: last run frontend (#21369)

The frontend of feat: Persist Variables for Enhanced Debugging Workflow (#20699).

Co-authored-by: jZonG <jzongcode@gmail.com>

web/service/use-workflow.ts

@@ -1,15 +1,17 @@
-import { del, get, patch, post } from './base'
+import { del, get, patch, post, put } from './base'
 import { useInfiniteQuery, useMutation, useQuery } from '@tanstack/react-query'
 import type {
   FetchWorkflowDraftPageParams,
   FetchWorkflowDraftPageResponse,
   FetchWorkflowDraftResponse,
+  NodeTracing,
   PublishWorkflowParams,
   UpdateWorkflowParams,
+  VarInInspect,
   WorkflowConfigResponse,
 } from '@/types/workflow'
 import type { CommonResponse } from '@/models/common'
-import { useReset } from './use-base'
+import { useInvalid, useReset } from './use-base'
 
 const NAME_SPACE = 'workflow'
 
@@ -85,3 +87,118 @@ export const usePublishWorkflow = (appId: string) => {
     }),
   })
 }
+
+const useLastRunKey = [NAME_SPACE, 'last-run']
+export const useLastRun = (appID: string, nodeId: string, enabled: boolean) => {
+  return useQuery<NodeTracing>({
+    enabled,
+    queryKey: [...useLastRunKey, appID, nodeId],
+    queryFn: async () => {
+      return get(`apps/${appID}/workflows/draft/nodes/${nodeId}/last-run`, {}, {
+        silent: true,
+      })
+    },
+    retry: 0,
+  })
+}
+
+export const useInvalidLastRun = (appId: string, nodeId: string) => {
+  return useInvalid([NAME_SPACE, 'last-run', appId, nodeId])
+}
+
+// Rerun workflow or change the version of workflow
+export const useInvalidAllLastRun = (appId: string) => {
+  return useInvalid([NAME_SPACE, 'last-run', appId])
+}
+
+const useConversationVarValuesKey = [NAME_SPACE, 'conversation-variable']
+
+export const useConversationVarValues = (appId: string) => {
+  return useQuery({
+    queryKey: [...useConversationVarValuesKey, appId],
+    queryFn: async () => {
+      const { items } = (await get(`apps/${appId}/workflows/draft/conversation-variables`)) as { items: VarInInspect[] }
+      return items
+    },
+  })
+}
+
+export const useInvalidateConversationVarValues = (appId: string) => {
+  return useInvalid([...useConversationVarValuesKey, appId])
+}
+
+export const useResetConversationVar = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'reset conversation var', appId],
+    mutationFn: async (varId: string) => {
+      return put(`apps/${appId}/workflows/draft/variables/${varId}/reset`)
+    },
+  })
+}
+
+export const useResetToLastRunValue = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'reset to last run value', appId],
+    mutationFn: async (varId: string) => {
+      return put(`apps/${appId}/workflows/draft/variables/${varId}/reset`)
+    },
+  })
+}
+
+export const useSysVarValuesKey = [NAME_SPACE, 'sys-variable']
+export const useSysVarValues = (appId: string) => {
+  return useQuery({
+    queryKey: [...useSysVarValuesKey, appId],
+    queryFn: async () => {
+      const { items } = (await get(`apps/${appId}/workflows/draft/system-variables`)) as { items: VarInInspect[] }
+      return items
+    },
+  })
+}
+
+export const useInvalidateSysVarValues = (appId: string) => {
+  return useInvalid([...useSysVarValuesKey, appId])
+}
+
+export const useDeleteAllInspectorVars = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'delete all inspector vars', appId],
+    mutationFn: async () => {
+      return del(`apps/${appId}/workflows/draft/variables`)
+    },
+  })
+}
+
+export const useDeleteNodeInspectorVars = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'delete node inspector vars', appId],
+    mutationFn: async (nodeId: string) => {
+      return del(`apps/${appId}/workflows/draft/nodes/${nodeId}/variables`)
+    },
+  })
+}
+
+export const useDeleteInspectVar = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'delete inspector var', appId],
+    mutationFn: async (varId: string) => {
+      return del(`apps/${appId}/workflows/draft/variables/${varId}`)
+    },
+  })
+}
+
+// edit the name or value of the inspector var
+export const useEditInspectorVar = (appId: string) => {
+  return useMutation({
+    mutationKey: [NAME_SPACE, 'edit inspector var', appId],
+    mutationFn: async ({ varId, ...rest }: {
+      varId: string
+      name?: string
+      value?: any
+    }) => {
+      return patch(`apps/${appId}/workflows/draft/variables/${varId}`, {
+        body: rest,
+      })
+    },
+  })
+}