Adjust dialog width based on available agents

ASRagab · web-flow · commit 47d00216df37 · 2026-03-24T22:39:43.000-04:00
diff --git a/src/components/NewTaskDialog.tsx b/src/components/NewTaskDialog.tsx
@@ -464,7 +464,7 @@ export function NewTaskDialog(props: NewTaskDialogProps) {
     <Dialog
       open={props.open}
       onClose={props.onClose}
-      width={store.availableAgents.length > 8 ? '540px' : '420px'}
+      width={store.availableAgents.length > 8 ? '580px' : '500px'}
       panelStyle={{ gap: '20px' }}
     >
       <form

Original file line number	Diff line number	Diff line change
`@@ -464,7 +464,7 @@ export function NewTaskDialog(props: NewTaskDialogProps) {`
`464`	`464`	`<Dialog`
`465`	`465`	`open={props.open}`
`466`	`466`	`onClose={props.onClose}`
`467`		`- width={store.availableAgents.length > 8 ? '540px' : '420px'}`
	`467`	`+ width={store.availableAgents.length > 8 ? '580px' : '500px'}`
`468`	`468`	`panelStyle={{ gap: '20px' }}`
`469`	`469`	`>`
`470`	`470`	`<form`