From 1841781d96b0090ea0dd9ffa244b94cbb124eaa3 Mon Sep 17 00:00:00 2001
From: Monster <389264167@qq.com>
Date: Wed, 16 Jul 2025 19:59:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=85=E7=BD=AE=E6=A8=A1=E5=9E=8B=E4=B8=8D?=
 =?UTF-8?q?=E8=83=BD=E7=BC=96=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/api/types.ts                         |  2 ++
 ui/src/pages/model/components/modelCard.tsx | 32 ++++++++++++---------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/ui/src/api/types.ts b/ui/src/api/types.ts
index 81ae5aa..883929d 100644
--- a/ui/src/api/types.ts
+++ b/ui/src/api/types.ts
@@ -380,6 +380,8 @@ export interface DomainModel {
   input?: number;
   /** 是否启用 */
   is_active?: boolean;
+  /** 是否内部模型 */
+  is_internal?: boolean;
   /** 模型名称 如: deepseek-v3 */
   model_name?: string;
   /** 模型类型 llm:对话模型 coder:代码模型 */
diff --git a/ui/src/pages/model/components/modelCard.tsx b/ui/src/pages/model/components/modelCard.tsx
index 0887bca..a616d67 100644
--- a/ui/src/pages/model/components/modelCard.tsx
+++ b/ui/src/pages/model/components/modelCard.tsx
@@ -116,17 +116,15 @@ const ModelItem = ({
             }
             sx={{ fontSize: 24 }}
           />
-          <Stack direction='row' alignItems='center' gap={1}>
-            {data.show_name && (
-              <Box sx={{ fontSize: 14, color: 'text.tertiary' }}>
-                {data.show_name} /
-              </Box>
-            )}
-            <Box sx={{ fontWeight: 700 }}>{data.model_name}</Box>
+          <Stack direction='row' alignItems='center' gap={1} sx={{ fontSize: 14, minWidth: 0 }}>
+            <Box sx={{ fontWeight: 700, overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+              {data.show_name || '未命名'}
+            </Box>
+            <Box sx={{ color: 'text.tertiary', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>
+              / {data.model_name}
+            </Box>
           </Stack>
         </Stack>
-
-        {data.is_active && <StyledLabel color='success'>正在使用</StyledLabel>}
       </Stack>
       <Stack
         gap={1}
@@ -157,18 +155,21 @@ const ModelItem = ({
         </Stack>
       </Stack>
       <Stack
-        direction='row-reverse'
+        direction='row'
         justifyContent='space-between'
+        alignItems='center'
         gap={2}
         sx={{ mt: 2 }}
       >
+        <Stack direction='row' alignItems='center'>
+          {data.is_active && <StyledLabel color='success'>正在使用</StyledLabel>}
+        </Stack>
         <Stack
           direction='row'
-          justifySelf='flex-end'
           sx={{ button: { minWidth: 0 } }}
           gap={2}
         >
-          <ButtonBase
+          {!data.is_internal && <ButtonBase
             disableRipple
             sx={{
               color: 'info.main',
@@ -176,7 +177,7 @@ const ModelItem = ({
             onClick={() => onEdit(data)}
           >
             编辑
-          </ButtonBase>
+          </ButtonBase>}
           {!data.is_active && (
             <ButtonBase
               disableRipple
@@ -244,7 +245,10 @@ const ModelCard: React.FC<IModelCardProps> = ({ title, modelType }) => {
       {modelList?.length > 0 ? (
         <Grid container spacing={2} sx={{ mt: 2 }}>
           {modelList.map((item) => (
-            <Grid size={4} key={item.id}>
+            <Grid
+              size={{ xs: 12, sm: 12, md: 12, lg: 6, xl: 4 }}
+              key={item.id}
+            >
               <ModelItem data={item} onEdit={onEdit} refresh={refresh} />
             </Grid>
           ))}