feat(agentflow) - create array input component and add test cases (#5887)

* feat(agentflow): Add array input component with field visibility

- Add ArrayInput component for managing lists of structured data

- Implement field visibility engine with show/hide conditions

- Add minItems constraint support for array inputs

- Add comprehensive test coverage for ArrayInput and EditNodeDialog

- Update NodeInputHandler to support array type inputs

- Update types to include array-related input parameters

* Move show/hide field logic into EditNodeDialog

* FIx build issue

* Fix gemini comments

* Fix comments

* Lint error fix

Author: j-sanaa

packages/agentflow/examples/src/demos/CustomNodeExample.tsx

@@ -99,6 +99,38 @@ const customNodeInputParams: InputParam[] = [
         default: 2000,
         show: { enableMemory: true, memoryType: 'tokenBuffer' }
     },
+    {
+        id: 'conditions',
+        name: 'conditions',
+        label: 'Condition',
+        type: 'array',
+        array: [
+            {
+                id: 'variable',
+                name: 'variable',
+                label: 'Variable',
+                type: 'string'
+            },
+            {
+                id: 'operation',
+                name: 'operation',
+                label: 'Operation',
+                type: 'options',
+                options: [
+                    { label: 'Equals', name: 'equals' },
+                    { label: 'Contains', name: 'contains' },
+                    { label: 'Is Empty', name: 'isEmpty' }
+                ]
+            },
+            {
+                id: 'value',
+                name: 'value',
+                label: 'Value',
+                type: 'string',
+                hide: { 'conditions[$index].operation': 'isEmpty' }
+            }
+        ]
+    },
     {
         id: 'outputFormat',
         name: 'outputFormat',

packages/agentflow/jest.config.js

@@ -38,6 +38,7 @@ module.exports = {
     coverageThreshold: {
         './src/*.ts': { branches: 80, functions: 80, lines: 80, statements: 80 },
         './src/Agentflow.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },
+        './src/atoms/ArrayInput.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },
         './src/core/': { branches: 80, functions: 80, lines: 80, statements: 80 },
         './src/features/canvas/components/ConnectionLine.tsx': { branches: 80, functions: 80, lines: 80, statements: 80 },
         // Only getMinimumNodeHeight() is tested; the component is Tier 3 UI with no business logic