elastic / kibana

Your window into the Elastic Stack
https://www.elastic.co/products/kibana
Other
19.66k stars 8.23k forks source link

[Fleet] Provide search bar for fleet agent tags in the dropdown #186497

Open Alphayeeeet opened 5 months ago

Alphayeeeet commented 5 months ago

As a Fleet user managing agents, I want to be able to search and sort tags in the dropdown, so that I can quickly find and select the specific tag I need without scrolling through a long, unsorted list.

Context

Currently, the agent tag dropdown displays an unsorted, scrollable list of tags, which can be cumbersome to navigate, especially for users managing many tags. For instance, when a user needs to find a specific tag (e.g., "prod" or "test") from a large list, they currently have to scroll through an unsorted list, which is time-consuming.

Image

Adding a search bar and an optional alphabetical sorting mechanism will significantly improve usability.

To implement this, we can refactor the dropdown UI to use the EUI Selectable component with the searchable option enabled.

Reference: EUI Selectable Component Documentation.

Acceptance Criteria

elasticmachine commented 5 months ago

Pinging @elastic/fleet (Team:Fleet)

kpollich commented 23 hours ago

Great suggestion here and there should be enough prior art to make this happen as a relatively small lift. Going to hijack this to update the description + clarify, then I'll prioritize this.