Expand sidebar agent row hover targets

This commit is contained in:
Jinjing
2026-05-19 11:56:41 -07:00
parent b1a8c68b9a
commit 95cb6a667e
2 changed files with 3 additions and 3 deletions
@@ -202,7 +202,7 @@ const DashboardAgentRow = React.memo(function DashboardAgentRow({
<div
onClick={handleActivate}
className={cn(
'group relative flex flex-col pr-1.5 py-0.5',
'group relative flex flex-col -ml-2 px-2 py-1',
// Why: hover tints have to go in opposite directions per theme —
// dark mode adds light on dark (bg-accent/30), light mode needs to
// add *dark* on white. Alpha-on-accent in light mode collapses to
@@ -130,14 +130,14 @@ const WorktreeCardAgentsBody = React.memo(function WorktreeCardAgentsBody({
// Why: swallow bubbling so clicks on the gutter around the agent rows
// don't reach WorktreeCard's activate / edit-meta handlers.
<div
className={cn('flex flex-col mt-1 divide-y divide-border/30', className)}
className={cn('flex flex-col mt-1 mb-1 divide-y divide-border/30', className)}
onClick={stopBubble}
onDoubleClick={stopBubble}
role="group"
aria-label="Agents"
>
{agents.map((agent) => (
<div key={agent.paneKey} className="py-0.5">
<div key={agent.paneKey}>
<DashboardAgentRow
agent={agent}
onDismiss={handleDismissAgent}