From e0045b476b88bc721774d779a1c4ec6bb1b96840 Mon Sep 17 00:00:00 2001
From: Taylor Ho <taylorkmho@gmail.com>
Date: Wed, 20 May 2026 22:06:16 -0700
Subject: [PATCH] Polish: first team fades only, 2nd+ translate+fade; fix
 header padding

- First team chip: opacity-only animation (no x translate)
- Second+ chips: translate from x:12 + fade, staggered by index
- Header container: px-3 py-1.5 with gap-2 for consistent spacing
  around the Select button on all sides
---
 desktop/src/features/channels/ui/QuickAddAgentPopover.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
index c333c47de1..7f0cdf16ae 100644
--- a/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
+++ b/desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
@@ -492,7 +492,7 @@ export function QuickAddAgentPopover({
           }}
         >
           {/* Header with animated title / team toggles */}
-          <div className="relative flex min-h-10 items-center border-b px-3">
+          <div className="relative flex min-h-10 items-center gap-2 border-b px-3 py-1.5">
             <AnimatePresence mode="wait">
               {selectMode ? (
                 <motion.div
@@ -506,7 +506,7 @@ export function QuickAddAgentPopover({
                   {usableTeams.map((team, index) => (
                     <motion.div
                       key={team.id}
-                      initial={{ opacity: 0, x: 12 }}
+                      initial={{ opacity: 0, x: index === 0 ? 0 : 12 }}
                       animate={{ opacity: 1, x: 0 }}
                       transition={{
                         duration: 0.2,
@@ -544,7 +544,7 @@ export function QuickAddAgentPopover({
 
             {/* Right side: Select / Cancel button */}
             {usableTeams.length > 0 ? (
-              <div className="ml-auto flex shrink-0 items-center pl-2">
+              <div className="ml-auto flex shrink-0 items-center">
                 <Button
                   className={
                     selectMode