Blocked: An embeddable log component from Logs team is required.

Summary

Based on the design solution in elastic/apm#179

We're currently linking out to the Logs app to display the related logs for a specific trace.id, but it would be a better experience to show the logs in the context of the trace sample immediately available from within the APM app.

Design proposal

Figma prototype link

Possible API

<LogStream 
 timestamp="1590690626648" 
 filter={encodeURIComponent('trace.id:"0570667f4e27e2cac0d6c5b311c65918"')} 
/>

Prerequisites for starting implementation

There's a number of things that can be seen as dependencies for this feature to be implemented and this work should be planned ahead when we prioritize this feature.

• A way to display the log events in a similar style as the Logs stream in the Logs app. Currently the log stream is not embedabble.
• The embedded view would also need to support actions like "View log line in context" and "View log details" which would link to the Logs app with the relevant views.
• Ways of adding our own data columns to the logs viewer e.g. the service legend (see screenshots).