{isVariable ?
:
{defaultInput.value}}
diff --git a/web/app/components/workflow/nodes/list-operator/components/__tests__/filter-condition.spec.tsx b/web/app/components/workflow/nodes/list-operator/components/__tests__/filter-condition.spec.tsx
new file mode 100644
index 0000000000..155b155286
--- /dev/null
+++ b/web/app/components/workflow/nodes/list-operator/components/__tests__/filter-condition.spec.tsx
@@ -0,0 +1,145 @@
+import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { VarType } from '../../../../types'
+import { ComparisonOperator } from '../../../if-else/types'
+import FilterCondition from '../filter-condition'
+
+vi.mock('@/app/components/workflow/nodes/_base/hooks/use-available-var-list', () => ({
+ default: () => ({
+ availableVars: [],
+ availableNodesWithParent: [],
+ }),
+}))
+
+vi.mock('@/app/components/workflow/nodes/_base/components/input-support-select-var', () => ({
+ default: ({
+ value,
+ onChange,
+ }: {
+ value: string
+ onChange: (value: string) => void
+ }) => (
+
onChange(e.target.value)}
+ />
+ ),
+}))
+
+vi.mock('../../../../panel/chat-variable-panel/components/bool-value', () => ({
+ default: ({ value, onChange }: { value: boolean, onChange: (value: boolean) => void }) => (
+
+ ),
+}))
+
+vi.mock('../../../if-else/components/condition-list/condition-operator', () => ({
+ default: ({
+ value,
+ onSelect,
+ }: {
+ value: string
+ onSelect: (value: string) => void
+ }) => (
+
+ ),
+}))
+
+vi.mock('../sub-variable-picker', () => ({
+ default: ({
+ value,
+ onChange,
+ }: {
+ value: string
+ onChange: (value: string) => void
+ }) => (
+
+ ),
+}))
+
+describe('FilterCondition', () => {
+ beforeEach(() => {
+ vi.clearAllMocks()
+ })
+
+ it('should render a select input for array-backed file conditions', () => {
+ render(
+
,
+ )
+
+ expect(screen.getByText(/operator:/)).toBeInTheDocument()
+ expect(screen.getByText(/sub-variable:/)).toBeInTheDocument()
+ })
+
+ it('should render a boolean value control for boolean variables', async () => {
+ const user = userEvent.setup()
+ const onChange = vi.fn()
+
+ render(
+
,
+ )
+
+ await user.click(screen.getByRole('button', { name: 'false' }))
+
+ expect(onChange).toHaveBeenCalledWith({
+ key: 'enabled',
+ comparison_operator: ComparisonOperator.equal,
+ value: true,
+ })
+ })
+
+ it('should reset operator and value when the sub variable changes', async () => {
+ const user = userEvent.setup()
+ const onChange = vi.fn()
+
+ render(
+
,
+ )
+
+ await user.click(screen.getByRole('button', { name: 'sub-variable:' }))
+
+ expect(onChange).toHaveBeenCalledWith({
+ key: 'size',
+ comparison_operator: ComparisonOperator.largerThan,
+ value: '',
+ })
+ })
+})
diff --git a/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx b/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
index e54bb6ee10..f03b0fdc28 100644
--- a/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
+++ b/web/app/components/workflow/nodes/list-operator/components/filter-condition.tsx
@@ -17,6 +17,8 @@ import { ComparisonOperator } from '../../if-else/types'
import { comparisonOperatorNotRequireValue, getOperators } from '../../if-else/utils'
import SubVariablePicker from './sub-variable-picker'
+type VariableInputProps = React.ComponentProps
+
const optionNameI18NPrefix = 'nodes.ifElse.optionName'
const VAR_INPUT_SUPPORTED_KEYS: Record = {
@@ -37,6 +39,147 @@ type Props = {
nodeId: string
}
+const getExpectedVarType = (condition: Condition, varType: VarType) => {
+ return condition.key ? VAR_INPUT_SUPPORTED_KEYS[condition.key] : varType
+}
+
+const getSelectOptions = (
+ condition: Condition,
+ isSelect: boolean,
+ t: ReturnType['t'],
+) => {
+ if (!isSelect)
+ return []
+
+ if (condition.key === 'type' || condition.comparison_operator === ComparisonOperator.allOf) {
+ return FILE_TYPE_OPTIONS.map(item => ({
+ name: t(`${optionNameI18NPrefix}.${item.i18nKey}`, { ns: 'workflow' }),
+ value: item.value,
+ }))
+ }
+
+ if (condition.key === 'transfer_method') {
+ return TRANSFER_METHOD.map(item => ({
+ name: t(`${optionNameI18NPrefix}.${item.i18nKey}`, { ns: 'workflow' }),
+ value: item.value,
+ }))
+ }
+
+ return []
+}
+
+const getFallbackInputType = ({
+ hasSubVariable,
+ condition,
+ varType,
+}: {
+ hasSubVariable: boolean
+ condition: Condition
+ varType: VarType
+}) => {
+ return ((hasSubVariable && condition.key === 'size') || (!hasSubVariable && varType === VarType.number))
+ ? 'number'
+ : 'text'
+}
+
+const ValueInput = ({
+ comparisonOperator,
+ isSelect,
+ isArrayValue,
+ isBoolean,
+ supportVariableInput,
+ selectOptions,
+ condition,
+ readOnly,
+ availableVars,
+ availableNodesWithParent,
+ onFocusChange,
+ onChange,
+ hasSubVariable,
+ varType,
+ t,
+}: {
+ comparisonOperator: ComparisonOperator
+ isSelect: boolean
+ isArrayValue: boolean
+ isBoolean: boolean
+ supportVariableInput: boolean
+ selectOptions: Array<{ name: string, value: string }>
+ condition: Condition
+ readOnly: boolean
+ availableVars: VariableInputProps['nodesOutputVars']
+ availableNodesWithParent: VariableInputProps['availableNodes']
+ onFocusChange: (value: boolean) => void
+ onChange: (value: unknown) => void
+ hasSubVariable: boolean
+ varType: VarType
+ t: ReturnType['t']
+}) => {
+ const [isFocus, setIsFocus] = useState(false)
+
+ const handleFocusChange = (value: boolean) => {
+ setIsFocus(value)
+ onFocusChange(value)
+ }
+
+ if (comparisonOperatorNotRequireValue(comparisonOperator))
+ return null
+
+ if (isSelect) {
+ return (
+