From aacada1253056e40e3009206cee2d8f32ef95036 Mon Sep 17 00:00:00 2001
From: xintaofei <itpkcn@gmail.com>
Date: Thu, 26 Mar 2026 22:50:45 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96agent=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=92=8C=E5=B7=A5=E4=BD=9C=E6=A8=A1=E5=BC=8F=E7=9A=84=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9=E6=BB=91=E5=9D=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/agent-selector.tsx     | 13 ++++++++++---
 src/components/layout/folder-title-bar.tsx | 15 +++++++++++----
 2 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/src/components/chat/agent-selector.tsx b/src/components/chat/agent-selector.tsx
index 20d6923..9cdf22b 100644
--- a/src/components/chat/agent-selector.tsx
+++ b/src/components/chat/agent-selector.tsx
@@ -242,11 +242,18 @@ export function AgentSelector({
             />
             <span
               className={cn(
-                "overflow-hidden whitespace-nowrap transition-all duration-300",
-                isSelected ? "max-w-[80px] opacity-100" : "max-w-0 opacity-0"
+                "grid transition-[grid-template-columns] duration-300",
+                isSelected ? "grid-cols-[1fr]" : "grid-cols-[0fr]"
               )}
             >
-              {AGENT_LABELS[agent.agent_type]}
+              <span
+                className={cn(
+                  "min-w-0 overflow-hidden whitespace-nowrap transition-opacity duration-300",
+                  isSelected ? "opacity-100" : "opacity-0"
+                )}
+              >
+                {AGENT_LABELS[agent.agent_type]}
+              </span>
             </span>
           </button>
         )
diff --git a/src/components/layout/folder-title-bar.tsx b/src/components/layout/folder-title-bar.tsx
index 74269b9..1856315 100644
--- a/src/components/layout/folder-title-bar.tsx
+++ b/src/components/layout/folder-title-bar.tsx
@@ -301,13 +301,20 @@ export function FolderTitleBar() {
                   />
                   <span
                     className={cn(
-                      "overflow-hidden whitespace-nowrap transition-all duration-300",
+                      "grid transition-[grid-template-columns] duration-300",
                       isActive
-                        ? "max-w-[60px] opacity-100"
-                        : "max-w-0 opacity-0"
+                        ? "grid-cols-[1fr]"
+                        : "grid-cols-[0fr]"
                     )}
                   >
-                    {title}
+                    <span
+                      className={cn(
+                        "min-w-0 overflow-hidden whitespace-nowrap transition-opacity duration-300",
+                        isActive ? "opacity-100" : "opacity-0"
+                      )}
+                    >
+                      {title}
+                    </span>
                   </span>
                 </div>
               )