From 0fd62748548da70aae7f7d3c0386f25876b83b46 Mon Sep 17 00:00:00 2001
From: sp mac bookpro 2605 <spmacbookpro2605@spdeMacBook-Pro.local>
Date: Mon, 25 May 2026 23:36:21 +0800
Subject: [PATCH] refactor(constants): rename default model icon to include
 size and color info

---
 src/constants.ts          |  2 +-
 src/pages/AgentEditor.tsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/constants.ts b/src/constants.ts
index 4ae9ca4..d14d8d7 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -1 +1 @@
-export const DEFAULT_MODEL_ICON = 'https://placehold.co/40x40/f3f4f6/9ca3af?text=RH';
+export const PLACEHOLDER_40X40_GRAY = 'https://placehold.co/40x40/f3f4f6/9ca3af?text=RH';
diff --git a/src/pages/AgentEditor.tsx b/src/pages/AgentEditor.tsx
index 949f3ba..6e7379b 100644
--- a/src/pages/AgentEditor.tsx
+++ b/src/pages/AgentEditor.tsx
@@ -3,7 +3,7 @@ import { Button, Form, Input, InputNumber, Modal, Upload, App as AntApp, List, P
 import type { UploadFile } from 'antd/es/upload/interface';
 import { useNavigate, useParams } from 'react-router-dom';
 import { Agent, AgentAPI, ImageAPI, KnowledgeStatus, SkillType, Team, TeamAPI, AiModel, ModelAPI } from '../api';
-import { DEFAULT_MODEL_ICON } from '../constants';
+import { PLACEHOLDER_40X40_GRAY } from '../constants';
 import SkillEditor from '../components/SkillEditor';
 import McpPanel from '../components/McpPanel';
 import ChatPreview from '../components/ChatPreview';
@@ -491,10 +491,10 @@ export default function AgentEditor() {
                             value: m.model_name,
                             label: (
                               <div className="flex items-center justify-between w-full py-1">
-                                <div className="flex items-center gap-2" style={{ flex: 1, minWidth: 0 }}>
-                                  <img src={m.icon || DEFAULT_MODEL_ICON} alt={m.model_name} style={{ width: 20, height: 20, objectFit: 'contain', borderRadius: 4, flexShrink: 0 }} />
-                                  <span className="font-medium text-gray-800" style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{m.model_name}</span>
-                                </div>
+                                  <div className="flex items-center gap-2" style={{ flex: 1, minWidth: 0 }}>
+                                    <img src={m.icon || PLACEHOLDER_40X40_GRAY} alt={m.model_name} style={{ width: 20, height: 20, objectFit: 'contain', borderRadius: 4, flexShrink: 0 }} />
+                                    <span className="font-medium text-gray-800" style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>{m.model_name}</span>
+                                  </div>
                                 <div className="flex flex-col items-end justify-center text-[10px] text-gray-400" style={{ flexShrink: 0, marginLeft: 8 }}>
                                   <span>输入: ${inputPrice.toFixed(2)}/M</span>
                                   <span>输出: ${outputPrice.toFixed(2)}/M</span>