From 8ecc68e4e7574dffd994e14e52afafd192dd6cbf Mon Sep 17 00:00:00 2001
From: npub1223z34hd7vtwc6qj4s7flsxkj644nlre2nthu7lrrmkumhu3xddsrx9r6w
 <52a228d6edf316ec6812ac3c9fc0d696ab59fc7954d77e7be31eedcddf91335b@sprout-oss.stage.blox.sqprod.co>
Date: Mon, 29 Jun 2026 10:17:10 -0700
Subject: [PATCH] fix(sidebar): refine working avatar group

Co-authored-by: Taylor Ho <taylorkmho@gmail.com>
Signed-off-by: Taylor Ho <taylorkmho@gmail.com>
---
 .../src/features/sidebar/ui/SidebarSection.tsx   | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/desktop/src/features/sidebar/ui/SidebarSection.tsx b/desktop/src/features/sidebar/ui/SidebarSection.tsx
index 9d20b034d..327ed80af 100644
--- a/desktop/src/features/sidebar/ui/SidebarSection.tsx
+++ b/desktop/src/features/sidebar/ui/SidebarSection.tsx
@@ -131,8 +131,8 @@ function ChannelWorkingAgents({
       pubkey,
     };
   });
-  const visibleAgents = agents.slice(0, 3);
-  const overflowCount = Math.max(0, agents.length - visibleAgents.length);
+  const visibleAgents = agents.slice(0, agents.length > 3 ? 2 : 3);
+  const overflowCount = agents.length > 3 ? agents.length - 2 : 0;
   const label =
     agents.length > 1
       ? `${agents.length} agents working · ${elapsed}`
@@ -158,10 +158,10 @@ function ChannelWorkingAgents({
               <ProfileAvatar
                 avatarUrl={agent.avatarUrl}
                 className={cn(
-                  "h-[18px] w-[18px] border text-3xs shadow-xs ring-1",
+                  "h-[18px] w-[18px] text-3xs shadow-xs",
                   isActive
-                    ? "border-sidebar-active bg-sidebar-active-foreground/15 text-sidebar-active-foreground ring-sidebar-active-foreground/25"
-                    : "border-sidebar bg-sidebar text-sidebar-foreground ring-primary/25",
+                    ? "bg-sidebar-active-foreground/15 text-sidebar-active-foreground"
+                    : "bg-sidebar text-sidebar-foreground",
                 )}
                 iconClassName="h-3 w-3"
                 key={agent.pubkey}
@@ -172,10 +172,10 @@ function ChannelWorkingAgents({
             {overflowCount > 0 ? (
               <span
                 className={cn(
-                  "flex h-[18px] min-w-[18px] items-center justify-center rounded-full border px-1 text-3xs font-semibold leading-none shadow-xs ring-1",
+                  "flex h-[18px] min-w-[18px] items-center justify-center rounded-full px-1 text-3xs font-semibold leading-none shadow-xs",
                   isActive
-                    ? "border-sidebar-active bg-sidebar-active-foreground/15 text-sidebar-active-foreground ring-sidebar-active-foreground/25"
-                    : "border-sidebar bg-sidebar text-sidebar-foreground ring-primary/25",
+                    ? "bg-sidebar-active-foreground/15 text-sidebar-active-foreground"
+                    : "bg-sidebar text-sidebar-foreground",
                 )}
               >
                 +{overflowCount}