✨ Model config now shows provider icon based on the base url of the models

🐛 Bugfix: optimize the model batch add logic to eliminate the name inconsistency (won't work for existing models)

Author: Jasonxia007

backend/services/model_management_service.py

@@ -21,7 +21,6 @@
 from services.model_health_service import embedding_dimension_check
 from utils.model_name_utils import (
     add_repo_to_name,
-    split_display_name,
     split_repo_name,
     sort_models_by_id,
 )
@@ -50,8 +49,10 @@ async def create_model_for_tenant(user_id: str, tenant_id: str, model_data: Dict
         model_data["model_name"] = model_name
 
         if not model_data.get("display_name"):
-            model_data["display_name"] = split_display_name(
-                model_data.get("model_name", ""))
+            model_data["display_name"] = add_repo_to_name(
+                model_repo=model_data.get("model_repo", ""),
+                model_name=model_data.get("model_name", "")
+            )
 
         # Use NOT_DETECTED status as default
         model_data["connect_status"] = model_data.get(
@@ -147,10 +148,12 @@ async def batch_create_models_for_tenant(user_id: str, tenant_id: str, batch_pay
         for model in model_list:
             _, model_name = split_repo_name(
                 model["id"]) if model.get("id") else ("", "")
-            model_display_name = split_display_name(model.get("id", ""))
+            model_repo, model_name_only = split_repo_name(
+                model.get("id", "")) if model.get("id") else ("", "")
+            model_display_name = add_repo_to_name(model_repo, model_name_only)
             if model_name:
                 existing_model_by_display = get_model_by_display_name(
-                    provider + "/" + model_display_name, tenant_id)
+                    model_display_name, tenant_id)
                 if existing_model_by_display:
                     # Check if max_tokens has changed
                     existing_max_tokens = existing_model_by_display.get(

backend/services/model_provider_service.py

@@ -9,7 +9,7 @@
 from consts.provider import SILICON_GET_URL, ProviderEnum
 from database.model_management_db import get_models_by_tenant_factory_type
 from services.model_health_service import embedding_dimension_check
-from utils.model_name_utils import split_repo_name, split_display_name
+from utils.model_name_utils import split_repo_name, add_repo_to_name
 
 logger = logging.getLogger("model_provider_service")
 
@@ -83,7 +83,7 @@ async def prepare_model_dict(provider: str, model: dict, model_url: str, model_a
 
     # Split repo/name once so it can be reused multiple times.
     model_repo, model_name = split_repo_name(model["id"])
-    model_display_name = split_display_name(model["id"])
+    model_display_name = add_repo_to_name(model_repo, model_name)
 
     # Build the canonical representation using the existing Pydantic schema for
     # consistency of validation and default handling.
@@ -93,7 +93,7 @@ async def prepare_model_dict(provider: str, model: dict, model_url: str, model_a
         model_type=model["model_type"],
         api_key=model_api_key,
         max_tokens=model["max_tokens"],
-        display_name=f"{provider}/{model_display_name}"
+        display_name=model_display_name
     )
 
     model_dict = model_obj.model_dump()

frontend/app/[locale]/setup/models/components/model/ModelAddDialog.tsx

@@ -651,8 +651,8 @@ export const ModelAddDialog = ({ isOpen, onClose, onSuccess }: ModelAddDialogPro
             <div className="mt-2 ml-6 flex items-center">
               <span>{t('model.dialog.label.currentlySupported')}</span>
               {form.isBatchImport && (
-                <Tooltip title="SiliconCloud">
-                  <img src="/siliconcloud-color.png" alt="SiliconCloud" className="h-4 ml-1.5" />
+                <Tooltip title="SiliconFlow">
+                  <img src="/siliconflow.png" alt="SiliconFlow" className="h-4 ml-1.5" />
                 </Tooltip>
               )}
               {form.type === 'llm' && !form.isBatchImport && (
@@ -661,13 +661,13 @@ export const ModelAddDialog = ({ isOpen, onClose, onSuccess }: ModelAddDialogPro
                     <img src="/openai.png" alt="OpenAI" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Kimi">
-                    <img src="/kimi-color.png" alt="Kimi" className="h-4 ml-1.5" />
+                    <img src="/kimi.png" alt="Kimi" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Deepseek">
-                    <img src="/deepseek-color.png" alt="Deepseek" className="h-4 ml-1.5" />
+                    <img src="/deepseek.png" alt="Deepseek" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Qwen">
-                    <img src="/qwen-color.png" alt="Qwen" className="h-4 ml-1.5" />
+                    <img src="/qwen.png" alt="Qwen" className="h-4 ml-1.5" />
                   </Tooltip>
                   <span className="ml-1.5">...</span>
                 </>
@@ -678,7 +678,7 @@ export const ModelAddDialog = ({ isOpen, onClose, onSuccess }: ModelAddDialogPro
                     <img src="/openai.png" alt="OpenAI" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Qwen">
-                    <img src="/qwen-color.png" alt="Qwen" className="h-4 ml-1.5" />
+                    <img src="/qwen.png" alt="Qwen" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Jina">
                     <img src="/jina.png" alt="Jina" className="h-4 ml-1.5" />
@@ -692,10 +692,10 @@ export const ModelAddDialog = ({ isOpen, onClose, onSuccess }: ModelAddDialogPro
               {form.type === 'vlm' && !form.isBatchImport && (
                 <>
                   <Tooltip title="Qwen">
-                    <img src="/qwen-color.png" alt="Qwen" className="h-4 ml-1.5" />
+                    <img src="/qwen.png" alt="Qwen" className="h-4 ml-1.5" />
                   </Tooltip>
                   <Tooltip title="Deepseek">
-                    <img src="/deepseek-color.png" alt="Deepseek" className="h-4 ml-1.5" />
+                    <img src="/deepseek.png" alt="Deepseek" className="h-4 ml-1.5" />
                   </Tooltip>
                   <span className="ml-1.5">...</span>
                 </>

frontend/app/[locale]/setup/models/components/model/ModelDeleteDialog.tsx

@@ -211,8 +211,8 @@ export const ModelDeleteDialog = ({
       case MODEL_SOURCES.SILICON:
         return (
           <img
-            src="/siliconcloud-color.png"
-            alt="Silicon"
+            src="/siliconflow.png"
+            alt="SiliconFlow"
             className="w-5 h-5"
           />
         );