feat(ui): make codegen input scrollable with and actions overlay

[SilkePilon]

Move to a borderless textarea wrapper and add maxRows so the input can grow up to 8 lines before scrolling. Constrain the input container with overflow hidden and a fixed bottom padding to make space for action buttons. Add a semi-opaque fade overlay at the bottom to visually mask the scroll boundary, and place the action toolbar above the fade using z-index so buttons remain accessible. Also add a subtle border, radius, and background to match other dialogs.

[vercel]

@SilkePilon is attempting to deploy a commit to the GitButler Team on Vercel.

A member of the Team first needs to authorize it.

[SilkePilon]

Preview:

Recording.2025-09-12.151426.mp4

I also changed the border radius to be the same as the other ui elements, tho this can be reverted

[krlvi]

Thank you very much for the fix.
Just a thought about the fade - Wouldn't it make more sense to fade the top of text when it's out of view instead of the bottom?
@PavelLaptev if you remember, we had this fade for the commit message box, but at some point we realized that it was incontinent when typing to not see the characters that you just typed

[PavelLaptev]

@PavelLaptev if you remember, we had this fade for the commit message box, but at some point we realized that it was incontinent when typing to not see the characters that you just typed

That was a different issue. It was always on the right and blocked the text.

[PavelLaptev]

@SilkePilon I'll make some changes

[PavelLaptev]

Changes:

• The inner radius has been reduced.

• The bottom padding has been reduced. The gradient scale appears less appealing when the scale is longer, but the bottom padding was too large.

[PavelLaptev]

@SilkePilon I can merge it if you okay with these changes

[SilkePilon]

👍 Looks good to me!

[PavelLaptev]

@krlvi @SilkePilon there is an issue with the scrollbar

This could mean that we need to treat the input differently, avoiding the use of inner textarea padding. I’ll address this in the next PR. I see if I can save this nice gradient without adding extra JS logic