@lobehub/lobehub 2.0.0-next.89 → 2.0.0-next.90

package/locales/pl-PL/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash to wariant modelu, zoptymalizowany pod kątem efektywności kosztowej i niskiego opóźnienia."
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Model Gemini 2.0 Flash do generowania obrazów, wspierający generację obrazów"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash to najbardziej opłacalny model Google, oferujący wszechstronne funkcje."
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Preview to najbardziej opłacalny model Google, oferujący wszechstronne funkcje."
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview to najbardziej opłacalny model Google, oferujący wszechstronne funkcje."
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Wersja podglądowa (25 września 2025) Gemini 2.5 Flash"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview to najnowocześniejszy model myślowy Google, zdolny do rozumowania nad złożonymi problemami w dziedzinach kodowania, matematyki i STEM oraz do analizy dużych zbiorów danych, repozytoriów kodu i dokumentów z wykorzystaniem długich kontekstów."
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro to najinteligentniejszy model Google, oferujący najnowocześniejsze wnioskowanie i rozumienie multimodalne, a także zaawansowane funkcje agenta i kodowania kontekstu."
+  },
   "gemini-flash-latest": {
     "description": "Najnowsze wydanie Gemini Flash"
   },

package/locales/pt-BR/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "Interruptor de Pensamento Profundo"
     },
+    "thinkingLevel": {
+      "title": "Nível de raciocínio"
+    },
     "title": "Funcionalidade de Extensão do Modelo",
     "urlContext": {
       "desc": "Ao ativar, os links da web serão automaticamente analisados para obter o conteúdo real do contexto da página",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "Inserir o motivo da rejeição ajudará o Agente a entender e melhorar ações futuras",
       "rejectTitle": "Rejeitar esta chamada de ferramenta",
       "rejectedWithReason": "Esta chamada de ferramenta foi rejeitada: {{reason}}",
+      "toolAbort": "Esta chamada de ferramenta foi cancelada pelo usuário",
       "toolRejected": "Esta chamada de ferramenta foi rejeitada"
     }
   },

package/locales/pt-BR/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Variante do modelo Gemini 2.0 Flash, otimizada para custo-benefício e baixa latência."
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Modelo de pré-visualização Gemini 2.0 Flash, suporta geração de imagens"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash é o modelo com melhor custo-benefício do Google, oferecendo funcionalidades abrangentes."
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "O Gemini 2.5 Flash Preview é o modelo mais acessível do Google, oferecendo uma gama completa de funcionalidades."
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview é o modelo com melhor custo-benefício do Google, oferecendo funcionalidades abrangentes."
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Versão prévia (25 de setembro de 2025) do Gemini 2.5 Flash"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview é o modelo de pensamento mais avançado do Google, capaz de raciocinar sobre problemas complexos em código, matemática e áreas STEM, além de analisar grandes conjuntos de dados, bibliotecas de código e documentos usando contexto extenso."
   },
+  "gemini-3-pro-preview": {
+    "description": "O Gemini 3 Pro é o modelo mais inteligente do Google, com raciocínio de última geração, compreensão multimodal e poderosos recursos de agente e codificação de contexto."
+  },
   "gemini-flash-latest": {
     "description": "Última versão do Gemini Flash"
   },

package/locales/ru-RU/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "Переключатель глубокого мышления"
     },
+    "thinkingLevel": {
+      "title": "Уровень мышления"
+    },
     "title": "Расширенные функции модели",
     "urlContext": {
       "desc": "При включении автоматически будет анализироваться ссылка на веб-страницу для получения фактического содержимого контекста страницы",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "Указание причины отклонения поможет агенту лучше понять и улучшить последующие действия",
       "rejectTitle": "Отклонить вызов инструмента",
       "rejectedWithReason": "Вызов инструмента был отклонён по следующей причине: {{reason}}",
+      "toolAbort": "Вызов инструмента был отменён пользователем",
       "toolRejected": "Вызов инструмента был отклонён"
     }
   },

