New task dialog Agent and Branch fields are vertically misaligned

[somewherelostt]

Summary

In the desktop app's New task dialog, the Agent select and Branch input do not visually align as a clean two-column form row. In the user-provided screenshot, the Branch field sits slightly out of rhythm with the Agent field, and the extra Refresh agents action under Agent makes the row feel uneven.

Where it appears

• App: Agent Orchestrator desktop UI
• Screen: project board -> New task modal
• Fields: Agent and Branch row

Current behavior

The Agent column contains:

• the Agent label/select
• a secondary Refresh agents link below it

The Branch column contains only:

• the Branch label/input

This makes the two-column row look unbalanced and the Agent/Branch controls appear misaligned in the modal.

Expected behavior

• The Agent select and Branch input should share the same vertical baseline and height rhythm.
• Any secondary Agent action, such as Refresh agents, should not make the Branch column look vertically offset or incomplete.
• The layout should remain polished at desktop modal width and when collapsed on smaller viewports.

Code pointers

Likely affected component:

• frontend/src/renderer/components/NewTaskDialog.tsx
  • field grid: around line 164
  • Agent field + Refresh agents action: around lines 165-187
  • Branch field: around lines 189-198

Nearby but not the same issue:

• This issue is specifically about visual alignment/layout polish for the Agent and Branch controls.

Suggested fix direction

A small frontend layout change should be enough. Possible approaches:

• Reserve a matching helper/action row under Branch so both columns have the same structure.
• Move Refresh agents outside the two-column field row.
• Use a shared form-field wrapper that keeps labels, controls, and helper/action rows aligned consistently.

Verification

• Open the desktop app project board.
• Click New task.
• Confirm the Agent and Branch controls align cleanly in the same row.
• Confirm Refresh agents remains accessible and does not disturb the row layout.
• Check the responsive/small-width layout still stacks fields cleanly.