feat(web): add question classifier node

web/src/views/Workflow/components/Properties/CategoryList/index.tsx

@@ -0,0 +1,64 @@
+import { type FC } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Input, Button, Form, Space } from 'antd';
+import { PlusOutlined, CopyOutlined, DeleteOutlined, ExpandOutlined } from '@ant-design/icons';
+
+interface CategoryListProps {
+  parentName: string;
+}
+
+const CategoryList: FC<CategoryListProps> = ({ parentName }) => {
+  const { t } = useTranslation();
+  const form = Form.useFormInstance();
+  const formValues = Form.useWatch([parentName], form);
+
+  console.log('formValues', formValues)
+  return (
+    <Form.List name={parentName}>
+      {(fields, { add, remove }) => (
+        <Space direction="vertical" size={12} className="rb:w-full">
+          {fields.map(({ key, name, ...restField }, index) => {
+            const currentItem = formValues?.[key] || {};
+            const contentLength = (currentItem.class_name || '').length;
+            
+            return (
+            <div key={key} className="rb:border rb:border-[#DFE4ED] rb:rounded-md rb:p-3 rb:bg-[#F8F9FB]">
+              <div className="rb:flex rb:items-center rb:justify-between rb:mb-2">
+                  <div>{t('workflow.config.question-classifier.class_name')} {index + 1}</div>
+                <div className="rb:flex rb:items-center rb:gap-1">
+                  <span className="rb:text-xs rb:text-gray-500">{contentLength}</span>
+                  <Button
+                    type="text"
+                    size="small"
+                    icon={<DeleteOutlined />}
+                      onClick={() => remove(name)}
+                  />
+                </div>
+              </div>
+              <Form.Item
+                {...restField}
+                  name={[name, 'class_name']}
+                noStyle
+              >
+                <Input.TextArea
+                  placeholder={t('common.pleaseEnter')}
+                  rows={2}
+                />
+              </Form.Item>
+            </div>
+          )})}
+          
+          <Button
+            type="dashed"
+            onClick={() => add({})}
+            className="rb:w-full"
+          >
+            + {t('workflow.config.question-classifier.addClassName')}
+          </Button>
+        </Space>
+      )}
+    </Form.List>
+  );
+};
+
+export default CategoryList;

web/src/views/Workflow/components/Properties/index.tsx

@@ -17,6 +17,7 @@ import GroupVariableList from './GroupVariableList'
 import CaseList from './CaseList'
 import HttpRequest from './HttpRequest';
 import MappingList from './MappingList'
+import CategoryList from './CategoryList'
 
 interface PropertiesProps {
   selectedNode?: Node | null; 
@@ -472,10 +473,15 @@ const Properties: FC<PropertiesProps> = ({
                       : config.type === 'variableList'
                       ? <VariableSelect
                           placeholder={t('common.pleaseSelect')}
-                          options={variableList}
+                          options={variableList.map(vo => ({
+                            ...vo,
+                            value: `{{${vo.value}}}`
+                          }))}
                         />
                       : config.type === 'switch'
                       ? <Switch />
+                      : config.type === 'categoryList'
+                      ? <CategoryList parentName={key} />
                       : null
                     }
                   </Form.Item>