Alert Detail Page (formerly Landing Page) - MVP Overview Tab for APM rules

[emma-raffenne]

Description

An alert notification presents the bare minimum amount of information to tell the user (a) which entity or entities saw a threshold violation or anomaly, and (b) the extent of the violation. A user that receives such an alert notification will naturally want to know more about the alert, to begin their triaging and investigation process. For example, the user will want to know -

• When did this symptom or issue start? What’s the situation and state now? How is it trending?
• Has this happened before, when, and how frequently?
• What infra, services, etc. are also showing the same symptoms or are otherwise related to this alert and its entity? Note that this is regarding the 'vertical' application stack consisting of the infra, the middleware, and the app itself
• What are the immediate dependencies for this entity? What is the downstream impact from this alert? Note that this is the 'horizontal' application dependency including dependent services, adjacent applications, etc. are impacted?
• Which users or user groups, geos, locations are impacted?
• Is this alert scheduled to be muted? Was a notification sent to third party systems? (Note that the user may have seen an alert flyout for a specific alert, thus being "notified" via the UI as opposed to receiving a Slack or ServiceNow notification for example)
• Has a case been created for it? In other words, is this already being investigated elsewhere?

The landing page must be available from:

• The alert flyout - Design has been requested: elastic/observability-design#240
• The Alert table. The option “Alert detail” should be added to the menu deployed when clicking on the 3 dots "..."

More info:

• Product analysis at elastic/observability-product#170
• Design

The Alert Detail Page was formerly known as Landing Page

Dependencies

• Alert Detail Page URL available in context for Actions #144427

Implementation

v8.6

• [Actionable Observability] [SPIKE] Identify the O11y App UI components that could be used in the Alerts Landing page. #139191
• [Actionable Observability] Hide the Alert Detail page behind a feature flag #139216
• [Actionable Observability] Create the Alert Summary component for the Alert Landing page #139269
• [Actionable Observability] Alert Detail Page should be configurable to show the solution specific context #139401
• [Actionable Observability] - Create the header and the actions for the Alert Details page #140030
• [Actionable Observability] - Add Alert details button to the alert flyout  #140635
• [Actionable Observability] - Make the URL to Rule Details space awareness  #141898
• [Actionable Observability] - Replace the global feature-flag for the Alert Details page with App-based feature flag #142718

v8.7

• [Actionable Observability] - Create alertDetailAppSection for the APM Alert Details page #143183
• Make rule tags in Alert Details page to match with the design #141674
• [Actionable Observability] - Format Actual value and the Expected value in the Alert details page of APM rule #145409
• [Actionable Observability] - Add alert annotation and threshold shade on the APM latency chart on the Alert Details page #147779
• [Actionable Observability] - Add the latency alerts history to the APM Alert details page #147932

v8.8

Design file

• [Actionable Observability] - Make the fields of the AlertSummary component dynamic. #147078
• [AO] Alert details page - Investigation about main chart of Metric Threshold rule type #151412 Moved to corresponding epic