From f2b12b251df7a2f2ab27bbaba5a0a3935f398f94 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 14 Feb 2026 21:20:49 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E7=B4=A7=E6=A8=A1=E5=9E=8B=E5=BC=B9?=
 =?UTF-8?q?=E7=AA=97=E5=AE=BD=E5=BA=A6=E5=B9=B6=E6=B6=88=E9=99=A4=E5=8F=B3?=
 =?UTF-8?q?=E4=BE=A7=E7=A9=BA=E7=99=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 4 ++--
 components/home/lovart-home.tsx       | 4 ++--
 components/multimodal-input.tsx       | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 6d55604f6..752b1cecb 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2083,13 +2083,13 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                     {allModels.find(m => m.id === selectedModelId)?.displayName || "Agent模式"}
                   </span>
                 </SelectTrigger>
-                <SelectContent className="w-[248px] max-h-[340px] overflow-hidden rounded-[18px] border border-[#cfd4dc] bg-[#f3f4f6] p-1.5 shadow-[0_8px_20px_rgba(15,23,42,0.13)]">
+                <SelectContent className="w-[238px] max-h-[340px] overflow-hidden rounded-[18px] border border-[#cfd4dc] bg-[#f3f4f6] p-1.5 shadow-[0_8px_20px_rgba(15,23,42,0.13)]">
                   <div className="max-h-[312px] space-y-0.5 overflow-y-auto pr-1">
                     {allModels.map((model) => (
                       <SelectItem
                         key={model.id}
                         value={model.id}
-                        className="h-[34px] rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#e7ebf0] focus:text-[#1f2937] data-[state=checked]:bg-[#e7ebf0] data-[state=checked]:text-[#1f2937]"
+                        className="h-[34px] rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden [&>span:last-child]:block [&>span:last-child]:w-full focus:bg-[#e7ebf0] focus:text-[#1f2937] data-[state=checked]:bg-[#e7ebf0] data-[state=checked]:text-[#1f2937]"
                       >
                         <span className="flex w-full items-center justify-between gap-2">
                           <span className="flex min-w-0 items-center gap-2">
diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 1ac777f07..b93b5329c 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -1336,13 +1336,13 @@ export function LovartHome({
                       </span>
                     </span>
                   </SelectTrigger>
-                  <SelectContent className="w-[248px] max-h-[340px] overflow-hidden rounded-[18px] border border-[#cfd4dc] bg-[#f3f4f6] p-1.5 shadow-[0_8px_20px_rgba(15,23,42,0.13)]">
+                  <SelectContent className="w-[238px] max-h-[340px] overflow-hidden rounded-[18px] border border-[#cfd4dc] bg-[#f3f4f6] p-1.5 shadow-[0_8px_20px_rgba(15,23,42,0.13)]">
                     <div className="max-h-[312px] space-y-0.5 overflow-y-auto pr-1">
                       {[{ id: "auto", displayName: "Agent模式", avatarUrl: null }, ...imageModels].map((model) => (
                         <SelectItem
                           key={model.id}
                           value={model.id}
-                          className="h-[34px] rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#e7ebf0] focus:text-[#1f2937] data-[state=checked]:bg-[#e7ebf0] data-[state=checked]:text-[#1f2937]"
+                          className="h-[34px] rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden [&>span:last-child]:block [&>span:last-child]:w-full focus:bg-[#e7ebf0] focus:text-[#1f2937] data-[state=checked]:bg-[#e7ebf0] data-[state=checked]:text-[#1f2937]"
                         >
                           <span className="flex w-full items-center justify-between gap-2">
                             <span className="flex min-w-0 items-center gap-2">
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index b70e36c82..3cde3e157 100644
--- a/components/multimodal-input.tsx
+++ b/components/multimodal-input.tsx
@@ -1183,14 +1183,14 @@ function PureModelSelectorCompact({
           <ChevronDownIcon size={16} />
         </Button>
       </Trigger>
-      <PromptInputModelSelectContent className="!w-[286px] max-h-[372px] overflow-hidden rounded-[22px] border border-[#bfc6cf] bg-[#f2f3f5] p-2 shadow-[0_10px_24px_rgba(15,23,42,0.12)]">
+      <PromptInputModelSelectContent className="!w-[266px] max-h-[372px] overflow-hidden rounded-[22px] border border-[#bfc6cf] bg-[#f2f3f5] p-2 shadow-[0_10px_24px_rgba(15,23,42,0.12)]">
         <div className="max-h-[338px] space-y-0.5 overflow-y-auto pr-1">
           {displayModels.map((model) => (
             <SelectItem 
               key={model.id} 
               value={model.id}
               className={cn(
-                "h-10 rounded-[14px] px-3 text-[#2f3640] [&>span:first-child]:hidden",
+                "h-10 rounded-[14px] px-3 text-[#2f3640] [&>span:first-child]:hidden [&>span:last-child]:block [&>span:last-child]:w-full",
                 "focus:bg-[#e7ebf0] focus:text-[#1f2937]",
                 "data-[state=checked]:bg-[#e7ebf0] data-[state=checked]:text-[#1f2937]",
                 model.isSubModel ? "pl-8" : ""