Feat: remove useSetLlmSetting from GenerateForm #3591 (#3592)

### What problem does this PR solve?

Feat: remove useSetLlmSetting from GenerateForm #3591

### Type of change

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

web/src/locales/en.ts

       updateDate: 'Update Date',
       role: 'Role',
       invite: 'Invite',
-      agree: 'Agree',
-      refuse: 'Refuse',
+      agree: 'Accept',
+      refuse: 'Decline',
       teamMembers: 'Team Members',
       joinedTeams: 'Joined Teams',
     },

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

 import MessageHistoryWindowSizeItem from '@/components/message-history-window-size-item';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form } from 'antd';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import DynamicInputVariable from '../components/dynamic-input-variable';
 import DynamicCategorize from './dynamic-categorize';
     nodeId: node?.id,
     onValuesChange,
   });
-  useSetLlmSetting(form);
 
   return (
     <Form

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

 import MessageHistoryWindowSizeItem from '@/components/message-history-window-size-item';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form, Input, Switch } from 'antd';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import DynamicParameters from './dynamic-parameters';
 
 const GenerateForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const { t } = useTranslate('flow');
 
-  useSetLlmSetting(form);
-
   return (
     <Form
       name="basic"

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

 import Editor from '@monaco-editor/react';
 import { Form, Input, InputNumber, Select, Space, Switch } from 'antd';
 import { useTranslation } from 'react-i18next';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import DynamicVariablesForm from './dynamic-variables';
 
 const InvokeForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const { t } = useTranslation();
 
-  useSetLlmSetting(form);
-
   return (
     <>
       <Form

web/src/pages/flow/form/keyword-extract-form/index.tsx

 import TopNItem from '@/components/top-n-item';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form } from 'antd';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import DynamicInputVariable from '../components/dynamic-input-variable';
 
 const KeywordExtractForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const { t } = useTranslate('flow');
 
-  useSetLlmSetting(form);
-
   return (
     <Form
       name="basic"

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

 import { Form, Select } from 'antd';
 import { Operator } from '../../constant';
 import { useBuildFormSelectOptions } from '../../form-hooks';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 import { useWatchConnectionChanges } from './hooks';
 
 const RelevantForm = ({ onValuesChange, form, node }: IOperatorForm) => {
   const { t } = useTranslate('flow');
-  useSetLlmSetting(form);
   const buildRelevantOptions = useBuildFormSelectOptions(
     Operator.Relevant,
     node?.id,

web/src/pages/flow/form/rewrite-question-form/index.tsx

 import LLMSelect from '@/components/llm-select';
 import { useTranslate } from '@/hooks/common-hooks';
 import { Form, InputNumber } from 'antd';
-import { useSetLlmSetting } from '../../hooks';
 import { IOperatorForm } from '../../interface';
 
 const RewriteQuestionForm = ({ onValuesChange, form }: IOperatorForm) => {
   const { t } = useTranslate('chat');
-  useSetLlmSetting(form);
 
   return (
     <Form

web/src/pages/flow/hooks.tsx

 import { DefaultOptionType } from 'antd/es/select';
 import dayjs from 'dayjs';
 import { humanId } from 'human-id';
-import { get, lowerFirst } from 'lodash';
+import { get, isEmpty, lowerFirst, pick } from 'lodash';
 import trim from 'lodash/trim';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'umi';
   return useIsFetching({ queryKey: ['flowDetail'] }) > 0;
 };
 
-export const useSetLlmSetting = (form?: FormInstance) => {
-  const initialLlmSetting = undefined;
-
+export const useSetLlmSetting = (
+  form?: FormInstance,
+  formData?: Record<string, any>,
+) => {
+  const initialLlmSetting = pick(
+    formData,
+    Object.values(variableEnabledFieldMap),
+  );
   useEffect(() => {
     const switchBoxValues = Object.keys(variableEnabledFieldMap).reduce<
       Record<string, boolean>
     >((pre, field) => {
-      pre[field] =
-        initialLlmSetting === undefined
-          ? true
-          : !!initialLlmSetting[
-              variableEnabledFieldMap[
-                field as keyof typeof variableEnabledFieldMap
-              ] as keyof Variable
-            ];
+      pre[field] = isEmpty(initialLlmSetting)
+        ? true
+        : !!initialLlmSetting[
+            variableEnabledFieldMap[
+              field as keyof typeof variableEnabledFieldMap
+            ] as keyof Variable
+          ];
       return pre;
     }, {});
-    const otherValues = settledModelVariableMap[ModelVariableType.Precise];
+    let otherValues = settledModelVariableMap[ModelVariableType.Precise];
+    if (!isEmpty(initialLlmSetting)) {
+      otherValues = initialLlmSetting;
+    }
     form?.setFieldsValue({
       ...switchBoxValues,
       ...otherValues,