jerry/buzz
1
0
Fork 0
mirror of https://github.com/block/buzz.git synced 2026-11-04 00:12:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: stay in select mode when deselecting agents, stagger toggle animation

Browse Source 
- Remove auto-exit from select mode when selectedKeys empties — only
  Cancel button exits select mode now.
- Stagger team Toggle animations: first chip fades in immediately,
  subsequent chips delay by index * 50ms for a fan-out effect.
This commit is contained in:
Taylor Ho
2026-05-20 21:37:26 -07:00
parent 917398f302
commit 85da5ddee1
1 changed files with 25 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
desktop/src/features/channels/ui/QuickAddAgentPopover.tsx
View File

@@ -311,9 +311,6 @@ export function QuickAddAgentPopover({
} else {
next.add(key);
}
if (next.size === 0) {
setSelectMode(false);
}
return next;
});
}
@@ -501,24 +498,34 @@ export function QuickAddAgentPopover({
<motion.div
key="team-chips"
className="flex flex-1 items-center gap-1.5 overflow-x-auto py-1.5"
initial={{ opacity: 0, x: 20 }}
animate={{ opacity: 1, x: 0 }}
exit={{ opacity: 0, x: 20 }}
transition={{ duration: 0.2 }}
initial={{ opacity: 0 }}
animate={{ opacity: 1 }}
exit={{ opacity: 0 }}
transition={{ duration: 0.15 }}
>
{usableTeams.map((team) => (
<Toggle
className="h-6 shrink-0 rounded-full px-2.5 text-[11px]"
{usableTeams.map((team, index) => (
<motion.div
key={team.id}
onPressedChange={(pressed) =>
handleTeamToggle(team, pressed)
}
pressed={selectedTeamIds.has(team.id)}
size="sm"
variant="outline"
initial={{ opacity: 0, x: 12 }}
animate={{ opacity: 1, x: 0 }}
transition={{
duration: 0.2,
delay: index * 0.05,
}}
className="shrink-0"
>
{team.name}
</Toggle>
<Toggle
className="h-6 rounded-full px-2.5 text-[11px]"
onPressedChange={(pressed) =>
handleTeamToggle(team, pressed)
}
pressed={selectedTeamIds.has(team.id)}
size="sm"
variant="outline"
>
{team.name}
</Toggle>
</motion.div>
))}
</motion.div>
) : (