[Uptime UI] actions menu update

[katrin-freihofner]

Update: this is now called the integrations menu. The button triggering the menu should also say Integrations.

Is your feature request related to a problem? Please describe.
The current actions menu (holding links to other solutions) is overwhelming and hard to grasp/read. Furthermore, we have this kind of menu all over observability - but not consistent.

Describe the solution you'd like
We would like to update the overall appearance of the actions menu. There is only one instance of the actions menu in Uptime, in the table on the overview page.

Shared component work is done here: elastic/kibana#54847

Concept

Please find more implementation details. And details about the ideas behind this update in the Meta and in the Design issue.

Meta issue: elastic/kibana#53282
Design issue: elastic/logs#5

Please make sure all of these links work like standard links on the web (don't open in a new tab).

Actions menus in Uptime

There is only one instance of the actions menu in Uptime, in the table on the overview page.

Text

Headline: Domain
Description: Check domain https://elastic.co
Link: Domain details

Headline: Host
Description: View details for host.ip 123.456.789
Link: Host logs
Link: Host metrics

Headline: Kubernetes pod
Description: View details for pod.id d862753d3533...
Link: Kubernetes pod logs
Link: Kubernetes pod metrics

Headline: Docker container
Description: View details for container.id d862753d3533...
Link: Docker container logs
Link: Docker container metrics

Meta issue: elastic/kibana#53282
Design issue: elastic/logs#5
Figma file: https://www.figma.com/file/0XC8Ie13YsP9Q3ZuGimLSw/Consistent-actions-menu

[andrewvc]

I love this @katrin-freihofner . The one thing I think might be nice to add would be the actual pod.id, our container.id, or host.ip that we link out with. Right now this is hidden till you click through, at which point it appears in the destination app kuery bar. WDYT here?

[bmorelli25]

Ohhh I like @andrewvc's idea. Here are some spitball ideas for what text might be:

-----------------------------------
Domain details in APM
url.domain: 10.8.0.119
Domain details

View host details
host.ip : 10.8.0.119
Host logs
Host metrics

View pod details
pod.uid : f298d16e-2abb-11ea-afc2-42010a8400f0
Pod logs
Pod metrics

View container details
container.id: d862753d3533dd5a941e1d64f6e09811e484541bed6b793c39eee501ac8f607f
Container logs
Container metrics
-----------------------------------

A downside I see, is that a pod uid or container id can be very long. We could also only show the field name:

-----------------------------------
Domain details in APM
url.domain details

Host details
host.ip logs
host.ip metrics

Pod details
pod.uid logs
pod.uid metrics

Container details
container.id logs
container.id metrics
-----------------------------------

Another idea. Add values to links?

-----------------------------------
Domain details
APM details for 10.8.0.119

Host details
Logs for 10.8.0.119
Metrics for 10.8.0.119

Pod details
Logs for f298d16e-2abb-...
Metrics for f298d16e-2abb-...

Container details
Logs for d862753d3533...
Metrics for d862753d3533...
-----------------------------------

Alright, that's all for now.

[katrin-freihofner]

Thank you so much @bmorelli25 - this is great. I think this version would work best...but with abbreviated IDs.

The structure would be:

Subject
View details for [container/host/....]
Link
Link

---

Another thing that came up during my discussion with the other designers: @hbharding pointed out that we should use Kubernetes pod instead of Pod and Docker container instead of Container... to be consistent with changes in the Metrics UI.

---

For example:

Docker container details
View details for container.id d862753d3533...
Container logs
Container metrics

Kubernetes pod details
View details for pod.uid f298d16e-2ab...
Pod logs
Pod metrics

@tbragin I remember that you raised some concerns in one of our design meetings about putting literals in the menu - therefore I would be curious to hear your opinion too.

[andrewvc]

Love the way it looks with abbreviated IDs . In fact, I'd be fine with them being even shorter (maybe 10 chars)?

[andrewvc]

@katrin-freihofner should we just go with what metricbeat has done? SS below:

[katrin-freihofner]

@katrin-freihofner should we just go with what metricbeat has done? SS below:

Yes. 👍