[APM] Service maps: Display information popovers for nodes (services and connections)

[formgeist]

Summary

• Design issue
• Span document specification: destination.service.name

As part of the Service map design implementation, we want to enable the user to discover details around the service and connection nodes on the map.

Design solution

Figma prototype

Service nodes

For the service details popover, we want to display the following information;

• Service name
• No. of instances (we might only be able to detail this for Java services)
• Service transaction, errors and metrics details
• Link to the Service details
• Link to the map of the selected service

Examples

Connection nodes

For connection details popover, we want to display the following information for each connection type;

• context.destination.service.name
• context.destination.service.type*
  • *For span documents where we have subtype, we want to display this as well.

Examples

[elasticmachine]

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

[formgeist]

Awaiting final content approval on the connection tooltips elastic/apm#182 (comment)

[zube]

formgeist said: I've updated the description with the corrected connection tooltips based on the design ticket feedback.