fix: adjust border raduis

src/pages/llmodels/components/instance-cells/name-cell.tsx

@@ -19,6 +19,9 @@ export interface NameCellProps {
   modelData: any;
   defaultOpenId?: string;
   showWorkerInfo?: boolean;
+  styles?: {
+    label?: React.CSSProperties;
+  };
 }
 
 const calcTotalVram = (vram: Record<string, number>) => {
@@ -110,12 +113,15 @@ const NameCell: React.FC<NameCellProps> = ({
   record,
   modelData,
   defaultOpenId,
-  showWorkerInfo = true
+  showWorkerInfo = true,
+  styles
 }) => {
   return (
     <span className="flex-center instance-name">
       <AutoTooltip title={record.name} ghost>
-        <span className="m-r-5">{record.name}</span>
+        <span className="m-r-5" style={styles?.label}>
+          {record.name}
+        </span>
       </AutoTooltip>
       {!!record.worker_id && showWorkerInfo && (
         <WorkerInfo

src/pages/llmodels/components/instance/instance-item.tsx

@@ -31,7 +31,10 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
   return (
     <div style={{ borderRadius: 'var(--ant-table-header-border-radius)' }}>
       <RowChildren>
-        <Row style={{ width: '100%' }} align="middle">
+        <Row
+          style={{ width: '100%', color: 'var(--ant-color-text-secondary)' }}
+          align="middle"
+        >
           <Col
             span={6}
             style={{

src/pages/llmodels/components/left-filters.tsx

@@ -1,9 +1,8 @@
-import BaseSelect from '@/components/seal-form/base/select';
 import { SearchOutlined, SyncOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Button, Input, Space } from 'antd';
 import React from 'react';
-import { modelCategories } from '../config';
+import Filters from '../filters';
 import useFilterStatus from '../hooks/use-filter-status';
 
 interface LeftFiltersProps {
@@ -12,6 +11,7 @@ interface LeftFiltersProps {
   handleStatusChange: (value: string) => void;
   handleSearch: () => void;
   handleCategoryChange: (value: string) => void;
+  onFilterChange: (allValues: any) => void;
   clusterList: Global.BaseOption<number>[];
 }
 
@@ -22,6 +22,7 @@ const LeftFilters: React.FC<LeftFiltersProps> = (props) => {
     handleStatusChange,
     handleSearch,
     handleCategoryChange,
+    onFilterChange,
     clusterList
   } = props;
   const { labelRender, optionRender, statusOptions } = useFilterStatus();
@@ -36,12 +37,19 @@ const LeftFilters: React.FC<LeftFiltersProps> = (props) => {
           ></SearchOutlined>
         }
         placeholder={intl.formatMessage({ id: 'common.filter.name' })}
-        style={{ width: 200 }}
+        style={{ width: 400 }}
         size="large"
         allowClear
+        suffix={
+          <Filters
+            clusterList={clusterList}
+            onValuesChange={onFilterChange}
+          ></Filters>
+        }
         onChange={handleNameChange}
       ></Input>
-      <BaseSelect
+
+      {/* <BaseSelect
         allowClear
         showSearch={false}
         placeholder={intl.formatMessage({
@@ -76,7 +84,7 @@ const LeftFilters: React.FC<LeftFiltersProps> = (props) => {
         labelRender={labelRender}
         options={statusOptions}
         onChange={handleStatusChange}
-      ></BaseSelect>
+      ></BaseSelect> */}
       <Button
         type="text"
         style={{ color: 'var(--ant-color-text-tertiary)' }}

src/pages/llmodels/components/table-list.tsx

@@ -564,6 +564,7 @@ const Models: React.FC<ModelsProps> = ({
               handleCategoryChange={handleCategoryChange}
               handleStatusChange={onStatusChange}
               handleSearch={handleSearch}
+              onFilterChange={onFilterChange}
               clusterList={clusterList}
             ></LeftFilters>
           }