From 7cebce517c3caccaf91c9d95a2a887b6bb5ea4dd Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 14 Feb 2026 21:05:30 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E6=95=9B=E6=A8=A1=E5=9E=8B=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=BC=B9=E7=AA=97=E5=B0=BA=E5=AF=B8=E4=B8=8E=E6=96=87?=
 =?UTF-8?q?=E5=AD=97=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 950d2b828..a449fc3ea 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2083,29 +2083,29 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                     {allModels.find(m => m.id === selectedModelId)?.displayName || "Agent模式"}
                   </span>
                 </SelectTrigger>
-                <SelectContent className="w-[272px] max-h-[380px] overflow-hidden rounded-[20px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_8px_24px_rgba(15,23,42,0.14)]">
-                  <div className="max-h-[348px] space-y-1 overflow-y-auto pr-1">
+                <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)]">
+                  <div className="max-h-[312px] space-y-1 overflow-y-auto pr-1">
                     {allModels.map((model) => (
                       <SelectItem
                         key={model.id}
                         value={model.id}
-                        className="h-11 rounded-2xl px-3 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
+                        className="h-9 rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
                       >
-                        <span className="flex w-full items-center justify-between gap-3">
-                          <span className="flex min-w-0 items-center gap-2.5">
-                            <span className="h-6 w-6 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+                        <span className="flex w-full items-center justify-between gap-2">
+                          <span className="flex min-w-0 items-center gap-2">
+                            <span className="h-5 w-5 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
                               {model.avatarUrl ? (
                                 <img src={model.avatarUrl} alt={model.displayName} className="h-full w-full object-cover" />
                               ) : (
-                                <span className="flex h-full w-full items-center justify-center text-[10px] font-medium text-[#6b7280]">
+                                <span className="flex h-full w-full items-center justify-center text-[9px] font-medium text-[#6b7280]">
                                   {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
                                 </span>
                               )}
                             </span>
-                            <span className="truncate text-[14px] font-medium leading-none">{model.displayName}</span>
+                            <span className="truncate text-[12px] font-medium leading-none">{model.displayName}</span>
                           </span>
                           {selectedModelId === model.id ? (
-                            <span className="text-base font-semibold text-[#1f2937]">✓</span>
+                            <span className="text-sm font-semibold text-[#1f2937]">✓</span>
                           ) : null}
                         </span>
                       </SelectItem>
diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 3a9567073..4e124d520 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -1336,29 +1336,29 @@ export function LovartHome({
                       </span>
                     </span>
                   </SelectTrigger>
-                  <SelectContent className="w-[272px] max-h-[380px] overflow-hidden rounded-[20px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_8px_24px_rgba(15,23,42,0.14)]">
-                    <div className="max-h-[348px] space-y-1 overflow-y-auto pr-1">
+                  <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)]">
+                    <div className="max-h-[312px] space-y-1 overflow-y-auto pr-1">
                       {[{ id: "auto", displayName: "Agent模式", avatarUrl: null }, ...imageModels].map((model) => (
                         <SelectItem
                           key={model.id}
                           value={model.id}
-                          className="h-11 rounded-2xl px-3 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
+                          className="h-9 rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
                         >
-                          <span className="flex w-full items-center justify-between gap-3">
-                            <span className="flex min-w-0 items-center gap-2.5">
-                              <span className="h-6 w-6 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+                          <span className="flex w-full items-center justify-between gap-2">
+                            <span className="flex min-w-0 items-center gap-2">
+                              <span className="h-5 w-5 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
                                 {model.avatarUrl ? (
                                   <img src={model.avatarUrl} alt={model.displayName} className="h-full w-full object-cover" />
                                 ) : (
-                                  <span className="flex h-full w-full items-center justify-center text-[10px] font-medium text-[#6b7280]">
+                                  <span className="flex h-full w-full items-center justify-center text-[9px] font-medium text-[#6b7280]">
                                     {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
                                   </span>
                                 )}
                               </span>
-                              <span className="truncate text-[14px] font-medium leading-none">{model.displayName}</span>
+                              <span className="truncate text-[12px] font-medium leading-none">{model.displayName}</span>
                             </span>
                             {(selectedModelId || "auto") === model.id ? (
-                              <span className="text-base font-semibold text-[#1f2937]">✓</span>
+                              <span className="text-sm font-semibold text-[#1f2937]">✓</span>
                             ) : null}
                           </span>
                         </SelectItem>
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index ce37a87df..65d7e807d 100644
--- a/components/multimodal-input.tsx
+++ b/components/multimodal-input.tsx
@@ -1178,22 +1178,22 @@ function PureModelSelectorCompact({
           <ChevronDownIcon size={16} />
         </Button>
       </Trigger>
-      <PromptInputModelSelectContent className="w-[272px] max-h-[380px] overflow-hidden rounded-[20px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_8px_24px_rgba(15,23,42,0.14)]">
-        <div className="max-h-[348px] space-y-1 overflow-y-auto pr-1">
+      <PromptInputModelSelectContent 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)]">
+        <div className="max-h-[312px] space-y-1 overflow-y-auto pr-1">
           {displayModels.map((model) => (
             <SelectItem 
               key={model.id} 
               value={model.id}
               className={cn(
-                "h-11 rounded-2xl px-3 text-[#2f3640] [&>span:first-child]:hidden",
+                "h-9 rounded-xl px-2.5 text-[#2f3640] [&>span:first-child]:hidden",
                 "focus:bg-[#dfe2e6] focus:text-[#1f2937]",
                 "data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]",
                 model.isSubModel ? "pl-8" : ""
               )}
             >
-              <span className="flex w-full items-center justify-between gap-3">
-                <span className="flex min-w-0 items-center gap-2.5">
-                  <span className="h-6 w-6 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+              <span className="flex w-full items-center justify-between gap-2">
+                <span className="flex min-w-0 items-center gap-2">
+                  <span className="h-5 w-5 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
                     {model.avatarUrl ? (
                       <img
                         src={model.avatarUrl}
@@ -1201,17 +1201,17 @@ function PureModelSelectorCompact({
                         className="h-full w-full object-cover"
                       />
                     ) : (
-                      <span className="flex h-full w-full items-center justify-center text-[10px] font-medium text-[#6b7280]">
+                      <span className="flex h-full w-full items-center justify-center text-[9px] font-medium text-[#6b7280]">
                         {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
                       </span>
                     )}
                   </span>
-                  <span className="truncate text-[14px] font-medium leading-none">
+                  <span className="truncate text-[12px] font-medium leading-none">
                     {model.isSubModel ? `└ ${model.displayName}` : model.displayName}
                   </span>
                 </span>
                 {selectedModel?.id === model.id ? (
-                  <span className="text-base font-semibold text-[#1f2937]">✓</span>
+                  <span className="text-sm font-semibold text-[#1f2937]">✓</span>
                 ) : null}
               </span>
             </SelectItem>