package/locales/ru-RU/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Модельный вариант Gemini 2.0 Flash, оптимизированный для достижения таких целей, как экономическая эффективность и низкая задержка."
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Модель предварительного просмотра Gemini 2.0 Flash, поддерживающая генерацию изображений"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash — самая экономичная модель Google, предоставляющая полный набор функций."
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Preview — это наиболее выгодная модель от Google, предлагающая широкий спектр возможностей."
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview — самая экономичная модель Google с полным набором функций."
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Предварительный релиз Gemini 2.5 Flash (25 сентября 2025 года)"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview — передовая модель мышления от Google, способная рассуждать над сложными задачами в области кода, математики и STEM, а также анализировать большие наборы данных, кодовые базы и документы с использованием длинного контекста."
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro — самая интеллектуальная модель от Google с передовыми возможностями рассуждения, мультимодального понимания, а также мощными функциями агента и кодирования контекста."
+  },
   "gemini-flash-latest": {
     "description": "Последний релиз Gemini Flash"
   },

package/locales/tr-TR/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "Derin Düşünme Anahtarı"
     },
+    "thinkingLevel": {
+      "title": "Düşünme Seviyesi"
+    },
     "title": "Model Genişletme Özellikleri",
     "urlContext": {
       "desc": "Etkinleştirildiğinde, gerçek web sayfası bağlam içeriğini almak için web bağlantıları otomatik olarak çözümlenir",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "Reddetme nedenini girmek, Agent'ın anlamasına ve sonraki eylemleri iyileştirmesine yardımcı olur",
       "rejectTitle": "Bu Araç Çağrısını Reddet",
       "rejectedWithReason": "Bu araç çağrısı şu nedenle reddedildi: {{reason}}",
+      "toolAbort": "Bu araç çağrısı kullanıcı tarafından iptal edildi",
       "toolRejected": "Bu araç çağrısı kullanıcı tarafından reddedildi"
     }
   },

package/locales/tr-TR/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash model varyantı, maliyet etkinliği ve düşük gecikme gibi hedefler için optimize edilmiştir."
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Gemini 2.0 Flash önizleme modeli, görüntü üretimini destekler."
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash, Google'ın en yüksek maliyet-performans modelidir ve kapsamlı özellikler sunar."
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Önizleme, Google'ın en iyi fiyat-performans oranına sahip modelidir ve kapsamlı özellikler sunar."
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Önizleme, Google'ın en yüksek maliyet-performans modelidir ve kapsamlı özellikler sunar."
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Gemini 2.5 Flash'ın önizleme sürümü (25 Eylül 2025)"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Önizlemesi, Google'ın en gelişmiş düşünce modelidir; kodlama, matematik ve STEM alanlarındaki karmaşık problemleri çözebilir ve uzun bağlam kullanarak büyük veri setleri, kod kütüphaneleri ve belgeleri analiz edebilir."
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro, Google'ın en akıllı modeli olup, en son teknoloji çıkarım ve çok modlu anlama yeteneklerinin yanı sıra güçlü aracı ve bağlam kodlama özelliklerine sahiptir."
+  },
   "gemini-flash-latest": {
     "description": "Gemini Flash'ın en son sürümü"
   },

package/locales/vi-VN/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "Công tắc suy nghĩ sâu"
     },
+    "thinkingLevel": {
+      "title": "Mức độ tư duy"
+    },
     "title": "Chức năng mở rộng mô hình",
     "urlContext": {
       "desc": "Bật tính năng này sẽ tự động phân tích liên kết trang web để lấy nội dung ngữ cảnh thực tế của trang web",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "Nhập lý do từ chối sẽ giúp Agent hiểu và cải thiện hành động sau này",
       "rejectTitle": "Từ chối lần gọi công cụ này",
       "rejectedWithReason": "Lần gọi công cụ này đã bị từ chối: {{reason}}",
+      "toolAbort": "Lần gọi công cụ này đã bị người dùng hủy",
       "toolRejected": "Lần gọi công cụ này đã bị từ chối"
     }
   },

