Add search/filtering to the Response → Body Attribute request picker

[farman20ali]

Problem

The request picker in the Response → Body Attribute tag editor can become difficult to navigate when a workspace contains a large number of requests.

Issue #2745 and PR #2777 improved this experience by sorting the requests consistently with the sidebar. However, when there are many requests, users still need to scroll through a long list to locate a specific request.

Proposed solution

Add search/filtering to the request picker so users can quickly find a request by its name and/or HTTP method.

Insomnia already has searchable selection patterns elsewhere in the UI, so this could potentially follow an existing UI pattern rather than introducing a new search implementation.

Example

The screenshot below shows the current request picker where search/filtering could be added.

Expected behavior

• Users can type to filter the available requests.
• Filtering can match request names and, where appropriate, HTTP methods.
• Existing request ordering and hierarchy should remain intact.
• Selecting a request should behave exactly as it does today.
• The existing sorting behavior introduced by Sort request list in dropdown of "Response -> Body attribute" tag editor #2745 / Setting same sidebar item sorting for the Edit tag request dropdown #2777 should remain intact.

Related work

• Sort request list in dropdown of "Response -> Body attribute" tag editor #2745 — Sort request list in dropdown of "Response → Body attribute" tag editor
• Setting same sidebar item sorting for the Edit tag request dropdown #2777 — Setting same sidebar item sorting for the Edit tag request dropdown

This proposal is specifically about search/filtering, rather than sorting.