Feat/environment variables in workflow (#6515)

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

web/app/components/workflow/nodes/variable-assigner/hooks.ts

@@ -3,13 +3,13 @@ import {
   useNodes,
   useStoreApi,
 } from 'reactflow'
-import { useTranslation } from 'react-i18next'
 import { uniqBy } from 'lodash-es'
 import produce from 'immer'
 import {
   useIsChatMode,
   useNodeDataUpdate,
   useWorkflow,
+  useWorkflowVariables,
 } from '../../hooks'
 import type {
   Node,
@@ -21,7 +21,6 @@ import type {
   VarGroupItem,
   VariableAssignerNodeType,
 } from './types'
-import { toNodeAvailableVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 
 export const useVariableAssigner = () => {
   const store = useStoreApi()
@@ -123,11 +122,11 @@ export const useVariableAssigner = () => {
 }
 
 export const useGetAvailableVars = () => {
-  const { t } = useTranslation()
   const nodes: Node[] = useNodes()
   const { getBeforeNodesInSameBranchIncludeParent } = useWorkflow()
+  const { getNodeAvailableVars } = useWorkflowVariables()
   const isChatMode = useIsChatMode()
-  const getAvailableVars = useCallback((nodeId: string, handleId: string, filterVar: (v: Var) => boolean) => {
+  const getAvailableVars = useCallback((nodeId: string, handleId: string, filterVar: (v: Var) => boolean, hideEnv = false) => {
     const availableNodes: Node[] = []
     const currentNode = nodes.find(node => node.id === nodeId)!
 
@@ -138,14 +137,28 @@ export const useGetAvailableVars = () => {
     availableNodes.push(...beforeNodes)
     const parentNode = nodes.find(node => node.id === currentNode.parentId)
 
-    return toNodeAvailableVars({
+    if (hideEnv) {
+      return getNodeAvailableVars({
+        parentNode,
+        beforeNodes: uniqBy(availableNodes, 'id').filter(node => node.id !== nodeId),
+        isChatMode,
+        hideEnv,
+        filterVar,
+      })
+        .map(node => ({
+          ...node,
+          vars: node.isStartNode ? node.vars.filter(v => !v.variable.startsWith('sys.')) : node.vars,
+        }))
+        .filter(item => item.vars.length > 0)
+    }
+
+    return getNodeAvailableVars({
       parentNode,
-      t,
       beforeNodes: uniqBy(availableNodes, 'id').filter(node => node.id !== nodeId),
       isChatMode,
       filterVar,
     })
-  }, [nodes, t, isChatMode, getBeforeNodesInSameBranchIncludeParent])
+  }, [nodes, getBeforeNodesInSameBranchIncludeParent, getNodeAvailableVars, isChatMode])
 
   return getAvailableVars
 }