package/locales/vi-VN/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Biến thể mô hình Gemini 2.0 Flash được tối ưu hóa cho hiệu quả chi phí và độ trễ thấp."
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Mô hình xem trước Gemini 2.0 Flash, hỗ trợ tạo hình ảnh"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash là mô hình có hiệu suất chi phí tốt nhất của Google, cung cấp đầy đủ các chức năng."
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Preview là mô hình có giá trị tốt nhất của Google, cung cấp đầy đủ các tính năng."
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview là mô hình có hiệu suất chi phí tốt nhất của Google, cung cấp các tính năng toàn diện."
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Phiên bản xem trước (25 tháng 9 năm 2025) của Gemini 2.5 Flash"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview là mô hình tư duy tiên tiến nhất của Google, có khả năng suy luận các vấn đề phức tạp trong lĩnh vực mã nguồn, toán học và STEM, cũng như phân tích dữ liệu lớn, kho mã và tài liệu với ngữ cảnh dài."
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro là mô hình thông minh nhất của Google, với khả năng suy luận tiên tiến hàng đầu và hiểu đa phương thức, cùng với các tính năng đại lý mạnh mẽ và mã hóa ngữ cảnh vượt trội."
+  },
   "gemini-flash-latest": {
     "description": "Phiên bản mới nhất của Gemini Flash"
   },

package/locales/zh-CN/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "深度思考开关"
     },
+    "thinkingLevel": {
+      "title": "思考水平"
+    },
     "title": "模型扩展功能",
     "urlContext": {
       "desc": "开启后将自动解析网页链接，以获取实际网页上下文内容",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "输入拒绝原因将帮助 Agent 理解并优化后续行动",
       "rejectTitle": "拒绝本次工具调用",
       "rejectedWithReason": "本次工具调用被主动拒绝:{{reason}}",
+      "toolAbort": "本次工具调用被用户取消",
       "toolRejected": "本次工具调用被主动拒绝"
     }
   },

package/locales/zh-CN/common.json

@@ -283,6 +283,7 @@
     "business": "商务合作",
     "support": "邮件支持"
   },
+  "new": "新",
   "oauth": "SSO 登录",
   "officialSite": "官方网站",
   "ok": "确定",

package/locales/zh-CN/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash 模型变体，针对成本效益和低延迟等目标进行了优化。"
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Gemini 2.0 Flash 预览模型，支持图像生成"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash 是 Google 性价比最高的模型，提供全面的功能。"
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Preview 是 Google 性价比最高的模型，提供全面的功能。"
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview 是 Google 性价比最高的模型，提供全面的功能。"
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "Preview release (Septempber 25th, 2025) of Gemini 2.5 Flash"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview 是 Google 最先进的思维模型，能够对代码、数学和STEM领域的复杂问题进行推理，以及使用长上下文分析大型数据集、代码库和文档。"
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro 是 Google 最智能的模型，具有 SOTA 推理和多模式理解，以及强大的代理和氛围编码功能。"
+  },
   "gemini-flash-latest": {
     "description": "Latest release of Gemini Flash"
   },

package/locales/zh-TW/chat.json

@@ -65,6 +65,9 @@
     "thinking": {
       "title": "深度思考開關"
     },
+    "thinkingLevel": {
+      "title": "思考層級"
+    },
     "title": "模型擴展功能",
     "urlContext": {
       "desc": "開啟後將自動解析網頁連結，以取得實際網頁上下文內容",
@@ -396,6 +399,7 @@
       "rejectReasonPlaceholder": "輸入拒絕原因將幫助 Agent 理解並優化後續行動",
       "rejectTitle": "拒絕本次工具調用",
       "rejectedWithReason": "本次工具調用被主動拒絕:{{reason}}",
+      "toolAbort": "本次工具呼叫已被使用者取消",
       "toolRejected": "本次工具調用被主動拒絕"
     }
   },

package/locales/zh-TW/models.json

@@ -1481,9 +1481,6 @@
   "gemini-2.0-flash-lite-001": {
     "description": "Gemini 2.0 Flash 模型變體，針對成本效益和低延遲等目標進行了優化。"
   },
-  "gemini-2.0-flash-preview-image-generation": {
-    "description": "Gemini 2.0 Flash 預覽模型，支持圖像生成"
-  },
   "gemini-2.5-flash": {
     "description": "Gemini 2.5 Flash 是 Google 性價比最高的模型，提供全面的功能。"
   },
