feat: var picker get vars

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

@@ -7,12 +7,14 @@ import VarReferencePicker from './var-reference-picker'
 import type { ValueSelector, Variable } from '@/app/components/workflow/types'
 
 type Props = {
+  nodeId: string
   readonly: boolean
   list: Variable[]
   onChange: (list: Variable[]) => void
 }
 
 const VarList: FC<Props> = ({
+  nodeId,
   readonly,
   list,
   onChange,
@@ -57,6 +59,7 @@ const VarList: FC<Props> = ({
             className='w-[120px] h-8 leading-8 px-2.5  rounded-lg border-0 bg-gray-100  text-gray-900 text-[13px]  placeholder:text-gray-400 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-gray-200'
             type='text' />
           <VarReferencePicker
+            nodeId={nodeId}
             readonly={readonly}
             isShowNodeName
             className='grow'

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

@@ -13,9 +13,11 @@ import {
   PortalToFollowElemContent,
   PortalToFollowElemTrigger,
 } from '@/app/components/base/portal-to-follow-elem'
+import { useWorkflow } from '@/app/components/workflow/hooks'
 
 type Props = {
   className?: string
+  nodeId: string
   isShowNodeName: boolean
   readonly: boolean
   value: ValueSelector
@@ -35,12 +37,15 @@ export const getNodeInfoById = (id: string) => {
 }
 
 const VarReferencePicker: FC<Props> = ({
+  nodeId,
   readonly,
   className,
   isShowNodeName,
   value,
   onChange,
 }) => {
+  const { getTreeLeafNodes, getBeforeNodesInSameBranch } = useWorkflow()
+  // console.log(getBeforeNodesInSameBranch(nodeId), getTreeLeafNodes())
   const [open, setOpen] = useState(false)
   const hasValue = value.length > 0
   const node = hasValue ? getNodeInfoById(value[0]) : null

web/app/components/workflow/nodes/code/panel.tsx

@@ -64,6 +64,7 @@ const Panel: FC<NodePanelProps<CodeNodeType>> = ({
         >
           <VarList
             readonly={readOnly}
+            nodeId={id}
             list={inputs.variables}
             onChange={handleVarListChange}
           />

web/app/components/workflow/nodes/end/panel.tsx

@@ -80,6 +80,7 @@ const Panel: FC<NodePanelProps<EndNodeType>> = ({
               === EndVarType.structured
               ? (
                 <VarList
+                  nodeId={id}
                   readonly={readOnly}
                   list={outputs.structured_variables!}
                   onChange={handleVarListChange}
@@ -88,6 +89,7 @@ const Panel: FC<NodePanelProps<EndNodeType>> = ({
               : (
                 <VarReferencePicker
                   isShowNodeName
+                  nodeId={id}
                   readonly={readOnly}
                   value={outputs.plain_text_selector!}
                   onChange={handelPlainTextSelectorChange}

web/app/components/workflow/nodes/if-else/components/condition-item.tsx

@@ -65,6 +65,7 @@ const getOperators = (type: string) => {
 
 type ItemProps = {
   readonly: boolean
+  nodeId: string
   payload: Condition
   onChange: (newItem: Condition) => void
   canRemove: boolean
@@ -76,6 +77,7 @@ type ItemProps = {
 
 const Item: FC<ItemProps> = ({
   readonly,
+  nodeId,
   payload,
   onChange,
   canRemove,
@@ -132,6 +134,7 @@ const Item: FC<ItemProps> = ({
 
       <div className='flex items-center space-x-1'>
         <VarReferencePicker
+          nodeId={nodeId}
           readonly={readonly}
           isShowNodeName
           className='grow'

web/app/components/workflow/nodes/if-else/components/condition-list.tsx

@@ -7,6 +7,7 @@ import Item from './condition-item'
 import type { Condition, LogicalOperator } from '@/app/components/workflow/nodes/if-else/types'
 
 type Props = {
+  nodeId: string
   className?: string
   readonly: boolean
   list: Condition[]
@@ -18,6 +19,7 @@ type Props = {
 const ConditionList: FC<Props> = ({
   className,
   readonly,
+  nodeId,
   list,
   onChange,
   logicalOperator,
@@ -50,6 +52,7 @@ const ConditionList: FC<Props> = ({
     <div className={cn(className, 'space-y-2')}>
       <Item
         readonly={readonly}
+        nodeId={nodeId}
         payload={list[0]}
         onChange={handleItemChange(0)}
         canRemove={canRemove}
@@ -63,6 +66,7 @@ const ConditionList: FC<Props> = ({
             <Item
               key={item.id}
               readonly={readonly}
+              nodeId={nodeId}
               payload={item}
               onChange={handleItemChange(i + 1)}
               canRemove={canRemove}

web/app/components/workflow/nodes/if-else/panel.tsx

@@ -33,6 +33,7 @@ const Panel: FC<NodePanelProps<IfElseNodeType>> = ({
             <ConditionList
               className='mt-2'
               readonly={readOnly}
+              nodeId={id}
               list={inputs.conditions}
               onChange={handleConditionsChange}
               logicalOperator={inputs.logical_operator}

web/app/components/workflow/nodes/knowledge-retrieval/panel.tsx

@@ -45,6 +45,7 @@ const Panel: FC<NodePanelProps<KnowledgeRetrievalNodeType>> = ({
           title={t(`${i18nPrefix}.queryVariable`)}
         >
           <VarReferencePicker
+            nodeId={id}
             readonly={readOnly}
             isShowNodeName
             value={inputs.query_variable_selector}

web/app/components/workflow/nodes/llm/panel.tsx

@@ -134,6 +134,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
         >
           <VarList
             readonly={readOnly}
+            nodeId={id}
             list={inputs.variables}
             onChange={handleVarListChange}
           />
@@ -146,6 +147,7 @@ const Panel: FC<NodePanelProps<LLMNodeType>> = ({
         >
           <VarReferencePicker
             readonly={readOnly}
+            nodeId={id}
             isShowNodeName
             value={inputs.context?.variable_selector || []}
             onChange={handleContextVarChange}

web/app/components/workflow/nodes/question-classifier/panel.tsx

@@ -48,6 +48,7 @@ const Panel: FC<NodePanelProps<QuestionClassifierNodeType>> = ({
           <VarReferencePicker
             readonly={readOnly}
             isShowNodeName
+            nodeId={id}
             value={inputs.query_variable_selector}
             onChange={handleQueryVarChange}
           />

web/app/components/workflow/nodes/tool/components/input-var-list.tsx

@@ -11,6 +11,7 @@ import VarReferencePicker from '@/app/components/workflow/nodes/_base/components
 
 type Props = {
   readOnly: boolean
+  nodeId: string
   schema: CredentialFormSchema[]
   value: ToolVarInput[]
   onChange: (value: ToolVarInput[]) => void
@@ -18,6 +19,7 @@ type Props = {
 
 const InputVarList: FC<Props> = ({
   readOnly,
+  nodeId,
   schema,
   value,
   onChange,
@@ -72,6 +74,7 @@ const InputVarList: FC<Props> = ({
               <VarReferencePicker
                 readonly={readOnly}
                 isShowNodeName
+                nodeId={nodeId}
                 value={varInput?.value_selector || []} // TODO: support constant value
                 onChange={handleChange(variable)}
               />

web/app/components/workflow/nodes/tool/panel.tsx

@@ -73,6 +73,7 @@ const Panel: FC<NodePanelProps<ToolNodeType>> = ({
             >
               <InputVarList
                 readOnly={readOnly}
+                nodeId={id}
                 schema={toolInputVarSchema as any}
                 value={inputs.tool_inputs}
                 onChange={setInputVar}

web/app/components/workflow/nodes/variable-assigner/components/var-list/index.tsx

@@ -9,12 +9,14 @@ import type { ValueSelector } from '@/app/components/workflow/types'
 
 type Props = {
   readonly: boolean
+  nodeId: string
   list: ValueSelector[]
   onChange: (list: ValueSelector[]) => void
 }
 
 const VarList: FC<Props> = ({
   readonly,
+  nodeId,
   list,
   onChange,
 }) => {
@@ -51,6 +53,7 @@ const VarList: FC<Props> = ({
         <div className='flex items-center space-x-1' key={index}>
           <VarReferencePicker
             readonly={readonly}
+            nodeId={nodeId}
             isShowNodeName
             className='grow'
             value={item}

web/app/components/workflow/nodes/variable-assigner/panel.tsx

@@ -61,6 +61,7 @@ const Panel: FC<NodePanelProps<VariableAssignerNodeType>> = ({
         >
           <VarList
             readonly={readOnly}
+            nodeId={id}
             list={inputs.variables}
             onChange={handleVarListChange}
           />