UI Enhancement: Improved "Close Collection" Modal with Better UX and Accessibility

[Snach13]

I have checked the following:

• I've searched existing issues and found nothing related to my issue.

This feature

• blocks me from using Bruno
• would improve my quality of life in Bruno
• is something I've never seen an API client do before

Describe the feature you want to add, and how it would change your usage of Bruno

I propose enhancing the current Close Collection Modal to improve user experience, visual appeal, and accessibility.
The current Delete Collection Modal could be improved with the following enhancements:

✅ Redesigned UI for a cleaner and more modern look
✅ Improved Focus Management with proper keyboard navigation (focus traps)
✅ Enhanced Accessibility with aria-labels and clear warning indicators
✅ Better Visual Hierarchy with:

• Red-colored "Delete Collection" title to emphasize the destructive action
• Clearer spacing and content organization

I'm happy to work on this enhancement if it's approved and assigned to me. I'd be glad to collaborate with the maintainers to refine the design based on feedback. 😊

Mockups or Images of the feature

Before (Current Modal):

After (Proposed Design):

[anusree-bruno]

@Snach13
Thanks for your time and effort on this! In Bruno, closing a collection doesn’t mean deleting it—it only removes it from view in the GUI, but the collection remains available in the file system. An option to delete a collection via the GUI has been suggested in this issue: #4171, but it will be a separate feature.

[Snach13]

@anusree-bruno
Thanks for the clarification! 😊
I completely understand that closing a collection only removes it from the GUI while keeping it available in the file system.

That said, I'd love to hear your thoughts on the modal design itself. The improved design aims to enhance the overall UX with a cleaner layout, better accessibility (including focus traps), and improved visual clarity.

Do you think this updated design would be a good fit for the Close Collection modal, or potentially for the upcoming Delete Collection feature (#4171)? I'd be happy to refine the design further based on your feedback.

Looking forward to your thoughts!