UI Bug: Dropdowns and Text Areas in Modes tab are not responsive

[AyazKaan]

What specific problem does this solve?

In the Roo Code VS Code extension, the dropdown menus and text areas within the "Modes" settings tab are not responsive. They have fixed widths and do not resize when the VS Code window's dimensions are changed. This causes UI elements to be cut off or hidden, making it difficult to use this part of the extension, especially on smaller screens or when the window is not maximized.

Additional context (optional)

No response

Roo Code Task Links (Optional)

No response

Request checklist

• I've searched existing Issues and Discussions for duplicates
• This describes a specific problem with clear impact and context

Interested in implementing this?

• Yes, I'd like to help implement this feature

Implementation requirements

• I understand this needs approval before implementation begins

How should this be solved? (REQUIRED if contributing, optional otherwise)

The fixed-width classes (w-60) should be replaced with responsive classes (w-full) for the dropdowns and text areas in webview-ui/src/components/modes/ModesView.tsx. Additionally, the truncate class should be added to the mode name display to prevent long names from breaking the layout.

How will we know it works? (Acceptance Criteria - REQUIRED if contributing, optional otherwise)

Given the user is on the "Modes" settings tab,
When the user resizes the VS Code window,
Then the dropdown menus and text areas should resize proportionally with the window,
And no UI elements should be cut off or hidden.

Technical considerations (REQUIRED if contributing, optional otherwise)

No response

Trade-offs and risks (REQUIRED if contributing, optional otherwise)

No response

[roomote]

Hi @AyazKaan! I'm here to help out the maintainers and am going to see if I can fix this UI responsiveness issue. Thanks for the detailed description and clear implementation guidance - this will make it much easier to implement the fix correctly. I'll work on replacing the fixed-width classes with responsive ones and adding the truncate class as you suggested.