From 72550e545217d5b1c72b1c80be18c9249ccb37b7 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 15 Feb 2026 00:25:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=BC=BAAgent=E6=A8=A1=E5=BC=8F?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E8=93=9D=E7=B4=AB=E5=8A=A8=E6=80=81=E5=85=89?=
 =?UTF-8?q?=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 99dbadb6b..218d1f446 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -2582,7 +2582,7 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                     type="button"
                     variant="ghost"
                     className={cn(
-                      "h-8 cursor-pointer rounded-full px-3 text-sm font-medium",
+                      "relative h-8 cursor-pointer rounded-full px-3 text-sm font-medium overflow-visible",
                       activeComposerMode === "video"
                         ? "border border-blue-500 bg-blue-50 text-blue-600 hover:bg-blue-100"
                         : activeComposerMode === "image"
@@ -2590,14 +2590,22 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
                           : "border border-zinc-300 bg-zinc-50 text-zinc-700 hover:bg-zinc-100"
                     )}
                   >
-                    {activeComposerMode === "video" ? (
-                      <Video className="mr-1 h-4 w-4" />
-                    ) : activeComposerMode === "image" ? (
-                      <ImagePlus className="mr-1 h-4 w-4" />
-                    ) : (
-                      <Sparkles className="mr-1 h-4 w-4" />
-                    )}
-                    {activeModeLabel}
+                    {activeComposerMode === "agent" ? (
+                      <>
+                        <span className="pointer-events-none absolute -inset-[1px] rounded-full border border-indigo-300/70 shadow-[0_0_14px_rgba(99,102,241,0.22),0_0_12px_rgba(59,130,246,0.18)] animate-pulse" />
+                        <span className="pointer-events-none absolute -inset-[2px] rounded-full bg-gradient-to-r from-blue-300/10 via-violet-300/16 to-blue-300/10 blur-[2px] animate-pulse" />
+                      </>
+                    ) : null}
+                    <span className="relative z-10 flex items-center">
+                      {activeComposerMode === "video" ? (
+                        <Video className="mr-1 h-4 w-4" />
+                      ) : activeComposerMode === "image" ? (
+                        <ImagePlus className="mr-1 h-4 w-4" />
+                      ) : (
+                        <Sparkles className="mr-1 h-4 w-4" />
+                      )}
+                      {activeModeLabel}
+                    </span>
                   </Button>
                 </DropdownMenuTrigger>
                 <DropdownMenuContent