feat(next-search): Added AI summary functionality #3221 (#9402)

### What problem does this PR solve?

feat(next-search): Added AI summary functionality #3221

- Added the LlmSettingFieldItems component for AI summary settings
- Updated the SearchSetting component to integrate AI summary
functionality
- Added the updateSearch hook and related service methods
- Modified the ISearchAppDetailProps interface to add the llm_setting
field

### Type of change
- [x] New Feature (non-breaking change which adds functionality)

web/src/pages/next-search/search-setting-aisummery-config.tsx

@@ -0,0 +1,182 @@
+import { SliderInputSwitchFormField } from '@/components/llm-setting-items/slider';
+import { SelectWithSearch } from '@/components/originui/select-with-search';
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from '@/components/ui/form';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@/components/ui/select';
+import {
+  LlmModelType,
+  ModelVariableType,
+  settledModelVariableMap,
+} from '@/constants/knowledge';
+import { useTranslate } from '@/hooks/common-hooks';
+import { useComposeLlmOptionsByModelTypes } from '@/hooks/llm-hooks';
+import { camelCase } from 'lodash';
+import { useCallback } from 'react';
+import { useFormContext } from 'react-hook-form';
+import { z } from 'zod';
+
+interface LlmSettingFieldItemsProps {
+  prefix?: string;
+  options?: any[];
+}
+
+export const LlmSettingSchema = {
+  llm_id: z.string(),
+  temperature: z.coerce.number(),
+  top_p: z.string(),
+  presence_penalty: z.coerce.number(),
+  frequency_penalty: z.coerce.number(),
+  temperatureEnabled: z.boolean(),
+  topPEnabled: z.boolean(),
+  presencePenaltyEnabled: z.boolean(),
+  frequencyPenaltyEnabled: z.boolean(),
+  maxTokensEnabled: z.boolean(),
+};
+
+export function LlmSettingFieldItems({
+  prefix,
+  options,
+}: LlmSettingFieldItemsProps) {
+  const form = useFormContext();
+  const { t } = useTranslate('chat');
+
+  const modelOptions = useComposeLlmOptionsByModelTypes([
+    LlmModelType.Chat,
+    LlmModelType.Image2text,
+  ]);
+
+  const handleChange = useCallback(
+    (parameter: string) => {
+      // const currentValues = { ...form.getValues() };
+      const values =
+        settledModelVariableMap[
+          parameter as keyof typeof settledModelVariableMap
+        ];
+
+      // const nextValues = { ...currentValues, ...values };
+
+      for (const key in values) {
+        if (Object.prototype.hasOwnProperty.call(values, key)) {
+          const element = values[key];
+
+          form.setValue(`${prefix}.${key}`, element);
+        }
+      }
+    },
+    [form, prefix],
+  );
+
+  const parameterOptions = Object.values(ModelVariableType).map((x) => ({
+    label: t(camelCase(x)),
+    value: x,
+  }));
+
+  const getFieldWithPrefix = useCallback(
+    (name: string) => {
+      return prefix ? `${prefix}.${name}` : name;
+    },
+    [prefix],
+  );
+
+  return (
+    <div className="space-y-5">
+      <FormField
+        control={form.control}
+        name={getFieldWithPrefix('llm_id')}
+        render={({ field }) => (
+          <FormItem>
+            <FormLabel>
+              <span className="text-destructive mr-1"> *</span>
+              {t('model')}
+            </FormLabel>
+            <FormControl>
+              <SelectWithSearch
+                options={options || modelOptions}
+                triggerClassName="bg-bg-card"
+                {...field}
+              ></SelectWithSearch>
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+      <FormField
+        control={form.control}
+        name={getFieldWithPrefix('parameter')}
+        render={({ field }) => (
+          <FormItem className="flex justify-between gap-4 items-center">
+            <FormLabel>{t('freedom')}</FormLabel>
+            <FormControl>
+              <div className="w-28">
+                <Select
+                  {...field}
+                  onValueChange={(val) => {
+                    handleChange(val);
+                    field.onChange(val);
+                  }}
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {parameterOptions.map((x) => (
+                      <SelectItem value={x.value} key={x.value}>
+                        {x.label}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </div>
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+      <SliderInputSwitchFormField
+        name={getFieldWithPrefix('temperature')}
+        checkName="temperatureEnabled"
+        label="temperature"
+        max={1}
+        step={0.01}
+      ></SliderInputSwitchFormField>
+      <SliderInputSwitchFormField
+        name={getFieldWithPrefix('top_p')}
+        checkName="topPEnabled"
+        label="topP"
+        max={1}
+        step={0.01}
+      ></SliderInputSwitchFormField>
+      <SliderInputSwitchFormField
+        name={getFieldWithPrefix('presence_penalty')}
+        checkName="presencePenaltyEnabled"
+        label="presencePenalty"
+        max={1}
+        step={0.01}
+      ></SliderInputSwitchFormField>
+      <SliderInputSwitchFormField
+        name={getFieldWithPrefix('frequency_penalty')}
+        checkName="frequencyPenaltyEnabled"
+        label="frequencyPenalty"
+        max={1}
+        step={0.01}
+      ></SliderInputSwitchFormField>
+      {/* <SliderInputSwitchFormField
+        name={getFieldWithPrefix('max_tokens')}
+        checkName="maxTokensEnabled"
+        label="maxTokens"
+        max={128000}
+      ></SliderInputSwitchFormField> */}
+    </div>
+  );
+}