fix(web): ui upgrade

web/src/views/ApplicationConfig/components/ModelConfigModal.tsx

@@ -2,7 +2,7 @@
  * @Author: ZhaoYing 
  * @Date: 2026-02-03 16:28:07 
  * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-24 10:59:20
+ * @Last Modified time: 2026-03-25 11:28:02
  */
 /**
  * Model Configuration Modal
@@ -11,13 +11,14 @@
  */
 
 import { forwardRef, useImperativeHandle, useState, useEffect } from 'react';
-import { Form, Select } from 'antd';
+import { Form, type SelectProps } from 'antd';
 import { useTranslation } from 'react-i18next';
 
 import type { ModelConfig, ModelConfigModalRef, Config, Source } from '../types'
-import type { ModelListItem } from '@/views/ModelManagement/types'
+import type { Model } from '@/views/ModelManagement/types'
 import RbModal from '@/components/RbModal'
 import RbSlider from '@/components/RbSlider'
+import ModelSelect from '@/components/ModelSelect'
 
 const FormItem = Form.Item;
 
@@ -25,8 +26,6 @@ const FormItem = Form.Item;
  * Component props
  */
 interface ModelConfigModalProps {
-  /** List of available models */
-  modelList?: ModelListItem[];
   /** Callback to update model configuration */
   refresh: (values: ModelConfig, type: Source) => void;
   /** Application configuration data */
@@ -51,7 +50,6 @@ const configFields = [
 const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(({
   refresh,
   data,
-  modelList = []
 }, ref) => {
   const { t } = useTranslation();
   const [visible, setVisible] = useState(false);
@@ -102,11 +100,11 @@ const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(
       });
   }
   /** Handle model selection change */
-  const handleChange = (_value: string, option: ModelListItem | ModelListItem[] | undefined) => {
+  const handleChange: SelectProps['onChange'] = (_value, option) => {
     if (source === 'chat') {
-      form.setFieldValue('label', (option as ModelListItem).name)
+      form.setFieldValue('label', (option as Model).name)
     } else {
-      form.setFieldValue('capability', (option as ModelListItem).capability)
+      form.setFieldValue('capability', (option as Model).capability)
     }
   }
 
@@ -140,13 +138,8 @@ const ModelConfigModal = forwardRef<ModelConfigModalRef, ModelConfigModalProps>(
           hidden={source === 'multi_agent'}
         >
           {source !== 'multi_agent' &&
-            <Select
+            <ModelSelect
               placeholder={t('common.pleaseSelect')}
-              fieldNames={{
-                label: 'name',
-                value: 'id',
-              }}
-              options={modelList}
               onChange={handleChange}
             />
           }