Show matching collections in browser popup search

[BocajBot]

Select Topic Area

✅ Code Contribution Proposal

Code Contribution Proposal

Summary

I would like feedback on a proposed browser extension vault search improvement.

Currently, popup vault search displays matching vault items, but it does not show matching collections as selectable results. This can make it harder to jump directly into a collection from the popup when the search text matches a collection name.

Proposed behavior

When searching in the browser popup:

• Matching collections appear above the normal item search results.
• Selecting a collection applies the collection filter.
• The search text is cleared after the collection is opened.
• Matching vault items continue to appear below the collection results.

Motivation

This improves collection-based navigation from the browser popup, especially for users who organize vault items by client, department, team, or project collections.

Proposed implementation

The proposed code change would:

• Add a small collection-results component to the vault popup.
• Add filtered collection results based on the current search text.
• Use the existing search normalization behavior for collection-name matching.
• Update the empty-results state so collection-only matches are not treated as no results.
• Add unit coverage for collection matching, no-match behavior, active collection filters, nested collection options, and collection-only empty state.

I've already made a branch that implements this idea:
https://github.com/BocajBot/clients/tree/popup-collection-search

Screenshots

Before:

After:

[github-actions[bot]]

✨ Thank you for your code contribution proposal! While the Bitwarden team reviews your submission, we encourage you to check out our contribution guidelines.

Please ensure that your code contribution includes a detailed description of what you would like to contribute, along with any relevant screenshots and links to existing feature requests. This information helps us gather feedback from the community and Bitwarden team members before you start writing code.

To keep discussions focused, posts that do not include a proposal for a code contribution will be removed.

• 💡 For feature requests and general discussion, please visit the Bitwarden Community Forums.
• ℹ️ For questions and support, visit the Bitwarden Help Center.
• 🐛 To report a potential bug, please visit the corresponding repo. Server | Clients | iOS | Android

Thank you for contributing to Bitwarden!