feat: in var inspect jump to last run tab

web/app/components/workflow/hooks/use-nodes-interactions.ts

@@ -289,7 +289,9 @@ export const useNodesInteractions = () => {
     setEdges(newEdges)
   }, [store, workflowStore, getNodesReadOnly])
 
-  const handleNodeSelect = useCallback((nodeId: string, cancelSelection?: boolean) => {
+  const handleNodeSelect = useCallback((nodeId: string, cancelSelection?: boolean, initShowLastRunTab?: boolean) => {
+    if(initShowLastRunTab)
+      workflowStore.setState({ initShowLastRunTab: true })
     const {
       getNodes,
       setNodes,

web/app/components/workflow/nodes/_base/components/workflow-panel/last-run/use-last-run.ts

@@ -1,6 +1,6 @@
 import useOneStepRun from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
 import type { Params as OneStepRunParams } from '@/app/components/workflow/nodes/_base/hooks/use-one-step-run'
-import { useCallback, useState } from 'react'
+import { useCallback, useEffect, useState } from 'react'
 import { TabType } from '../tab'
 import type { Props as FormProps } from '@/app/components/workflow/nodes/_base/components/before-run-form/form'
 import useStartSingleRunFormParams from '@/app/components/workflow/nodes/start/use-single-run-form-params'
@@ -31,6 +31,7 @@ import {
 } from '@/app/components/workflow/hooks'
 import useInspectVarsCrud from '@/app/components/workflow/hooks/use-inspect-vars-crud'
 import { useInvalidLastRun } from '@/service/use-workflow'
+import { useStore, useWorkflowStore } from '@/app/components/workflow/store'
 
 const singleRunFormParamsHooks: Record<BlockEnum, any> = {
   [BlockEnum.LLM]: useLLMSingleRunFormParams,
@@ -185,8 +186,17 @@ const useLastRun = <T>({
       },
     })
   }
+  const workflowStore = useWorkflowStore()
+  const { setInitShowLastRunTab } = workflowStore.getState()
+  const initShowLastRunTab = useStore(s => s.initShowLastRunTab)
+  const [tabType, setTabType] = useState<TabType>(initShowLastRunTab ? TabType.lastRun : TabType.settings)
+  useEffect(() => {
+    if(initShowLastRunTab)
+      setTabType(TabType.lastRun)
 
-  const [tabType, setTabType] = useState<TabType>(TabType.settings)
+    setInitShowLastRunTab(false)
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initShowLastRunTab])
   const invalidLastRun = useInvalidLastRun(appId!, id)
 
   const handleRunWithParams = async (data: Record<string, any>) => {

web/app/components/workflow/store/workflow/panel-slice.ts

@@ -17,6 +17,8 @@ export type PanelSliceShape = {
   setPanelMenu: (panelMenu: PanelSliceShape['panelMenu']) => void
   showVariableInspectPanel: boolean
   setShowVariableInspectPanel: (showVariableInspectPanel: boolean) => void
+  initShowLastRunTab: boolean
+  setInitShowLastRunTab: (initShowLastRunTab: boolean) => void
 }
 
 export const createPanelSlice: StateCreator<PanelSliceShape> = set => ({
@@ -33,4 +35,6 @@ export const createPanelSlice: StateCreator<PanelSliceShape> = set => ({
   setPanelMenu: panelMenu => set(() => ({ panelMenu })),
   showVariableInspectPanel: false,
   setShowVariableInspectPanel: showVariableInspectPanel => set(() => ({ showVariableInspectPanel })),
+  initShowLastRunTab: false,
+  setInitShowLastRunTab: initShowLastRunTab => set(() => ({ initShowLastRunTab })),
 })

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

@@ -99,7 +99,7 @@ const Left = ({
             nodeData={group}
             currentVar={currentNodeVar}
             handleSelect={handleVarSelect}
-            handleView={() => handleNodeSelect(group.nodeId)}
+            handleView={() => handleNodeSelect(group.nodeId, false, true)}
             handleClear={() => handleClearNode(group.nodeId)}
           />
         ))}