chore: fallback selection

src/pages/maas-provider/components/provider-models.tsx

@@ -5,6 +5,7 @@ import {
   WarningOutlined
 } from '@ant-design/icons';
 import { Flex, Tag } from 'antd';
+import _ from 'lodash';
 import React from 'react';
 import { categoryConfig } from '../../_components/model-tag';
 import { ProviderModel } from '../config/types';
@@ -26,7 +27,7 @@ const ProviderModels: React.FC<ProviderModelProps> = ({ dataList }) => {
           <Tag
             key={model.name}
             icon={
-              model.accessible !== null
+              _.isBoolean(model.accessible)
                 ? iconsMap[model.accessible ? 'accessible' : 'inaccessible']
                 : iconsMap['none']
             }

src/pages/maas-provider/forms/advance-config.tsx

@@ -4,7 +4,7 @@ import YamlEditor from '@/pages/_components/yaml-editor';
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import React, { forwardRef, useImperativeHandle } from 'react';
-import AccessToken from './access-token';
+import APIKeys from './api-keys';
 import ProxyConfig from './proxy-config';
 
 const AdvanceConfig: React.FC<{
@@ -29,7 +29,7 @@ const AdvanceConfig: React.FC<{
   return (
     <>
       <div data-field="advanceConfig"></div>
-      <AccessToken></AccessToken>
+      <APIKeys></APIKeys>
       <ProxyConfig></ProxyConfig>
       <Form.Item
         hidden

src/pages/maas-provider/forms/supported-models.tsx

@@ -57,8 +57,13 @@ const SupportedModels = () => {
     <>
       <Form.Item name="models" data-field="supportedModels">
         <MetadataList
+          styles={{
+            wrapper: {
+              paddingTop: 14
+            }
+          }}
           dataList={modelList}
-          label={intl.formatMessage({ id: 'providers.table.models' })}
+          label=""
           btnText={intl.formatMessage({ id: 'providers.form.models.add' })}
           onAdd={onAdd}
           onDelete={onDelete}