style: adjust some styles

src/components/icon-font/index.tsx

@@ -1,8 +1,8 @@
 import { createFromIconfontCN } from '@ant-design/icons';
-// import './iconfont/iconfont.js';
+import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_9h4e8ttfsau.js'
+  scriptUrl: ''
 });
 
 export default IconFont;

src/pages/cluster-management/components/add-worker/index.tsx

@@ -91,7 +91,7 @@ const AddWorker: React.FC<AddWorkerProps> = (props) => {
       closeIcon={true}
       maskClosable={false}
       keyboard={false}
-      width={860}
+      width={865}
       style={{}}
       maxContentHeight={'max(calc(100vh - 200px), 600px)'}
       footer={null}

src/pages/llmodels/forms/advance-config.tsx

@@ -5,13 +5,11 @@ import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import _ from 'lodash';
 import { useMemo } from 'react';
-import { DeployFormKeyMap, modelCategories } from '../config';
+import { modelCategories } from '../config';
 import { backendOptionsMap } from '../config/backend-parameters';
 import { useFormContext } from '../config/form-context';
 import { FormData } from '../config/types';
-import BackendForm from './backend';
 import BackendParametersList from './backend-parameters-list';
-import CustomBackend from './custom-backend';
 
 const AdvanceConfig = () => {
   const intl = useIntl();
@@ -64,12 +62,6 @@ const AdvanceConfig = () => {
           options={modelCategories}
         ></SealSelect>
       </Form.Item>
-      {formKey === DeployFormKeyMap.CATALOG && (
-        <>
-          <BackendForm></BackendForm>
-          <CustomBackend></CustomBackend>
-        </>
-      )}
 
       <BackendParametersList></BackendParametersList>
       <Form.Item<FormData> name="env">

src/pages/llmodels/forms/basic.tsx

@@ -10,12 +10,14 @@ import {
 import { useIntl } from '@umijs/max';
 import { Form } from 'antd';
 import { useMemo } from 'react';
-import { DeployFormKeyMap, sourceOptions } from '../config';
+import { sourceOptions } from '../config';
 import { useFormContext } from '../config/form-context';
 import { FormData } from '../config/types';
 import BackendForm from './backend';
+import CatalogFrom from './catalog';
 import CustomBackend from './custom-backend';
 import LocalPathSource from './local-path-source';
+import ModeField from './mode-field';
 import OnlineSource from './online-source';
 
 interface BasicFormProps {
@@ -126,13 +128,10 @@ const BasicForm: React.FC<BasicFormProps> = (props) => {
           ></SealSelect>
         }
       </Form.Item>
-      {formKey === DeployFormKeyMap.DEPLOYMENT && (
+      <ModeField></ModeField>
-        <>
+      <CatalogFrom></CatalogFrom>
-          <BackendForm></BackendForm>
+      <BackendForm></BackendForm>
-          <CustomBackend></CustomBackend>
+      <CustomBackend></CustomBackend>
-        </>
-      )}
-
       <Form.Item<FormData>
         name="replicas"
         rules={[

src/pages/llmodels/forms/mode-field.tsx

@@ -0,0 +1,46 @@
+import AutoTooltip from '@/components/auto-tooltip';
+import SealSelect from '@/components/seal-form/seal-select';
+import { useIntl } from '@umijs/max';
+import { Form, Select } from 'antd';
+import React from 'react';
+import { DeployFormKeyMap } from '../config';
+import { useCatalogFormContext, useFormContext } from '../config/form-context';
+
+const Performance: React.FC = () => {
+  const intl = useIntl();
+  const { formKey } = useFormContext();
+  const { modeList = [], onModeChange } = useCatalogFormContext();
+
+  if (formKey !== DeployFormKeyMap.CATALOG) return null;
+
+  return (
+    <>
+      <Form.Item name="mode">
+        <SealSelect
+          onChange={onModeChange}
+          label={intl.formatMessage({ id: 'models.form.mode' })}
+        >
+          {modeList?.map((item: any) => (
+            <Select.Option key={item.value} value={item.value}>
+              <AutoTooltip
+                showTitle={item.isBuiltIn}
+                ghost
+                title={
+                  item?.tips
+                    ? intl.formatMessage({ id: item?.tips || '' })
+                    : false
+                }
+              >
+                {item.isBuiltIn
+                  ? intl.formatMessage({ id: item?.label || '' })
+                  : item.label}
+              </AutoTooltip>
+            </Select.Option>
+          ))}
+        </SealSelect>
+      </Form.Item>
+    </>
+  );
+};
+
+export default Performance;

src/pages/llmodels/forms/performance.tsx

@@ -1,74 +1,13 @@
-import AutoTooltip from '@/components/auto-tooltip';
-import SealSelect from '@/components/seal-form/seal-select';
-import { useIntl } from '@umijs/max';
-import { Form, Select } from 'antd';
 import React from 'react';
-import { DeployFormKeyMap } from '../config';
+
-import { useCatalogFormContext, useFormContext } from '../config/form-context';
-import CatalogFrom from './catalog';
 import KVCacheForm from './kv-cache';
 import SpeculativeDecode from './speculative-decode';
 
-const modeTipsList = [
-  {
-    title: {
-      text: 'models.form.mode.throughput',
-      locale: true
-    },
-    tips: 'models.form.mode.throughput.tips'
-  },
-  {
-    title: {
-      text: 'models.form.mode.latency',
-      locale: true
-    },
-    tips: 'models.form.mode.latency.tips'
-  },
-  {
-    title: {
-      text: 'models.form.mode.baseline',
-      locale: true
-    },
-    tips: 'models.form.mode.baseline.tips'
-  }
-];
-
 const Performance: React.FC = () => {
-  const intl = useIntl();
-  const form = Form.useFormInstance();
-  const { formKey } = useFormContext();
-  const { modeList = [], onModeChange } = useCatalogFormContext();
-
   return (
     <>
       <div data-field="extended_kv_cache.enabled"></div>
-      {formKey === DeployFormKeyMap.CATALOG && (
+
-        <Form.Item name="mode">
-          <SealSelect
-            onChange={onModeChange}
-            label={intl.formatMessage({ id: 'models.form.mode' })}
-          >
-            {modeList?.map((item: any) => (
-              <Select.Option key={item.value} value={item.value}>
-                <AutoTooltip
-                  showTitle={item.isBuiltIn}
-                  ghost
-                  title={
-                    item?.tips
-                      ? intl.formatMessage({ id: item?.tips || '' })
-                      : false
-                  }
-                >
-                  {item.isBuiltIn
-                    ? intl.formatMessage({ id: item?.label || '' })
-                    : item.label}
-                </AutoTooltip>
-              </Select.Option>
-            ))}
-          </SealSelect>
-        </Form.Item>
-      )}
-      <CatalogFrom></CatalogFrom>
       <KVCacheForm></KVCacheForm>
       <SpeculativeDecode></SpeculativeDecode>
     </>

src/pages/resources/config/gpu-driver.ts

@@ -34,7 +34,7 @@ export const GPUsConfigs: Record<
     label: ManufacturerMap[GPUDriverMap.AMD],
     value: GPUDriverMap.AMD,
     runtime: 'amd',
-    driver: 'amd-smi'
+    driver: 'amd-smi static'
   },
   [GPUDriverMap.ASCEND]: {
     label: ManufacturerMap[GPUDriverMap.ASCEND],