From bcc45872b1535ba21ff472da6d50e208bd8f5efb Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Wed, 20 May 2026 23:15:55 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20remove=20gap-2.5=20from=20row,=20animate?=
 =?UTF-8?q?=20marginRight=20on=20checkbox,=20wrap=20content=20in=20gapped?=
 =?UTF-8?q?=20div=20=E2=80=94=20no=20extra=20left=20padding=20when=20check?=
 =?UTF-8?q?box=20hidden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../channels/ui/QuickAddAgentPopover.tsx      | 40 ++++++++++---------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index abed164275..d0e9036e49 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -595,7 +595,7 @@ export function QuickAddAgentPopover({
                     <button
                       aria-selected={isInChannel || isSelected}
                       className={cn(
-                        "flex w-full items-center gap-2.5 px-3 py-1.5 text-left text-sm transition-colors",
+                        "flex w-full items-center px-3 py-1.5 text-left text-sm transition-colors",
                         isInChannel
                           ? "cursor-default opacity-50"
                           : "cursor-pointer hover:bg-accent focus-visible:bg-accent focus-visible:outline-none",
@@ -612,7 +612,7 @@ export function QuickAddAgentPopover({
                     >
                       {!isInChannel ? (
                         <motion.div
-                          animate={{ width: selectMode ? 16 : 0, opacity: selectMode ? 1 : 0 }}
+                          animate={{ width: selectMode ? 16 : 0, marginRight: selectMode ? 8 : 0, opacity: selectMode ? 1 : 0 }}
                           initial={false}
                           transition={{ duration: 0.15 }}
                           className="shrink-0 overflow-hidden"
@@ -629,24 +629,26 @@ export function QuickAddAgentPopover({
                           </div>
                         </motion.div>
                       ) : null}
-                      <QuickAddAgentAvatar
-                        avatarUrl={item.avatarUrl}
-                        label={item.label}
-                        isRunning={item.kind !== "persona"}
-                      />
-                      <span className="min-w-0 flex-1 truncate font-medium">
-                        {item.label}
-                      </span>
-                      {isInChannel ? (
-                        <Check className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
-                      ) : item.kind === "running-available" && !selectMode ? (
-                        <span className="shrink-0 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400">
-                          running
+                      <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">
+                          {item.label}
                         </span>
-                      ) : null}
-                      {isItemPending ? (
-                        <Spinner className="h-3.5 w-3.5 shrink-0 text-primary" />
-                      ) : null}
+                        {isInChannel ? (
+                          <Check className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                        ) : item.kind === "running-available" && !selectMode ? (
+                          <span className="shrink-0 rounded-full bg-emerald-500/15 px-1.5 py-0.5 text-[10px] font-medium text-emerald-600 dark:text-emerald-400">
+                            running
+                          </span>
+                        ) : null}
+                        {isItemPending ? (
+                          <Spinner className="h-3.5 w-3.5 shrink-0 text-primary" />
+                        ) : null}
+                      </div>
                     </button>
                   );
                 })}