View payload and annotations of external IT alerts in GitLab
Problem to solve
The alert list view is helpful for triaging problems at a high-level, but it does not provide enough space for all alert attributes and the payload. The alert detail page is dedicated to displaying and organizing the alert details and payload so that responders can quickly find critical information during an investigation.
Intended users
Further details
This work supports the direction of the Alert Management product category.
Proposal
For the first iteration on the alert detail page, render the alert details similar to how incident issues show details today. The summary appears at the top followed by the rest of the payload listed below in the issue description. Please note this is different than the design below. We are building the design below in iterations.
| Overview tab | Full alert details tab |
|---|---|
 |
 |
Changing the status of the alert, commenting features, and the "create issue" functionality is being implemented in separate issues so that we can iterate quickly.
Permissions and Security
Documentation
Documentation required, please add details to the new Alert Management docs.
Availability & Testing
What does success look like, and how can we measure that?
What is the type of buyer?
Is this a cross-stage feature?
Links / references
Async Updates
Tracking the merged, in-progress and planned iterations in these tables:
| Functionality | MR | Status | Author |
|---|---|---|---|
| Add feature flag | !30133 (merged) | merged | |
| Add detail route and page skeleton | !30020 (merged) | Merged | |
| Adds the detailed alert skeleton for alert management | !30804 (merged) | merged | |
| Configure graphql for alert detail | !30703 (merged) | Merged | |
| Add basic structure for alert management details page | !30565 (merged) | Merged | |
| Display Alert Detail Overview data | !31048 (merged) | Merged | |
| Include Alert List in Alert Detail page breadcrumb | !31066 (merged) | Merged | |
| Add top level Alert details | !31073 (merged) | Merged | |
| Handle loading state | !31701 (merged) | Merged | |
| Handle error state | !31702 (merged) | Merged | |
| Add docs | !31735 (merged) | Merged | |
| Remove feature flag | !31877 (merged) | Merged | |
| Complete overview tabs #214550 (closed) | !31750 (merged) | Merged | @oregand |
| Not blockers for release | MR | Status | Author |
|---|---|---|---|
| Connect the list to the detail view this should come last to avoid blocking the list delivery | !31764 (merged) | Merged | @oregand |
| Connect the status dropdown | !31680 (merged) | Merged | @lauraMon |
| Mobile View | !32055 (merged) | Merged | @oregand |
| Proposed next MRs (non blockers) |
|---|
| Show 404 when alert id does not exist |
| Add Feature test |