feat: Add message_history_window_size to CategorizeForm #1739 (#2826)

### What problem does this PR solve?

feat: Add message_history_window_size to CategorizeForm #1739
### Type of change

- [ ] Bug Fix (non-breaking change which fixes an issue)
- [x] New Feature (non-breaking change which adds functionality)
- [ ] Documentation Update
- [ ] Refactoring
- [ ] Performance Improvement
- [ ] Other (please describe):

web/src/components/message-history-window-size-item.tsx

@@ -0,0 +1,23 @@
+import { Form, InputNumber } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+const MessageHistoryWindowSizeItem = ({
+  initialValue,
+}: {
+  initialValue: number;
+}) => {
+  const { t } = useTranslation('flow');
+
+  return (
+    <Form.Item
+      name={'message_history_window_size'}
+      label={t('messageHistoryWindowSize')}
+      initialValue={initialValue}
+      tooltip={t('messageHistoryWindowSizeTip')}
+    >
+      <InputNumber style={{ width: '100%' }} />
+    </Form.Item>
+  );
+};
+
+export default MessageHistoryWindowSizeItem;

web/src/pages/flow/constant.tsx

@@ -366,6 +366,7 @@ export const initialRelevantValues = {
 
 export const initialCategorizeValues = {
   ...initialLlmBaseValues,
+  message_history_window_size: 1,
   category_description: {},
 };
 

web/src/pages/flow/form/categorize-form/index.tsx

@@ -1,4 +1,5 @@
 import LLMSelect from '@/components/llm-select';
+import MessageHistoryWindowSizeItem from '@/components/message-history-window-size-item';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form } from 'antd';
 import { useSetLlmSetting } from '../../hooks';
@@ -31,6 +32,9 @@ const CategorizeForm = ({ form, onValuesChange, node }: IOperatorForm) => {
       >
         <LLMSelect></LLMSelect>
       </Form.Item>
+      <MessageHistoryWindowSizeItem
+        initialValue={1}
+      ></MessageHistoryWindowSizeItem>
       <DynamicCategorize nodeId={node?.id}></DynamicCategorize>
     </Form>
   );

web/src/pages/flow/form/generate-form/index.tsx

@@ -1,6 +1,7 @@
 import LLMSelect from '@/components/llm-select';
+import MessageHistoryWindowSizeItem from '@/components/message-history-window-size-item';
 import { useTranslate } from '@/hooks/common-hooks';
-import { Form, Input, InputNumber, Switch } from 'antd';
+import { Form, Input, Switch } from 'antd';
 import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import DynamicParameters from './dynamic-parameters';
@@ -48,14 +49,9 @@ const GenerateForm = ({ onValuesChange, form, node }: IOperatorForm) => {
       >
         <Switch />
       </Form.Item>
-      <Form.Item
+      <MessageHistoryWindowSizeItem
-        name={'message_history_window_size'}
-        label={t('messageHistoryWindowSize')}
         initialValue={12}
-        tooltip={t('messageHistoryWindowSizeTip')}
+      ></MessageHistoryWindowSizeItem>
-      >
-        <InputNumber style={{ width: '100%' }} />
-      </Form.Item>
       <DynamicParameters nodeId={node?.id}></DynamicParameters>
     </Form>
   );