[Alert Detail Page] Metric Threshold rule

[emma-raffenne]

Description

This issue is about helping users triage metric threshold alerts. The details page should contain information about:

• 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?
• 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?
• which entities (hosts, host groups) are affected (link to new hosts views)?

User journey

Post MVP

• 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?

The alert details view must be available from the alert notification, the alert flyout, and the alert list view.

Design

@maciejforcone please add details about your work here.
https://www.figma.com/file/HTI4gmoxanw4No6DbLiIqp/Alert-details-vision?node-id=79%3A60585&t=WeiwPugNY5wV3Nr3-1
https://www.figma.com/file/HTI4gmoxanw4No6DbLiIqp/Alert-details-vision?node-id=107-71056&t=Fa8aYO96gq9LgrGr-0

Acceptance criteria

• alert details view consists of:
  • overview (header part)
  • main chart showing the field configured in this rule and alert annotations
  • chart showing the "history" of this metric with alert annotations
  • add a link to default message to make sure the user is able to navigate to the new alert details view

MVP (must have):

• Meaningful name [title]
• Alert summary
  • Rule-related fields
• Showing conditions
• Main charts
  • Alert time range + extra (use the magic)
  • Sync chart pointer
  • Alert annotation
• Link to alert details in action variables

Nice to have:

• Sources link
• Flapping
• Alert history when one condition
• Alert history for the rest

Maybe:

• Showing related warning annotation on the chart

Open questions
Can we list the affected entities (hosts, host groups,...) and link to a filtered version of the new infrastructure view?

🧳 MVP

• [AO] Alert details page - Investigation about main chart of Metric Threshold rule type #151412
• [AO] Improve loading state of metric threshold preview chart #152438
• [AO] Alert details page - Adjust title for metric threshold, logs and apm latency. #152595
• [AO] Alert details page - Allow custom time range for metric threshold preview chart #153202
• [AO] Alert details page - Create threshold component #153238
• [AO] Add alert start annotations on the preview charts #153850
• [AO] Add alert time range annotations on the preview charts #153851
• Index values for Metric Threshold Rule and Inventory Threshold Rule to ALERT_EVALUATION_VALUE field as an array #153877
• [AO] Alert details page - Show threshold component at the left side of each chart #153740
• [AO] Sync chart pointers on metric threshold alert details #155354
• [AO] Alert details page - Add rule link for metric threshold #155593
• [Alert details page] show alert group related data on condition charts #155691
• [Alert details page] Show group information as source and in the chart title #155698
• [Alert details page] Deprecate Threshold Rule feature flag for alert details page #153867

🐞 Related bugs

• [AO] Fix recovered badge color on the alert details page #153757
• [Alert details page] Fix not showing alert annotation in metric threshold alert details page  #154451
• [AO] Fix preview title (time information) #153833
• [Alert details page] Fix alert summary for smaller screen sizes #153834

✨ Improvements/chores

• [Obs Alerting] Fix null value warning for metric threshold preview chart #154025
• [AO] Improve app section props in alert details page #152690
• Improve time axis of preview chart in metric threshold rule #153443

Dependencies

• Add ALERT_CONTEXT to alert document for Metric Threshold Rule #154126

[XavierM]

@emma-raffenne, is this issue mean to be for ResponseOps?

[emma-raffenne]

@emma-raffenne, is this issue mean to be for ResponseOps?

@XavierM no it isn't and from the top of my head this is a duplicate. Moving it to our project anyhow.

[maryam-saeidi]

MVP (must have):

• Meaningful name [title]
• Alert summary
  • Rule-related fields
• Showing conditions
• Main charts
  • Alert time range + extra (use the magic)
  • Sync chart pointer
  • Alert annotation
• Link to alert details in action variables

Nice to have: (@katrin-freihofner feel free to update this section)

• Sources link
• Flapping
• Alert history when one condition
• Alert history for the rest
• Showing related warning on the chart

[katrin-freihofner]

I'm going to remove the "inventory rule" part from this issue - it is out of scope.
(At some point, it could be resolved by combining the rules #149928)

[katrin-freihofner]

Moved to new issue https://github.com/elastic/actionable-observability/issues/47