[APM] Indicate transaction type on service overview

[smith]

All data on the service overview page (#81135) should be scoped to a single transaction type. Currently this is the case, but there is no indication to the user that this is what they're looking at.

Either provide an informative indicator or a way of choosing the transaction type viewed on the service overview page.

[elasticmachine]

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

[formgeist]

I've been thinking quite a bit about where it would make sense to indicate the transaction type. We should have it in a place where it indicates that we're scoping the page specifically for those preferred types, but also be able to show the transaction type if none of the preferred are available. The experience here should also be improved to show a callout that indicates that the Overview page is scoped to request or page-load and that the charts are in some cases not available because the data is dependent on those types.

Here are some mocks of where I'd like to take it. I understand that the customization of the search bar might be difficult to accomplish. It is meant to only show on the Overview page in this variation. Additionally, the callout only shows if none of the preferred types are available. Need better copy there.

@elastic/apm-ui @alex-fedotyev

[smith]

These are fine, but my first reaction is, "Why can't I change it?"

[sorenlouv]

These are fine, but my first reaction is, "Why can't I change it?"

Yeah, I keep coming back to this too.
It's a balance between making the UI simple and hide irrelevant stuff vs catering for less common user flows.
If we can solve both (simplicity and flexibility) that would be ideal.

[formgeist]

We've decided to define it as such - this is the best solution I can come up with at this time that implies the transaction type is selected for all the contents below.