From b72d9778714e3eed3e477e2baa207a88d3f60fd8 Mon Sep 17 00:00:00 2001
From: Joel <iamjoel007@gmail.com>
Date: Tue, 8 Jul 2025 15:23:24 +0800
Subject: [PATCH] feat: loop var support bool type

---
 .../components/loop-variables/form-item.tsx   | 46 ++++++++-----------
 .../loop-variables/variable-type-select.tsx   |  8 ++++
 .../components/variable-modal.tsx             | 40 +++-------------
 .../panel/chat-variable-panel/utils.ts        | 35 ++++++++++++++
 web/app/components/workflow/types.ts          |  1 +
 5 files changed, 70 insertions(+), 60 deletions(-)
 create mode 100644 web/app/components/workflow/panel/chat-variable-panel/utils.ts

diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
index 4a05e457b3..6a66c242ba 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/form-item.tsx
@@ -18,33 +18,15 @@ import {
   ValueType,
   VarType,
 } from '@/app/components/workflow/types'
+import BoolValue from '@/app/components/workflow/panel/chat-variable-panel/components/bool-value'
 
-const objectPlaceholder = `#  example
-#  {
-#     "name": "ray",
-#     "age": 20
-#  }`
-const arrayStringPlaceholder = `#  example
-#  [
-#     "value1",
-#     "value2"
-#  ]`
-const arrayNumberPlaceholder = `#  example
-#  [
-#     100,
-#     200
-#  ]`
-const arrayObjectPlaceholder = `#  example
-#  [
-#     {
-#       "name": "ray",
-#       "age": 20
-#     },
-#     {
-#       "name": "lily",
-#       "age": 18
-#     }
-#  ]`
+import {
+  arrayBoolPlaceholder,
+  arrayNumberPlaceholder,
+  arrayObjectPlaceholder,
+  arrayStringPlaceholder,
+  objectPlaceholder,
+} from '@/app/components/workflow/panel/chat-variable-panel/utils'
 
 type FormItemProps = {
   nodeId: string
@@ -83,6 +65,8 @@ const FormItem = ({
       return arrayNumberPlaceholder
     if (var_type === VarType.arrayObject)
       return arrayObjectPlaceholder
+    if (var_type === VarType.arrayBoolean)
+      return arrayBoolPlaceholder
     return objectPlaceholder
   }, [var_type])
 
@@ -120,9 +104,17 @@ const FormItem = ({
           />
         )
       }
+      {
+        value_type === ValueType.constant && var_type === VarType.boolean && (
+          <BoolValue
+            value={value}
+            onChange={handleChange}
+          />
+        )
+      }
       {
         value_type === ValueType.constant
-        && (var_type === VarType.object || var_type === VarType.arrayString || var_type === VarType.arrayNumber || var_type === VarType.arrayObject)
+        && (var_type === VarType.object || var_type === VarType.arrayString || var_type === VarType.arrayNumber || var_type === VarType.arrayObject || var_type === VarType.arrayBoolean)
         && (
           <div className='w-full rounded-[10px] bg-components-input-bg-normal py-2 pl-3 pr-1' style={{ height: editorMinHeight }}>
             <CodeEditor
diff --git a/web/app/components/workflow/nodes/loop/components/loop-variables/variable-type-select.tsx b/web/app/components/workflow/nodes/loop/components/loop-variables/variable-type-select.tsx
index 5271660fcd..78a995d57e 100644
--- a/web/app/components/workflow/nodes/loop/components/loop-variables/variable-type-select.tsx
+++ b/web/app/components/workflow/nodes/loop/components/loop-variables/variable-type-select.tsx
@@ -22,6 +22,10 @@ const VariableTypeSelect = ({
       label: 'Object',
       value: VarType.object,
     },
+    {
+      label: 'Boolean',
+      value: VarType.boolean,
+    },
     {
       label: 'Array[string]',
       value: VarType.arrayString,
@@ -34,6 +38,10 @@ const VariableTypeSelect = ({
       label: 'Array[object]',
       value: VarType.arrayObject,
     },
+    {
+      label: 'Array[boolean]',
+      value: VarType.arrayBoolean,
+    },
   ]
 
   return (
diff --git a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
index 40c295630b..44b152d002 100644
--- a/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
+++ b/web/app/components/workflow/panel/chat-variable-panel/components/variable-modal.tsx
@@ -19,6 +19,13 @@ import cn from '@/utils/classnames'
 import { checkKeys, replaceSpaceWithUnderscreInVarNameInput } from '@/utils/var'
 import BoolValue from './bool-value'
 import ArrayBoolList from './array-bool-list'
+import {
+  arrayBoolPlaceholder,
+  arrayNumberPlaceholder,
+  arrayObjectPlaceholder,
+  arrayStringPlaceholder,
+  objectPlaceholder,
+} from '@/app/components/workflow/panel/chat-variable-panel/utils'
 
 export type ModalPropsType = {
   chatVar?: ConversationVariable
@@ -43,39 +50,6 @@ const typeList = [
   ChatVarType.ArrayObject,
 ]
 
-const objectPlaceholder = `#  example
-#  {
-#     "name": "ray",
-#     "age": 20
-#  }`
-const arrayStringPlaceholder = `#  example
-#  [
-#     "value1",
-#     "value2"
-#  ]`
-const arrayNumberPlaceholder = `#  example
-#  [
-#     100,
-#     200
-#  ]`
-const arrayObjectPlaceholder = `#  example
-#  [
-#     {
-#       "name": "ray",
-#       "age": 20
-#     },
-#     {
-#       "name": "lily",
-#       "age": 18
-#     }
-#  ]`
-
-const arrayBoolPlaceholder = `#  example
-#  [
-#     "True",
-#     "False"
-#  ]`
-
 const ChatVariableModal = ({
   chatVar,
   onClose,
diff --git a/web/app/components/workflow/panel/chat-variable-panel/utils.ts b/web/app/components/workflow/panel/chat-variable-panel/utils.ts
new file mode 100644
index 0000000000..9af43f365b
--- /dev/null
+++ b/web/app/components/workflow/panel/chat-variable-panel/utils.ts
@@ -0,0 +1,35 @@
+export const objectPlaceholder = `#  example
+#  {
+#     "name": "ray",
+#     "age": 20
+#  }`
+
+export const arrayStringPlaceholder = `#  example
+#  [
+#     "value1",
+#     "value2"
+#  ]`
+
+export const arrayNumberPlaceholder = `#  example
+#  [
+#     100,
+#     200
+#  ]`
+
+export const arrayObjectPlaceholder = `#  example
+#  [
+#     {
+#       "name": "ray",
+#       "age": 20
+#     },
+#     {
+#       "name": "lily",
+#       "age": 18
+#     }
+#  ]`
+
+export const arrayBoolPlaceholder = `#  example
+#  [
+#     "True",
+#     "False"
+#  ]`
diff --git a/web/app/components/workflow/types.ts b/web/app/components/workflow/types.ts
index 55717d75dd..342de79908 100644
--- a/web/app/components/workflow/types.ts
+++ b/web/app/components/workflow/types.ts
@@ -262,6 +262,7 @@ export enum VarType {
   arrayString = 'array[string]',
   arrayNumber = 'array[number]',
   arrayObject = 'array[object]',
+  arrayBoolean = 'array[boolean]',
   arrayFile = 'array[file]',
   any = 'any',
   arrayAny = 'array[any]',