[APM] Improving the filtering experience for individual field values

[formgeist]

Summary

In relation to #84526 and removing the current UI filters in the left sidebar, I want to propose some enhancements to how users might be able to filter in other ways than selecting values from each field shown.

We have a lot of contextual information in various places in the app, where we are displaying individual field values such as the service info popovers, the metadata tables, and significant terms.

Proposed enhancements

Replace the existing custom search bar with the Kibana default search bar with the added add filter capabilities

Open issue to replace the existing search bar #82751

It would be beneficial to replace our existing custom implementation of the search bar to gain the default filtering capabilities provided by the default search bar. This adds a small filter bar underneath with the ability to define fields and values in a small popover UI.

Kapture.2021-01-06.at.18.17.45.mp4

Convert each value in the service info popovers to clickable badges that will enable the user to add the value to the search bar

Adding the ability to filter by the values available in the service info popovers will additionally aid the user in selecting relevant service data to narrow down their analysis.

Kapture.2021-01-06.at.18.27.10.mp4

Add filter options to the metadata tables that enable users to include or exclude the value in the search bar

Open enhancement issue #79906

We're already planning on adding the ability to filter significant term values and adding them to the search bar as include / exclude filters. The additional piece here would be to add the same capabilities to the metadata info in the new Trace view and in the full metadata tables (would also be done for errors). One open question is where the user will go from the Trace view. In this prototype example they're sent to the Transactions overview again, but it could also very well be the Traces list for a much larger scope. Again, it could also be an option that the user can choose where to go by offering to filter and go to Service overview, Transactions, or the Traces view.

Kapture.2021-01-06.at.18.39.59.mp4

cc @alex-fedotyev @nehaduggal @sqren Thoughts on possibly including these enhancements as part of the removal of the UI filters sidebar?

[elasticmachine]

Pinging @elastic/apm-ui (Team:apm)

[smith]

Add filter options to the metadata tables that enable users to include or exclude the value in the search bar

#79906 exists for this.

[botelastic]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.