From 90fa35ec0441a5d3046d8b5a4ff15aec598a4aa3 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Thu, 21 May 2026 00:01:42 -0700
Subject: [PATCH] fix: opacity-70 on in-channel agent avatar + label, X stays
 full opacity

---
 .../features/channels/ui/QuickAddAgentPopover.tsx  | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index 1a02e43212..acece9fba8 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -659,12 +659,14 @@ export function QuickAddAgentPopover({
                         </motion.div>
                       ) : null}
                       <div className="flex min-w-0 flex-1 items-center gap-2.5">
-                        <QuickAddAgentAvatar
-                          avatarUrl={item.avatarUrl}
-                          label={item.label}
-                          isRunning={item.kind !== "persona"}
-                        />
-                        <span className="min-w-0 flex-1 truncate font-medium">
+                        <span className={cn("shrink-0", isInChannel && "opacity-70")}>
+                          <QuickAddAgentAvatar
+                            avatarUrl={item.avatarUrl}
+                            label={item.label}
+                            isRunning={item.kind !== "persona"}
+                          />
+                        </span>
+                        <span className={cn("min-w-0 flex-1 truncate font-medium", isInChannel && "opacity-70")}>
                           {item.label}
                         </span>
                         {isInChannel ? (