fix: add message_history_window_size to GenerateForm #1472 (#1487)

### What problem does this PR solve?
fix: add message_history_window_size to GenerateForm #1472
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)

web/src/locales/en.ts

@@ -609,6 +609,9 @@ The above is the content you need to summarize.`,
       channelTip: `Perform text search or news search on the component's input`,
       text: 'Text',
       news: 'News',
+      messageHistoryWindowSize: 'Message window size',
+      messageHistoryWindowSizeTip:
+        'The  window size of conversation history that needed to be seen by LLM. The larger the better. But be careful with the maximum content length of LLM.',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/locales/zh-traditional.ts

@@ -570,6 +570,9 @@ export default {
       channelTip: '針對該組件的輸入進行文字搜尋或新聞搜索',
       text: '文字',
       news: '新聞',
+      messageHistoryWindowSize: '歷史訊息視窗大小',
+      messageHistoryWindowSizeTip:
+        'LLM需要查看的對話記錄的視窗大小。越大越好。但要注意LLM的最大內容長度。',
     },
     footer: {
       profile: '“保留所有權利 @ react”',

web/src/locales/zh.ts

@@ -588,6 +588,9 @@ export default {
       channelTip: '针对该组件的输入进行文本搜索或新闻搜索',
       text: '文本',
       news: '新闻',
+      messageHistoryWindowSize: '历史消息窗口大小',
+      messageHistoryWindowSizeTip:
+        'LLM 需要查看的对话历史窗口大小。越大越好。但要注意 LLM 的最大内容长度。',
     },
     footer: {
       profile: 'All rights reserved @ React',

web/src/pages/flow/constant.tsx

@@ -2,6 +2,8 @@ import { ReactComponent as BaiduIcon } from '@/assets/svg/baidu.svg';
 import { ReactComponent as DuckIcon } from '@/assets/svg/duck.svg';
 import { ReactComponent as KeywordIcon } from '@/assets/svg/keyword.svg';
 import { variableEnabledFieldMap } from '@/constants/chat';
+import i18n from '@/locales/config';
+
 import {
   BranchesOutlined,
   DatabaseOutlined,
@@ -162,10 +164,9 @@ const initialLlmBaseValues = {
 
 export const initialGenerateValues = {
   ...initialLlmBaseValues,
-  prompt: `Please summarize the following paragraphs. Be careful with the numbers, do not make things up. Paragraphs as following:
-  {input}
-The above is the content you need to summarize.`,
+  prompt: i18n.t('flow.promptText'),
   cite: true,
+  message_history_window_size: 12,
   parameters: [],
 };
 

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

@@ -1,6 +1,6 @@
 import LLMSelect from '@/components/llm-select';
 import { useTranslate } from '@/hooks/commonHooks';
-import { Form, Input, Switch } from 'antd';
+import { Form, Input, InputNumber, Switch } from 'antd';
 import { useSetLlmSetting } from '../hooks';
 import { IOperatorForm } from '../interface';
 import DynamicParameters from './dynamic-parameters';
@@ -13,8 +13,8 @@ const GenerateForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   return (
     <Form
       name="basic"
-      labelCol={{ span: 5 }}
-      wrapperCol={{ span: 19 }}
+      labelCol={{ span: 10 }}
+      wrapperCol={{ span: 14 }}
       autoComplete="off"
       form={form}
       onValuesChange={onValuesChange}
@@ -49,6 +49,14 @@ const GenerateForm = ({ onValuesChange, form, node }: IOperatorForm) => {
       >
         <Switch />
       </Form.Item>
+      <Form.Item
+        name={'message_history_window_size'}
+        label={t('messageHistoryWindowSize')}
+        initialValue={12}
+        tooltip={t('messageHistoryWindowSizeTip')}
+      >
+        <InputNumber style={{ width: '100%' }} />
+      </Form.Item>
       <DynamicParameters nodeId={node?.id}></DynamicParameters>
     </Form>
   );