From 09aa0de7b6a42b7dc2e6cf5993d40e62f1f7c107 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sat, 14 Feb 2026 20:59:42 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=A8=A1=E5=9E=8B=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E5=BC=B9=E7=AA=97=E7=A9=BA=E7=99=BD=E5=B9=B6=E6=94=B6?=
 =?UTF-8?q?=E6=95=9B=E5=BC=B9=E7=AA=97=E5=B0=BA=E5=AF=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 37eab07c2..950d2b828 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2083,17 +2083,17 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                     {allModels.find(m => m.id === selectedModelId)?.displayName || "Agent模式"}
                   </span>
                 </SelectTrigger>
-                <SelectContent className="w-[320px] max-h-[420px] overflow-hidden rounded-[22px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_10px_30px_rgba(15,23,42,0.15)]">
-                  <div className="max-h-[390px] space-y-1 overflow-y-auto pr-1">
+                <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">
                     {allModels.map((model) => (
                       <SelectItem
                         key={model.id}
                         value={model.id}
-                        className="h-12 rounded-2xl px-3 text-[#2f3640] [&>span]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
+                        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]"
                       >
-                        <div className="flex w-full items-center justify-between gap-3">
-                          <div className="flex min-w-0 items-center gap-2.5">
-                            <div className="h-7 w-7 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+                        <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">
                               {model.avatarUrl ? (
                                 <img src={model.avatarUrl} alt={model.displayName} className="h-full w-full object-cover" />
                               ) : (
@@ -2101,13 +2101,13 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                                   {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
                                 </span>
                               )}
-                            </div>
-                            <span className="truncate text-[15px] font-medium leading-none">{model.displayName}</span>
-                          </div>
+                            </span>
+                            <span className="truncate text-[14px] font-medium leading-none">{model.displayName}</span>
+                          </span>
                           {selectedModelId === model.id ? (
                             <span className="text-base font-semibold text-[#1f2937]">✓</span>
                           ) : null}
-                        </div>
+                        </span>
                       </SelectItem>
                     ))}
                   </div>
diff --git a/components/home/lovart-home.tsx b/components/home/lovart-home.tsx
index 17ac2248c..3a9567073 100644
--- a/components/home/lovart-home.tsx
+++ b/components/home/lovart-home.tsx
@@ -1336,17 +1336,17 @@ export function LovartHome({
                       </span>
                     </span>
                   </SelectTrigger>
-                  <SelectContent className="w-[320px] max-h-[420px] overflow-hidden rounded-[22px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_10px_30px_rgba(15,23,42,0.15)]">
-                    <div className="max-h-[390px] space-y-1 overflow-y-auto pr-1">
+                  <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">
                       {[{ id: "auto", displayName: "Agent模式", avatarUrl: null }, ...imageModels].map((model) => (
                         <SelectItem
                           key={model.id}
                           value={model.id}
-                          className="h-12 rounded-2xl px-3 text-[#2f3640] [&>span]:hidden focus:bg-[#dfe2e6] focus:text-[#1f2937] data-[state=checked]:bg-[#dfe2e6] data-[state=checked]:text-[#1f2937]"
+                          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]"
                         >
-                          <div className="flex w-full items-center justify-between gap-3">
-                            <div className="flex min-w-0 items-center gap-2.5">
-                              <div className="h-7 w-7 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+                          <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">
                                 {model.avatarUrl ? (
                                   <img src={model.avatarUrl} alt={model.displayName} className="h-full w-full object-cover" />
                                 ) : (
@@ -1354,13 +1354,13 @@ export function LovartHome({
                                     {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
                                   </span>
                                 )}
-                              </div>
-                              <span className="truncate text-[15px] font-medium leading-none">{model.displayName}</span>
-                            </div>
+                              </span>
+                              <span className="truncate text-[14px] font-medium leading-none">{model.displayName}</span>
+                            </span>
                             {(selectedModelId || "auto") === model.id ? (
                               <span className="text-base font-semibold text-[#1f2937]">✓</span>
                             ) : null}
-                          </div>
+                          </span>
                         </SelectItem>
                       ))}
                     </div>
diff --git a/components/multimodal-input.tsx b/components/multimodal-input.tsx
index c0410c9c2..ce37a87df 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-[320px] max-h-[420px] overflow-hidden rounded-[22px] border border-[#cfd4dc] bg-[#f3f4f6] p-2 shadow-[0_10px_30px_rgba(15,23,42,0.15)]">
-        <div className="max-h-[390px] space-y-1 overflow-y-auto pr-1">
+      <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">
           {displayModels.map((model) => (
             <SelectItem 
               key={model.id} 
               value={model.id}
               className={cn(
-                "h-12 rounded-2xl px-3 text-[#2f3640] [&>span]:hidden",
+                "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]",
                 model.isSubModel ? "pl-8" : ""
               )}
             >
-              <div className="flex w-full items-center justify-between gap-3">
-                <div className="flex min-w-0 items-center gap-2.5">
-                  <div className="h-7 w-7 overflow-hidden rounded-full border border-[#d4d9df] bg-white">
+              <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">
                     {model.avatarUrl ? (
                       <img
                         src={model.avatarUrl}
@@ -1201,19 +1201,19 @@ function PureModelSelectorCompact({
                         className="h-full w-full object-cover"
                       />
                     ) : (
-                      <div 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-[10px] font-medium text-[#6b7280]">
                         {model.id === "auto" ? "A" : model.displayName.slice(0, 1)}
-                      </div>
+                      </span>
                     )}
-                  </div>
-                  <div className="truncate text-[15px] font-medium leading-none">
+                  </span>
+                  <span className="truncate text-[14px] font-medium leading-none">
                     {model.isSubModel ? `└ ${model.displayName}` : model.displayName}
-                  </div>
-                </div>
+                  </span>
+                </span>
                 {selectedModel?.id === model.id ? (
                   <span className="text-base font-semibold text-[#1f2937]">✓</span>
                 ) : null}
-              </div>
+              </span>
             </SelectItem>
           ))}
         </div>