From 89221b59edfa26b40d18dd40a390bafc2224489b Mon Sep 17 00:00:00 2001
From: Junyan Qin <rockchinq@gmail.com>
Date: Fri, 26 Jun 2026 20:11:33 +0800
Subject: [PATCH] refine(sidebar): show Agent/Pipeline marker as icon only

Drop the text label; keep the icon with a title tooltip so names have
more room in the narrow sidebar.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../home/components/home-sidebar/HomeSidebar.tsx | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
index 21c6e1377..263d72057 100644
--- a/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
+++ b/web/src/app/home/components/home-sidebar/HomeSidebar.tsx
@@ -726,15 +726,19 @@ function NavItems({
                         ) : null}
                         <span className="truncate">{item.name}</span>
                         {item.kind && (
-                          <span className="ml-auto flex shrink-0 items-center gap-0.5 text-[10px] text-muted-foreground">
+                          <span
+                            className="ml-auto flex shrink-0 items-center text-muted-foreground"
+                            title={
+                              item.kind === 'pipeline'
+                                ? t('agents.kindBadgePipeline')
+                                : t('agents.kindBadgeAgent')
+                            }
+                          >
                             {item.kind === 'pipeline' ? (
-                              <Workflow className="size-3" />
+                              <Workflow className="size-3.5" />
                             ) : (
-                              <Bot className="size-3" />
+                              <Bot className="size-3.5" />
                             )}
-                            {item.kind === 'pipeline'
-                              ? t('agents.kindBadgePipeline')
-                              : t('agents.kindBadgeAgent')}
                           </span>
                         )}
                         {item.debug && (