Merge pull request #1440 from automagik-dev/fix/tui-overlay-narrow-pane

namastex888 · web-flow · commit ca0a1d8100c9 · 2026-04-28T01:55:34.000-03:00
fix(tui): make overlay cards fit narrow Nav pane
diff --git a/src/tui/components/AgentPicker.tsx b/src/tui/components/AgentPicker.tsx
@@ -223,7 +223,7 @@ export function AgentPicker({ target, onConfirm, onCancel, loadAgents = defaultL
         borderStyle="rounded"
         borderColor={palette.borderActive}
         backgroundColor={palette.bgRaised}
-        width={80}
+        width="100%"
         flexDirection="column"
         paddingX={1}
         paddingY={1}
diff --git a/src/tui/components/ContextMenu.tsx b/src/tui/components/ContextMenu.tsx
@@ -93,7 +93,7 @@ export function ContextMenu({ items, onAction, onClose, positionY = 0 }: Context
         borderStyle="rounded"
         borderColor={palette.borderActive}
         backgroundColor={palette.bgRaised}
-        width={32}
+        width="100%"
         height={inputMode ? items.length + 5 : items.length + 2}
         flexDirection="column"
         onMouseDown={(e: { stopPropagation?: () => void }) => e.stopPropagation?.()}
diff --git a/src/tui/components/SpawnTargetPicker.tsx b/src/tui/components/SpawnTargetPicker.tsx
@@ -220,7 +220,7 @@ export function SpawnTargetPicker({ agentName, sessions, onConfirm, onCancel }:
         paddingX={2}
         paddingY={1}
         flexDirection="column"
-        width={60}
+        width="100%"
         gap={1}
       >
         <text>
diff --git a/src/tui/components/TeamCreate.tsx b/src/tui/components/TeamCreate.tsx
@@ -129,7 +129,7 @@ export function TeamCreate({ availableAgents, workspaceRoot, onConfirm, onCancel
         paddingX={3}
         paddingY={1}
         flexDirection="column"
-        width={64}
+        width="100%"
         gap={1}
       >
         <text>
diff --git a/test/visual/__snapshots__/tui-snapshot.test.tsx.snap b/test/visual/__snapshots__/tui-snapshot.test.tsx.snap

Original file line number	Diff line number	Diff line change
`@@ -220,7 +220,7 @@ export function SpawnTargetPicker({ agentName, sessions, onConfirm, onCancel }:`
`220`	`220`	`paddingX={2}`
`221`	`221`	`paddingY={1}`
`222`	`222`	`flexDirection="column"`
`223`		`- width={60}`
	`223`	`+ width="100%"`
`224`	`224`	`gap={1}`
`225`	`225`	`>`
`226`	`226`	`<text>`
Original file line number	Diff line number	Diff line change
`@@ -129,7 +129,7 @@ export function TeamCreate({ availableAgents, workspaceRoot, onConfirm, onCancel`
`129`	`129`	`paddingX={3}`
`130`	`130`	`paddingY={1}`
`131`	`131`	`flexDirection="column"`
`132`		`- width={64}`
	`132`	`+ width="100%"`
`133`	`133`	`gap={1}`
`134`	`134`	`>`
`135`	`135`	`<text>`