From c23df17355aa068bcaaa13a3456525e1292f97ba Mon Sep 17 00:00:00 2001
From: sp mac bookpro 2605 <spmacbookpro2605@spdeMacBook-Pro.local>
Date: Mon, 25 May 2026 23:18:47 +0800
Subject: [PATCH] fix(agent): constrain model logo size and handle long model
 names in select dropdown

---
 src/pages/AgentEditor.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/AgentEditor.tsx b/src/pages/AgentEditor.tsx
index 0216265..7b08fb4 100644
--- a/src/pages/AgentEditor.tsx
+++ b/src/pages/AgentEditor.tsx
@@ -490,11 +490,11 @@ 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">
-                                  <img src={m.icon} alt={m.model_name} className="w-5 h-5 object-contain rounded" />
-                                  <span className="font-medium text-gray-800">{m.model_name}</span>
+                                <div className="flex items-center gap-2" style={{ flex: 1, minWidth: 0 }}>
+                                  <img src={m.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 flex-col items-end justify-center text-[10px] text-gray-400">
+                                <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>
                                 </div>