@@ -1511,9 +1508,6 @@
   "gemini-2.5-flash-preview-04-17": {
     "description": "Gemini 2.5 Flash Preview 是 Google 性價比最高的模型，提供全面的功能。"
   },
-  "gemini-2.5-flash-preview-05-20": {
-    "description": "Gemini 2.5 Flash Preview 是 Google 性價比最高的模型，提供全面的功能。"
-  },
   "gemini-2.5-flash-preview-09-2025": {
     "description": "預覽版本（2025年9月25日）之 Gemini 2.5 Flash"
   },
@@ -1529,6 +1523,9 @@
   "gemini-2.5-pro-preview-06-05": {
     "description": "Gemini 2.5 Pro Preview 是 Google 最先進的思維模型，能夠對程式碼、數學和STEM領域的複雜問題進行推理，以及使用長上下文分析大型資料集、程式碼庫和文件。"
   },
+  "gemini-3-pro-preview": {
+    "description": "Gemini 3 Pro 是 Google 最智慧的模型，具備最先進的推理與多模態理解能力，以及強大的代理與情境編碼功能。"
+  },
   "gemini-flash-latest": {
     "description": "Gemini Flash 最新版本"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/lobehub",
-  "version": "2.0.0-next.89",
+  "version": "2.0.0-next.90",
   "description": "LobeHub - an open-source,comprehensive AI Agent framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/packages/model-bank/src/types/aiModel.ts

@@ -423,6 +423,7 @@ export interface EnabledAiModel {
   id: string;
   parameters?: ModelParamsSchema;
   providerId: string;
+  releasedAt?: string;
   settings?: AiModelSettings;
   sort?: number;
   type: AiModelType;

package/packages/types/src/message/common/metadata.ts

@@ -77,6 +77,7 @@ export const ModelPerformanceSchema = z.object({
 
 export const MessageMetadataSchema = ModelUsageSchema.merge(ModelPerformanceSchema).extend({
   collapsed: z.boolean().optional(),
+  inspectExpanded: z.boolean().optional(),
 });
 
 export interface ModelUsage extends ModelTokensUsage {
@@ -114,6 +115,11 @@ export interface MessageMetadata extends ModelUsage, ModelPerformance {
    * true: collapsed, false/undefined: expanded
    */
   collapsed?: boolean;
+  /**
+   * Tool inspect expanded state
+   * true: expanded, false/undefined: collapsed
+   */
+  inspectExpanded?: boolean;
   compare?: boolean;
   usage?: ModelUsage;
   performance?: ModelPerformance;

package/packages/utils/src/time.ts

@@ -39,3 +39,7 @@ export const lastMonth = () => monthsAgo(1).endOf('month');
 export function getYYYYmmddHHMMss(date: Date) {
   return dayjs(date).format('YYYYMMDD_HHmmss');
 }
+
+export const isNewReleaseDate = (date: string, days = 14) => {
+  return dayjs().diff(dayjs(date), 'day') < days;
+};

package/src/app/(backend)/middleware/auth/index.ts

@@ -21,12 +21,11 @@ import { createErrorResponse } from '@/utils/errorResponse';
 import { checkAuthMethod } from './utils';
 
 type CreateRuntime = (jwtPayload: ClientSecretPayload) => ModelRuntime;
-type RequestOptions = { createRuntime?: CreateRuntime; params: Promise<{ provider: string }> };
+type RequestOptions = { createRuntime?: CreateRuntime; params: Promise<{ provider?: string }> };
 
 export type RequestHandler = (
   req: Request,
   options: RequestOptions & {
-    createRuntime?: CreateRuntime;
     jwtPayload: ClientSecretPayload;
   },
 ) => Promise<Response>;

package/src/app/(backend)/webapi/chat/[provider]/route.ts

@@ -14,7 +14,7 @@ import { getTracePayload } from '@/utils/trace';
 export const maxDuration = 300;
 
 export const POST = checkAuth(async (req: Request, { params, jwtPayload, createRuntime }) => {
-  const { provider } = await params;
+  const provider = (await params)!.provider!;
 
   try {
     // ============  1. init chat model   ============ //

package/src/app/(backend)/webapi/models/[provider]/pull/route.ts

@@ -6,7 +6,7 @@ import { initModelRuntimeWithUserPayload } from '@/server/modules/ModelRuntime';
 import { createErrorResponse } from '@/utils/errorResponse';
 
 export const POST = checkAuth(async (req, { params, jwtPayload }) => {
-  const { provider } = await params;
+  const provider = (await params)!.provider!;
 
   try {
     const agentRuntime = await initModelRuntimeWithUserPayload(provider, jwtPayload);

package/src/app/(backend)/webapi/models/[provider]/route.ts

@@ -10,7 +10,7 @@ import { createErrorResponse } from '@/utils/errorResponse';
 const noNeedAPIKey = (provider: string) => [ModelProvider.OpenRouter].includes(provider as any);
 
 export const GET = checkAuth(async (req, { params, jwtPayload }) => {
-  const { provider } = await params;
+  const provider = (await params)!.provider!;
 
   try {
     const hasDefaultApiKey = jwtPayload.apiKey || 'dont-need-api-key-for-model-list';

package/src/app/(backend)/webapi/text-to-image/[provider]/route.ts

@@ -45,7 +45,7 @@ export const preferredRegion = [
 // );
 
 export const POST = checkAuth(async (req: Request, { params, jwtPayload }) => {
-  const { provider } = await params;
+  const provider = (await params)!.provider!;
 
   try {
     // ============  1. init chat model   ============ //

package/src/app/[variants]/(main)/settings/provider/features/ModelList/ModelItem.tsx

@@ -4,7 +4,7 @@ import { App, Switch } from 'antd';
 import { createStyles, useTheme } from 'antd-style';
 import { LucidePencil, TrashIcon } from 'lucide-react';
 import { AiModelSourceEnum, AiProviderModelListItem } from 'model-bank';
-import { memo, use, useState } from 'react';
+import React, { memo, use, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
@@ -17,6 +17,7 @@ import {
   getTextInputUnitRate,
   getTextOutputUnitRate,
 } from '@/utils/pricing';
+import { isNewReleaseDate } from '@/utils/time';
 
 import ModelConfigModal from './ModelConfigModal';
 import { ProviderSettingsContext } from './ProviderSettingsContext';
@@ -162,6 +163,70 @@ const ModelItem = memo<ModelItemProps>(
 
     const isMobile = useIsMobile();
 
+    const NewTag =
+      releasedAt && isNewReleaseDate(releasedAt) ? (
+        <Tag color="blue" style={{ marginLeft: 8 }}>
+          {t('new', { ns: 'common' })}
+        </Tag>
+      ) : null;
+
+    const ModelIdTag = (
+      <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>
+        {id}
+      </Tag>
+    );
+
+    const EnableSwitch = (
+      <Switch
+        checked={checked}
+        loading={isModelLoading}
+        onChange={async (e) => {
+          setChecked(e);
+          await toggleModelEnabled({ enabled: e, id, source, type });
+        }}
+        size={'small'}
+      />
+    );
+
+    const Actions =
+      modelEditable &&
+      ((style?: React.CSSProperties) => (
+        <Flexbox className={styles.config} horizontal style={style}>
+          <ActionIcon
+            icon={LucidePencil}
+            onClick={(e) => {
+              e.stopPropagation();
+              setShowConfig(true);
+            }}
+            size={'small'}
+            title={t('providerModels.item.config')}
+          />
+          {source !== AiModelSourceEnum.Builtin && (
+            <ActionIcon
+              icon={TrashIcon}
+              onClick={() => {
+                modal.confirm({
+                  centered: true,
+                  okButtonProps: {
+                    danger: true,
+                    type: 'primary',
+                  },
+                  onOk: async () => {
+                    await removeAiModel(id, activeAiProvider!);
+                    message.success(t('providerModels.item.delete.success'));
+                  },
+                  title: t('providerModels.item.delete.confirm', {
+                    displayName: displayName || id,
+                  }),
+                });
+              }}
+              size={'small'}
+              title={t('providerModels.item.delete.title')}
+            />
+          )}
+        </Flexbox>
+      ));
+
     const dom = isMobile ? (
       <Flexbox
         align={'center'}
@@ -195,58 +260,14 @@ const ModelItem = memo<ModelItemProps>(
               </Flexbox>
             </Flexbox>
             <div>
-              <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>
-                {id}
-              </Tag>
+              {ModelIdTag}
+              {NewTag}
             </div>
           </Flexbox>
         </Flexbox>
         <Flexbox align={'center'} gap={4} horizontal>
-          {modelEditable && (
-            <Flexbox className={styles.config} horizontal style={{ opacity: 1 }}>
-              <ActionIcon
-                icon={LucidePencil}
-                onClick={(e) => {
-                  e.stopPropagation();
-                  setShowConfig(true);
-                }}
-                size={'small'}
-                title={t('providerModels.item.config')}
-              />
-              {source !== AiModelSourceEnum.Builtin && (
-                <ActionIcon
-                  icon={TrashIcon}
-                  onClick={() => {
-                    modal.confirm({
-                      centered: true,
-                      okButtonProps: {
-                        danger: true,
-                        type: 'primary',
-                      },
-                      onOk: async () => {
-                        await removeAiModel(id, activeAiProvider!);
-                        message.success(t('providerModels.item.delete.success'));
-                      },
-                      title: t('providerModels.item.delete.confirm', {
-                        displayName: displayName || id,
-                      }),
-                    });
-                  }}
-                  size={'small'}
-                  title={t('providerModels.item.delete.title')}
-                />
-              )}
-            </Flexbox>
-          )}
-          <Switch
-            checked={checked}
-            loading={isModelLoading}
-            onChange={async (e) => {
-              setChecked(e);
-              await toggleModelEnabled({ enabled: e, id, source, type });
-            }}
-            size={'small'}
-          />
+          {Actions && Actions({ opacity: 1 })}
+          {EnableSwitch}
         </Flexbox>
       </Flexbox>
     ) : (
@@ -264,45 +285,9 @@ const ModelItem = memo<ModelItemProps>(
           <Flexbox flex={1} gap={2} style={{ minWidth: 0 }}>
             <Flexbox align={'center'} gap={8} horizontal>
               {displayName || id}
-              <Tag onClick={copyModelId} style={{ cursor: 'pointer', marginRight: 0 }}>
-                {id}
-              </Tag>
-              {modelEditable && (
-                <Flexbox className={styles.config} horizontal>
-                  <ActionIcon
-                    icon={LucidePencil}
-                    onClick={(e) => {
-                      e.stopPropagation();
-                      setShowConfig(true);
-                    }}
-                    size={'small'}
-                    title={t('providerModels.item.config')}
-                  />
-                  {source !== AiModelSourceEnum.Builtin && (
-                    <ActionIcon
-                      icon={TrashIcon}
-                      onClick={() => {
-                        modal.confirm({
-                          centered: true,
-                          okButtonProps: {
-                            danger: true,
-                            type: 'primary',
-                          },
-                          onOk: async () => {
-                            await removeAiModel(id, activeAiProvider!);
-                            message.success(t('providerModels.item.delete.success'));
-                          },
-                          title: t('providerModels.item.delete.confirm', {
-                            displayName: displayName || id,
-                          }),
-                        });
-                      }}
-                      size={'small'}
-                      title={t('providerModels.item.delete.title')}
-                    />
-                  )}
-                </Flexbox>
-              )}
+              {ModelIdTag}
+              {NewTag}
+              {Actions && Actions()}
             </Flexbox>
             <Flexbox align={'baseline'} gap={8} horizontal>
               {content.length > 0 && (
@@ -329,15 +314,7 @@ const ModelItem = memo<ModelItemProps>(
           {/*    <ActionIcon icon={Recycle} style={{ color: theme.colorWarning }} />*/}
           {/*  </Tooltip>*/}
           {/*)}*/}
-          <Switch
-            checked={checked}
-            loading={isModelLoading}
-            onChange={async (e) => {
-              setChecked(e);
-              await toggleModelEnabled({ enabled: e, id, source, type });
-            }}
-            size={'small'}
-          />
+          {EnableSwitch}
         </Flexbox>
       </Flexbox>
     );