From a8b058d9617b6577c715db004385465f18309744 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 15 Feb 2026 00:22:23 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E7=B4=A7=E7=94=BB=E5=B8=83=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E5=BC=B9=E7=AA=97=E5=B0=BA=E5=AF=B8=E4=B8=8E=E5=AD=97?=
 =?UTF-8?q?=E9=87=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index ee04e9df7..99dbadb6b 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2604,40 +2604,40 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                   align="start"
                   side="top"
                   sideOffset={10}
-                  className="w-[220px] rounded-2xl border border-[#d6d9df] bg-[#f4f5f7] p-2 shadow-[0_10px_24px_rgba(15,23,42,0.14)]"
+                  className="w-[156px] rounded-xl border border-[#d6d9df] bg-[#f4f5f7] p-1.5 shadow-[0_8px_18px_rgba(15,23,42,0.14)]"
                 >
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("agent")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "agent" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <Sparkles className="h-5 w-5" />
+                    <Sparkles className="h-4 w-4" />
                     <span className="flex-1">Agent</span>
-                    {activeComposerMode === "agent" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "agent" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("image")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "image" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <ImagePlus className="h-5 w-5" />
+                    <ImagePlus className="h-4 w-4" />
                     <span className="flex-1">图像生成器</span>
-                    {activeComposerMode === "image" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "image" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                   <DropdownMenuItem
                     onClick={() => handleSelectGenerationMode("video")}
                     className={cn(
-                      "h-11 cursor-pointer rounded-xl px-3 text-[16px] font-medium text-[#2e3238]",
+                      "h-8 cursor-pointer rounded-lg px-2 text-[13px] font-medium text-[#2e3238]",
                       activeComposerMode === "video" ? "bg-white/80" : "hover:bg-white/70"
                     )}
                   >
-                    <Video className="h-5 w-5" />
+                    <Video className="h-4 w-4" />
                     <span className="flex-1">视频生成器</span>
-                    {activeComposerMode === "video" ? <Check className="h-5 w-5 text-[#3b82f6]" /> : null}
+                    {activeComposerMode === "video" ? <Check className="h-4 w-4 text-[#3b82f6]" /> : null}
                   </DropdownMenuItem>
                 </DropdownMenuContent>
               </DropdownMenu>