Feat/environment variables in workflow (#6515)

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

web/app/components/workflow/nodes/_base/components/add-variable-popup-with-position.tsx

@@ -5,12 +5,12 @@ import {
   useRef,
 } from 'react'
 import { useClickAway } from 'ahooks'
-import { useTranslation } from 'react-i18next'
 import { useStore } from '../../../store'
 import {
   useIsChatMode,
   useNodeDataUpdate,
   useWorkflow,
+  useWorkflowVariables,
 } from '../../../hooks'
 import type {
   ValueSelector,
@@ -20,7 +20,6 @@ import type {
 import { useVariableAssigner } from '../../variable-assigner/hooks'
 import { filterVar } from '../../variable-assigner/utils'
 import AddVariablePopup from './add-variable-popup'
-import { toNodeAvailableVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 
 type AddVariablePopupWithPositionProps = {
   nodeId: string
@@ -30,7 +29,6 @@ const AddVariablePopupWithPosition = ({
   nodeId,
   nodeData,
 }: AddVariablePopupWithPositionProps) => {
-  const { t } = useTranslation()
   const ref = useRef(null)
   const showAssignVariablePopup = useStore(s => s.showAssignVariablePopup)
   const setShowAssignVariablePopup = useStore(s => s.setShowAssignVariablePopup)
@@ -38,6 +36,7 @@ const AddVariablePopupWithPosition = ({
   const { handleAddVariableInAddVariablePopupWithPosition } = useVariableAssigner()
   const isChatMode = useIsChatMode()
   const { getBeforeNodesInSameBranch } = useWorkflow()
+  const { getNodeAvailableVars } = useWorkflowVariables()
 
   const outputType = useMemo(() => {
     if (!showAssignVariablePopup)
@@ -55,9 +54,8 @@ const AddVariablePopupWithPosition = ({
     if (!showAssignVariablePopup)
       return []
 
-    return toNodeAvailableVars({
+    return getNodeAvailableVars({
       parentNode: showAssignVariablePopup.parentNode,
-      t,
       beforeNodes: [
         ...getBeforeNodesInSameBranch(showAssignVariablePopup.nodeId),
         {
@@ -65,10 +63,16 @@ const AddVariablePopupWithPosition = ({
           data: showAssignVariablePopup.nodeData,
         } as any,
       ],
+      hideEnv: true,
       isChatMode,
       filterVar: filterVar(outputType as VarType),
     })
-  }, [getBeforeNodesInSameBranch, isChatMode, showAssignVariablePopup, t, outputType])
+      .map(node => ({
+        ...node,
+        vars: node.isStartNode ? node.vars.filter(v => !v.variable.startsWith('sys.')) : node.vars,
+      }))
+      .filter(item => item.vars.length > 0)
+  }, [showAssignVariablePopup, getNodeAvailableVars, getBeforeNodesInSameBranch, isChatMode, outputType])
 
   useClickAway(() => {
     if (nodeData._holdAddVariablePopup) {

web/app/components/workflow/nodes/_base/components/readonly-input-with-select-var.tsx

@@ -5,9 +5,10 @@ import cn from 'classnames'
 import { useWorkflow } from '../../../hooks'
 import { BlockEnum } from '../../../types'
 import { VarBlockIcon } from '../../../block-icon'
-import { getNodeInfoById, isSystemVar } from './variable/utils'
+import { getNodeInfoById, isENV, isSystemVar } from './variable/utils'
 import { Line3 } from '@/app/components/base/icons/src/public/common'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
+import { Env } from '@/app/components/base/icons/src/vender/line/others'
 type Props = {
   nodeId: string
   value: string
@@ -40,25 +41,29 @@ const ReadonlyInputWithSelectVar: FC<Props> = ({
 
       const value = vars[index].split('.')
       const isSystem = isSystemVar(value)
+      const isEnv = isENV(value)
       const node = (isSystem ? startNode : getNodeInfoById(availableNodes, value[0]))?.data
       const varName = `${isSystem ? 'sys.' : ''}${value[value.length - 1]}`
 
       return (<span key={index}>
         <span className='relative top-[-3px] leading-[16px]'>{str}</span>
         <div className=' inline-flex h-[16px] items-center px-1.5 rounded-[5px] bg-white'>
-          <div className='flex items-center'>
-            <div className='p-[1px]'>
-              <VarBlockIcon
-                className='!text-gray-900'
-                type={node?.type || BlockEnum.Start}
-              />
+          {!isEnv && (
+            <div className='flex items-center'>
+              <div className='p-[1px]'>
+                <VarBlockIcon
+                  className='!text-gray-900'
+                  type={node?.type || BlockEnum.Start}
+                />
+              </div>
+              <div className='max-w-[60px] mx-0.5 text-xs font-medium text-gray-700 truncate' title={node?.title}>{node?.title}</div>
+              <Line3 className='mr-0.5'></Line3>
             </div>
-            <div className='max-w-[60px] mx-0.5 text-xs font-medium text-gray-700 truncate' title={node?.title}>{node?.title}</div>
-            <Line3 className='mr-0.5'></Line3>
-          </div>
+          )}
           <div className='flex items-center text-primary-600'>
-            <Variable02 className='w-3.5 h-3.5' />
-            <div className='max-w-[50px] ml-0.5 text-xs font-medium truncate' title={varName}>{varName}</div>
+            {!isEnv && <Variable02 className='shrink-0 w-3.5 h-3.5' />}
+            {isEnv && <Env className='shrink-0 w-3.5 h-3.5 text-util-colors-violet-violet-600' />}
+            <div className={cn('max-w-[50px] ml-0.5 text-xs font-medium truncate', isEnv && 'text-gray-900')} title={varName}>{varName}</div>
           </div>
         </div>
       </span>)

web/app/components/workflow/nodes/_base/components/variable-tag.tsx

@@ -10,7 +10,9 @@ import type {
 import { BlockEnum } from '@/app/components/workflow/types'
 import { Line3 } from '@/app/components/base/icons/src/public/common'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
-import { isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { Env } from '@/app/components/base/icons/src/vender/line/others'
+import { isENV, isSystemVar } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import cn from '@/utils/classnames'
 
 type VariableTagProps = {
   valueSelector: ValueSelector
@@ -27,36 +29,40 @@ const VariableTag = ({
 
     return nodes.find(node => node.id === valueSelector[0])
   }, [nodes, valueSelector])
+  const isEnv = isENV(valueSelector)
 
   const variableName = isSystemVar(valueSelector) ? valueSelector.slice(0).join('.') : valueSelector.slice(1).join('.')
 
   return (
     <div className='inline-flex items-center px-1.5 max-w-full h-6 text-xs rounded-md border-[0.5px] border-[rgba(16, 2440,0.08)] bg-white shadow-xs'>
-      {
-        node && (
-          <VarBlockIcon
-            className='shrink-0 mr-0.5 text-[#354052]'
-            type={node!.data.type}
-          />
-        )
-      }
+      {!isEnv && (
+        <>
+          {node && (
+            <VarBlockIcon
+              className='shrink-0 mr-0.5 text-text-secondary'
+              type={node!.data.type}
+            />
+          )}
+          <div
+            className='max-w-[60px] truncate text-text-secondary font-medium'
+            title={node?.data.title}
+          >
+            {node?.data.title}
+          </div>
+          <Line3 className='shrink-0 mx-0.5' />
+          <Variable02 className='shrink-0 mr-0.5 w-3.5 h-3.5 text-text-accent' />
+        </>
+      )}
+      {isEnv && <Env className='shrink-0 mr-0.5 w-3.5 h-3.5 text-util-colors-violet-violet-600' />}
       <div
-        className='max-w-[60px] truncate text-[#354052] font-medium'
-        title={node?.data.title}
-      >
-        {node?.data.title}
-      </div>
-      <Line3 className='shrink-0 mx-0.5' />
-      <Variable02 className='shrink-0 mr-0.5 w-3.5 h-3.5 text-[#155AEF]' />
-      <div
-        className='truncate text-[#155AEF] font-medium'
+        className={cn('truncate text-text-accent font-medium', isEnv && 'text-text-secondary')}
         title={variableName}
       >
         {variableName}
       </div>
       {
         varType && (
-          <div className='shrink-0 ml-0.5 text-[#676F83]'>{capitalize(varType)}</div>
+          <div className='shrink-0 ml-0.5 text-text-tertiary'>{capitalize(varType)}</div>
         )
       }
     </div>

web/app/components/workflow/nodes/_base/components/variable/utils.ts

@@ -15,7 +15,7 @@ import type { ParameterExtractorNodeType } from '../../../parameter-extractor/ty
 import type { IterationNodeType } from '../../../iteration/types'
 import { BlockEnum, InputVarType, VarType } from '@/app/components/workflow/types'
 import type { StartNodeType } from '@/app/components/workflow/nodes/start/types'
-import type { Node, NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
+import type { EnvironmentVariable, Node, NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import type { VariableAssignerNodeType } from '@/app/components/workflow/nodes/variable-assigner/types'
 import {
   HTTP_REQUEST_OUTPUT_STRUCT,
@@ -34,6 +34,10 @@ export const isSystemVar = (valueSelector: ValueSelector) => {
   return valueSelector[0] === 'sys' || valueSelector[1] === 'sys'
 }
 
+export const isENV = (valueSelector: ValueSelector) => {
+  return valueSelector[0] === 'env'
+}
+
 const inputVarTypeToVarType = (type: InputVarType): VarType => {
   if (type === InputVarType.number)
     return VarType.number
@@ -59,7 +63,11 @@ const findExceptVarInObject = (obj: any, filterVar: (payload: Var, selector: Val
   return res
 }
 
-const formatItem = (item: any, isChatMode: boolean, filterVar: (payload: Var, selector: ValueSelector) => boolean): NodeOutPutVar => {
+const formatItem = (
+  item: any,
+  isChatMode: boolean,
+  filterVar: (payload: Var, selector: ValueSelector) => boolean,
+): NodeOutPutVar => {
   const { id, data } = item
 
   const res: NodeOutPutVar = {
@@ -226,6 +234,16 @@ const formatItem = (item: any, isChatMode: boolean, filterVar: (payload: Var, se
       ]
       break
     }
+
+    case 'env': {
+      res.vars = data.envList.map((env: EnvironmentVariable) => {
+        return {
+          variable: `env.${env.name}`,
+          type: env.value_type,
+        }
+      }) as Var[]
+      break
+    }
   }
 
   const selector = [id]
@@ -246,16 +264,30 @@ const formatItem = (item: any, isChatMode: boolean, filterVar: (payload: Var, se
 
   return res
 }
-export const toNodeOutputVars = (nodes: any[], isChatMode: boolean, filterVar = (_payload: Var, _selector: ValueSelector) => true): NodeOutPutVar[] => {
-  const res = nodes
-    .filter(node => SUPPORT_OUTPUT_VARS_NODE.includes(node.data.type))
-    .map((node) => {
-      return {
-        ...formatItem(node, isChatMode, filterVar),
-        isStartNode: node.data.type === BlockEnum.Start,
-      }
-    })
-    .filter(item => item.vars.length > 0)
+export const toNodeOutputVars = (
+  nodes: any[],
+  isChatMode: boolean,
+  filterVar = (_payload: Var, _selector: ValueSelector) => true,
+  environmentVariables: EnvironmentVariable[] = [],
+): NodeOutPutVar[] => {
+  // ENV_NODE data format
+  const ENV_NODE = {
+    id: 'env',
+    data: {
+      title: 'ENVIRONMENT',
+      type: 'env',
+      envList: environmentVariables,
+    },
+  }
+  const res = [
+    ...nodes.filter(node => SUPPORT_OUTPUT_VARS_NODE.includes(node.data.type)),
+    ...(environmentVariables.length > 0 ? [ENV_NODE] : []),
+  ].map((node) => {
+    return {
+      ...formatItem(node, isChatMode, filterVar),
+      isStartNode: node.data.type === BlockEnum.Start,
+    }
+  }).filter(item => item.vars.length > 0)
   return res
 }
 
@@ -313,6 +345,7 @@ export const getVarType = ({
   availableNodes,
   isChatMode,
   isConstant,
+  environmentVariables = [],
 }:
 {
   valueSelector: ValueSelector
@@ -321,11 +354,17 @@ export const getVarType = ({
   availableNodes: any[]
   isChatMode: boolean
   isConstant?: boolean
+  environmentVariables?: EnvironmentVariable[]
 }): VarType => {
   if (isConstant)
     return VarType.string
 
-  const beforeNodesOutputVars = toNodeOutputVars(availableNodes, isChatMode)
+  const beforeNodesOutputVars = toNodeOutputVars(
+    availableNodes,
+    isChatMode,
+    undefined,
+    environmentVariables,
+  )
 
   const isIterationInnerVar = parentNode?.data.type === BlockEnum.Iteration
   if (isIterationItem) {
@@ -346,6 +385,7 @@ export const getVarType = ({
       return VarType.number
   }
   const isSystem = isSystemVar(valueSelector)
+  const isEnv = isENV(valueSelector)
   const startNode = availableNodes.find((node: any) => {
     return node.data.type === BlockEnum.Start
   })
@@ -358,7 +398,7 @@ export const getVarType = ({
 
   let type: VarType = VarType.string
   let curr: any = targetVar.vars
-  if (isSystem) {
+  if (isSystem || isEnv) {
     return curr.find((v: any) => v.variable === (valueSelector as ValueSelector).join('.'))?.type
   }
   else {
@@ -383,6 +423,7 @@ export const toNodeAvailableVars = ({
   t,
   beforeNodes,
   isChatMode,
+  environmentVariables,
   filterVar,
 }: {
   parentNode?: Node | null
@@ -390,9 +431,16 @@ export const toNodeAvailableVars = ({
   // to get those nodes output vars
   beforeNodes: Node[]
   isChatMode: boolean
+  // env
+  environmentVariables?: EnvironmentVariable[]
   filterVar: (payload: Var, selector: ValueSelector) => boolean
 }): NodeOutPutVar[] => {
-  const beforeNodesOutputVars = toNodeOutputVars(beforeNodes, isChatMode, filterVar)
+  const beforeNodesOutputVars = toNodeOutputVars(
+    beforeNodes,
+    isChatMode,
+    filterVar,
+    environmentVariables,
+  )
   const isInIteration = parentNode?.data.type === BlockEnum.Iteration
   if (isInIteration) {
     const iterationNode: any = parentNode
@@ -402,6 +450,7 @@ export const toNodeAvailableVars = ({
       valueSelector: iterationNode?.data.iterator_selector || [],
       availableNodes: beforeNodes,
       isChatMode,
+      environmentVariables,
     })
     const iterationVar = {
       nodeId: iterationNode?.id,
@@ -493,7 +542,7 @@ export const getNodeUsedVars = (node: Node): ValueSelector[] => {
     case BlockEnum.IfElse: {
       res = (data as IfElseNodeType).conditions?.map((c) => {
         return c.variable_selector
-      })
+      }) || []
       break
     }
     case BlockEnum.Code: {

web/app/components/workflow/nodes/_base/components/variable/var-reference-picker.tsx

@@ -9,12 +9,13 @@ import {
 import produce from 'immer'
 import { useStoreApi } from 'reactflow'
 import VarReferencePopup from './var-reference-popup'
-import { getNodeInfoById, getVarType, isSystemVar, toNodeAvailableVars } from './utils'
+import { getNodeInfoById, isENV, isSystemVar } from './utils'
 import cn from '@/utils/classnames'
 import type { Node, NodeOutPutVar, ValueSelector, Var } from '@/app/components/workflow/types'
 import { BlockEnum } from '@/app/components/workflow/types'
 import { VarBlockIcon } from '@/app/components/workflow/block-icon'
 import { Line3 } from '@/app/components/base/icons/src/public/common'
+import { Env } from '@/app/components/base/icons/src/vender/line/others'
 import { Variable02 } from '@/app/components/base/icons/src/vender/solid/development'
 import {
   PortalToFollowElem,
@@ -24,6 +25,7 @@ import {
 import {
   useIsChatMode,
   useWorkflow,
+  useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
 import { VarType as VarKindType } from '@/app/components/workflow/nodes/tool/types'
 import TypeSelector from '@/app/components/workflow/nodes/_base/components/selector'
@@ -71,6 +73,7 @@ const VarReferencePicker: FC<Props> = ({
   const isChatMode = useIsChatMode()
 
   const { getTreeLeafNodes, getBeforeNodesInSameBranch } = useWorkflow()
+  const { getCurrentVariableType, getNodeAvailableVars } = useWorkflowVariables()
   const availableNodes = useMemo(() => {
     return passedInAvailableNodes || (onlyLeafNodeVar ? getTreeLeafNodes(nodeId) : getBeforeNodesInSameBranch(nodeId))
   }, [getBeforeNodesInSameBranch, getTreeLeafNodes, nodeId, onlyLeafNodeVar, passedInAvailableNodes])
@@ -97,16 +100,15 @@ const VarReferencePicker: FC<Props> = ({
     if (availableVars)
       return availableVars
 
-    const vars = toNodeAvailableVars({
+    const vars = getNodeAvailableVars({
       parentNode: iterationNode,
-      t,
       beforeNodes: availableNodes,
       isChatMode,
       filterVar,
     })
 
     return vars
-  }, [iterationNode, availableNodes, isChatMode, filterVar, availableVars, t])
+  }, [iterationNode, availableNodes, isChatMode, filterVar, availableVars, getNodeAvailableVars])
 
   const [open, setOpen] = useState(false)
   useEffect(() => {
@@ -201,7 +203,7 @@ const VarReferencePicker: FC<Props> = ({
       onChange([], varKindType)
   }, [onChange, varKindType])
 
-  const type = getVarType({
+  const type = getCurrentVariableType({
     parentNode: iterationNode,
     valueSelector: value as ValueSelector,
     availableNodes,
@@ -209,6 +211,8 @@ const VarReferencePicker: FC<Props> = ({
     isConstant: !!isConstant,
   })
 
+  const isEnv = isENV(value as ValueSelector)
+
   // 8(left/right-padding) + 14(icon) + 4 + 14 + 2 = 42 + 17 buff
   const availableWidth = triggerWidth - 56
   const [maxNodeNameWidth, maxVarNameWidth, maxTypeWidth] = (() => {
@@ -276,7 +280,7 @@ const VarReferencePicker: FC<Props> = ({
                     {hasValue
                       ? (
                         <>
-                          {isShowNodeName && (
+                          {isShowNodeName && !isEnv && (
                             <div className='flex items-center'>
                               <div className='p-[1px]'>
                                 <VarBlockIcon
@@ -292,7 +296,8 @@ const VarReferencePicker: FC<Props> = ({
                           )}
                           <div className='flex items-center text-primary-600'>
                             {!hasValue && <Variable02 className='w-3.5 h-3.5' />}
-                            <div className='ml-0.5 text-xs font-medium truncate' title={varName} style={{
+                            {isEnv && <Env className='w-3.5 h-3.5 text-util-colors-violet-violet-600' />}
+                            <div className={cn('ml-0.5 text-xs font-medium truncate', isEnv && '!text-gray-900')} title={varName} style={{
                               maxWidth: maxVarNameWidth,
                             }}>{varName}</div>
                           </div>

web/app/components/workflow/nodes/_base/components/variable/var-reference-vars.tsx

@@ -16,6 +16,7 @@ import {
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
 import { XCircle } from '@/app/components/base/icons/src/vender/solid/general'
+import { Env } from '@/app/components/base/icons/src/vender/line/others'
 import { checkKeys } from '@/utils/var'
 
 type ObjectChildrenProps = {
@@ -48,6 +49,8 @@ const Item: FC<ItemProps> = ({
   itemWidth,
 }) => {
   const isObj = itemData.type === VarType.object && itemData.children && itemData.children.length > 0
+  const isSys = itemData.variable.startsWith('sys.')
+  const isEnv = itemData.variable.startsWith('env.')
   const itemRef = useRef(null)
   const [isItemHovering, setIsItemHovering] = useState(false)
   const _ = useHover(itemRef, {
@@ -76,7 +79,7 @@ const Item: FC<ItemProps> = ({
   }, [isHovering])
   const handleChosen = (e: React.MouseEvent) => {
     e.stopPropagation()
-    if (itemData.variable.startsWith('sys.')) { // system variable
+    if (isSys || isEnv) { // system variable or environment variable
       onChange([...objPath, ...itemData.variable.split('.')], itemData)
     }
     else {
@@ -101,8 +104,9 @@ const Item: FC<ItemProps> = ({
           onClick={handleChosen}
         >
           <div className='flex items-center w-0 grow'>
-            <Variable02 className='shrink-0 w-3.5 h-3.5 text-primary-500' />
-            <div title={itemData.variable} className='ml-1 w-0 grow truncate text-[13px] font-normal text-gray-900'>{itemData.variable}</div>
+            {!isEnv && <Variable02 className='shrink-0 w-3.5 h-3.5 text-primary-500' />}
+            {isEnv && <Env className='shrink-0 w-3.5 h-3.5 text-util-colors-violet-violet-600' />}
+            <div title={itemData.variable} className='ml-1 w-0 grow truncate text-[13px] font-normal text-gray-900'>{!isEnv ? itemData.variable : itemData.variable.replace('env.', '')}</div>
           </div>
           <div className='ml-1 shrink-0 text-xs font-normal text-gray-500 capitalize'>{itemData.type}</div>
           {isObj && (
@@ -205,8 +209,9 @@ const VarReferenceVars: FC<Props> = ({
 }) => {
   const { t } = useTranslation()
   const [searchText, setSearchText] = useState('')
+
   const filteredVars = vars.filter((v) => {
-    const children = v.vars.filter(v => checkKeys([v.variable], false).isValid || v.variable.startsWith('sys.'))
+    const children = v.vars.filter(v => checkKeys([v.variable], false).isValid || v.variable.startsWith('sys.') || v.variable.startsWith('env.'))
     return children.length > 0
   }).filter((node) => {
     if (!searchText)
@@ -217,7 +222,7 @@ const VarReferenceVars: FC<Props> = ({
     })
     return children.length > 0
   }).map((node) => {
-    let vars = node.vars.filter(v => checkKeys([v.variable], false).isValid || v.variable.startsWith('sys.'))
+    let vars = node.vars.filter(v => checkKeys([v.variable], false).isValid || v.variable.startsWith('sys.') || v.variable.startsWith('env.'))
     if (searchText) {
       const searchTextLower = searchText.toLowerCase()
       if (!node.title.toLowerCase().includes(searchTextLower))
@@ -229,6 +234,7 @@ const VarReferenceVars: FC<Props> = ({
       vars,
     }
   })
+
   const [isFocus, {
     setFalse: setBlur,
     setTrue: setFocus,

web/app/components/workflow/nodes/_base/hooks/use-available-var-list.ts

@@ -1,10 +1,9 @@
-import { useTranslation } from 'react-i18next'
 import useNodeInfo from './use-node-info'
 import {
   useIsChatMode,
   useWorkflow,
+  useWorkflowVariables,
 } from '@/app/components/workflow/hooks'
-import { toNodeAvailableVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 import type { ValueSelector, Var } from '@/app/components/workflow/types'
 type Params = {
   onlyLeafNodeVar?: boolean
@@ -18,9 +17,8 @@ const useAvailableVarList = (nodeId: string, {
   onlyLeafNodeVar: false,
   filterVar: () => true,
 }) => {
-  const { t } = useTranslation()
-
   const { getTreeLeafNodes, getBeforeNodesInSameBranch } = useWorkflow()
+  const { getNodeAvailableVars } = useWorkflowVariables()
   const isChatMode = useIsChatMode()
 
   const availableNodes = onlyLeafNodeVar ? getTreeLeafNodes(nodeId) : getBeforeNodesInSameBranch(nodeId)
@@ -29,9 +27,8 @@ const useAvailableVarList = (nodeId: string, {
     parentNode: iterationNode,
   } = useNodeInfo(nodeId)
 
-  const availableVars = toNodeAvailableVars({
+  const availableVars = getNodeAvailableVars({
     parentNode: iterationNode,
-    t,
     beforeNodes: availableNodes,
     isChatMode,
     filterVar,

web/app/components/workflow/nodes/_base/hooks/use-one-step-run.ts

@@ -7,7 +7,7 @@ import {
   useNodeDataUpdate,
   useWorkflow,
 } from '@/app/components/workflow/hooks'
-import { getNodeInfoById, isSystemVar, toNodeOutputVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
+import { getNodeInfoById, isENV, isSystemVar, toNodeOutputVars } from '@/app/components/workflow/nodes/_base/components/variable/utils'
 
 import type { CommonNodeType, InputVar, ValueSelector, Var, Variable } from '@/app/components/workflow/types'
 import { BlockEnum, InputVarType, NodeRunningStatus, VarType } from '@/app/components/workflow/types'
@@ -329,7 +329,7 @@ const useOneStepRun = <T>({
     if (!variables)
       return []
 
-    const varInputs = variables.map((item) => {
+    const varInputs = variables.filter(item => !isENV(item.value_selector)).map((item) => {
       const originalVar = getVar(item.value_selector)
       if (!originalVar) {
         return {