Skip to content

Linked dashboards in Rule and Alert pages#219019

Merged
mgiota merged 47 commits intoelastic:mainfrom
mgiota:linked_dashboards_ui
May 23, 2025
Merged

Linked dashboards in Rule and Alert pages#219019
mgiota merged 47 commits intoelastic:mainfrom
mgiota:linked_dashboards_ui

Conversation

@mgiota
Copy link
Contributor

@mgiota mgiota commented Apr 23, 2025

Fixes #214522
Fixes #214523

🧪 How to test

This PR includes the UI of:

  1. linking dashboards in the rule configuration page/flyout in both Stack Management and o11y rules pages
  2. displaying the Related dashboards in the o11y Alert details page.

Link dashboards

o11y Rule Management

Screenshot 2025-05-21 at 15 38 38

Stack Management

Screenshot 2025-05-21 at 16 37 09

Edit linked dashboards

o11y Edit Flyout

Screenshot 2025-05-21 at 15 42 19

Stack Management

Screenshot 2025-05-21 at 16 35 03

Alert Details page & Related Dashboards

Screenshot 2025-05-07 at 14 25 17

✔️ Acceptance criteria

  • user should be able to link dashboards during rule creation in both Stack Management and o11y Rule pages
  • user should be able to update the linked dashboards in both Stack Management and o11y Rule pages
  • user should be able to view the linked dashboards in a new Related dashboards tab in the Alert Details page
  • user should be able to go to the dashboard page when clicking on the dashboard title

@mgiota mgiota self-assigned this Apr 23, 2025
@mgiota mgiota force-pushed the linked_dashboards_ui branch from 3b60f28 to ba16762 Compare April 23, 2025 21:26
mgiota added a commit that referenced this pull request Apr 25, 2025
Follow up PR that addresses
[this](#216292 (review))
comment and returns the artifacts in the internal _resolve API. The
`_resolve` api is used in the edit rule form and fixes a UI issue in
this draft [PR](#219019)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
kibanamachine added a commit to kibanamachine/kibana that referenced this pull request Apr 25, 2025
Follow up PR that addresses
[this](elastic#216292 (review))
comment and returns the artifacts in the internal _resolve API. The
`_resolve` api is used in the edit rule form and fixes a UI issue in
this draft [PR](elastic#219019)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit ed2d0f8)
@mgiota mgiota marked this pull request as ready for review April 30, 2025 12:22
@mgiota mgiota requested review from a team as code owners April 30, 2025 12:22
@mgiota mgiota added release_note:skip Skip the PR/issue when compiling release notes backport:version Backport to applied version labels v8.19.0 v9.1.0 labels Apr 30, 2025
@botelastic botelastic bot added the Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. label Apr 30, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

@mgiota mgiota changed the title add linked dashboards dropdown in the rule form Linked dashboards in Rule and Alert pages Apr 30, 2025
@mgiota mgiota merged commit 9533a15 into elastic:main May 23, 2025
10 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.19

https://github.com/elastic/kibana/actions/runs/15205317344

@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.19 Backport failed because of merge conflicts

You might need to backport the following PRs to 8.19:
- [GenAI Connectors] Resolves missing dashboard link in edit tab (#221209)

Manual backport

To create the backport manually run:

node scripts/backport --pr 219019

Questions ?

Please refer to the Backport tool documentation

@kibanamachine
Copy link
Contributor

Friendly reminder: Looks like this PR hasn’t been backported yet.
To create automatically backports add a backport:* label or prevent reminders by adding the backport:skip label.
You can also create backports manually by running node scripts/backport --pr 219019 locally
cc: @mgiota

@mgiota
Copy link
Contributor Author

mgiota commented May 27, 2025

💚 All backports created successfully

Status Branch Result
8.19

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

mgiota added a commit to mgiota/kibana that referenced this pull request May 27, 2025
Fixes elastic#214522
Fixes elastic#214523

This PR includes the UI of:

1. `linking dashboards` in the `rule configuration` page/flyout in both
`Stack Management` and `o11y` rules pages
2. displaying the `Related dashboards` in the o11y `Alert details` page.

<img width="500" alt="Screenshot 2025-05-21 at 15 38 38"
src="https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217"
/>

<img width="500" alt="Screenshot 2025-05-21 at 16 37 09"
src="https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc"
/>

<img width="500" alt="Screenshot 2025-05-21 at 15 42 19"
src="https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765"
/>

<img width="500" alt="Screenshot 2025-05-21 at 16 35 03"
src="https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132"
/>

<img width="500" alt="Screenshot 2025-05-07 at 14 25 17"
src="https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560"
/>

- user should be able to `link dashboards` during rule creation in both
Stack Management and `o11y` Rule pages
- user should be able to `update` the linked dashboards in both `Stack
Management` and `o11y` Rule pages
- user should be able to view the linked dashboards in a new `Related
dashboards` tab in the `Alert Details` page
- user should be able to go to the dashboard page when clicking on the
dashboard title

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit 9533a15)
mgiota added a commit to mgiota/kibana that referenced this pull request May 27, 2025
Fixes elastic#214522
Fixes elastic#214523

This PR includes the UI of:

1. `linking dashboards` in the `rule configuration` page/flyout in both
`Stack Management` and `o11y` rules pages
2. displaying the `Related dashboards` in the o11y `Alert details` page.

<img width="500" alt="Screenshot 2025-05-21 at 15 38 38"
src="https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217"
/>

<img width="500" alt="Screenshot 2025-05-21 at 16 37 09"
src="https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc"
/>

<img width="500" alt="Screenshot 2025-05-21 at 15 42 19"
src="https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765"
/>

<img width="500" alt="Screenshot 2025-05-21 at 16 35 03"
src="https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132"
/>

<img width="500" alt="Screenshot 2025-05-07 at 14 25 17"
src="https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560"
/>

- user should be able to `link dashboards` during rule creation in both
Stack Management and `o11y` Rule pages
- user should be able to `update` the linked dashboards in both `Stack
Management` and `o11y` Rule pages
- user should be able to view the linked dashboards in a new `Related
dashboards` tab in the `Alert Details` page
- user should be able to go to the dashboard page when clicking on the
dashboard title

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
(cherry picked from commit 9533a15)
mgiota added a commit that referenced this pull request May 27, 2025
# Backport

This will backport the following commits from `main` to `8.19`:
- [Linked dashboards in Rule and Alert pages
(#219019)](#219019)

<!--- Backport version: 10.0.0 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sorenlouv/backport)

<!--BACKPORT [{"author":{"name":"Panagiota
Mitsopoulou","email":"panagiota.mitsopoulou@elastic.co"},"sourceCommit":{"committedDate":"2025-05-23T07:57:16Z","message":"Linked
dashboards in Rule and Alert pages (#219019)\n\nFixes
https://github.com/elastic/kibana/issues/214522\nFixes
#214523 \n\n\n## 🧪 How to
test\nThis PR includes the UI of:\n\n1. `linking dashboards` in the
`rule configuration` page/flyout in both\n`Stack Management` and `o11y`
rules pages\n2. displaying the `Related dashboards` in the o11y `Alert
details` page.\n\n### Link dashboards \n#### o11y Rule Management\n<img
width=\"500\" alt=\"Screenshot 2025-05-21 at 15 38
38\"\nsrc=\"https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
37
09\"\nsrc=\"https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc\"\n/>\n\n\n\n###
Edit linked dashboards\n\n#### o11y Edit Flyout\n<img width=\"500\"
alt=\"Screenshot 2025-05-21 at 15 42
19\"\nsrc=\"https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
35
03\"\nsrc=\"https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132\"\n/>\n\n\n\n###
Alert Details page & Related Dashboards\n<img width=\"500\"
alt=\"Screenshot 2025-05-07 at 14 25
17\"\nsrc=\"https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560\"\n/>\n\n\n\n\n##
✔️ Acceptance criteria\n- user should be able to `link dashboards`
during rule creation in both\nStack Management and `o11y` Rule pages\n-
user should be able to `update` the linked dashboards in both
`Stack\nManagement` and `o11y` Rule pages\n- user should be able to view
the linked dashboards in a new `Related\ndashboards` tab in the `Alert
Details` page\n- user should be able to go to the dashboard page when
clicking on the\ndashboard title\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"9533a15ff3debd2f58894f7cead790acdc48efd2","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","backport
missing","Team:obs-ux-management","backport:version","v9.1.0","v8.19.0"],"title":"Linked
dashboards in Rule and Alert
pages","number":219019,"url":"https://github.com/elastic/kibana/pull/219019","mergeCommit":{"message":"Linked
dashboards in Rule and Alert pages (#219019)\n\nFixes
https://github.com/elastic/kibana/issues/214522\nFixes
#214523 \n\n\n## 🧪 How to
test\nThis PR includes the UI of:\n\n1. `linking dashboards` in the
`rule configuration` page/flyout in both\n`Stack Management` and `o11y`
rules pages\n2. displaying the `Related dashboards` in the o11y `Alert
details` page.\n\n### Link dashboards \n#### o11y Rule Management\n<img
width=\"500\" alt=\"Screenshot 2025-05-21 at 15 38
38\"\nsrc=\"https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
37
09\"\nsrc=\"https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc\"\n/>\n\n\n\n###
Edit linked dashboards\n\n#### o11y Edit Flyout\n<img width=\"500\"
alt=\"Screenshot 2025-05-21 at 15 42
19\"\nsrc=\"https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
35
03\"\nsrc=\"https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132\"\n/>\n\n\n\n###
Alert Details page & Related Dashboards\n<img width=\"500\"
alt=\"Screenshot 2025-05-07 at 14 25
17\"\nsrc=\"https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560\"\n/>\n\n\n\n\n##
✔️ Acceptance criteria\n- user should be able to `link dashboards`
during rule creation in both\nStack Management and `o11y` Rule pages\n-
user should be able to `update` the linked dashboards in both
`Stack\nManagement` and `o11y` Rule pages\n- user should be able to view
the linked dashboards in a new `Related\ndashboards` tab in the `Alert
Details` page\n- user should be able to go to the dashboard page when
clicking on the\ndashboard title\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"9533a15ff3debd2f58894f7cead790acdc48efd2"}},"sourceBranch":"main","suggestedTargetBranches":["8.19"],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/219019","number":219019,"mergeCommit":{"message":"Linked
dashboards in Rule and Alert pages (#219019)\n\nFixes
https://github.com/elastic/kibana/issues/214522\nFixes
#214523 \n\n\n## 🧪 How to
test\nThis PR includes the UI of:\n\n1. `linking dashboards` in the
`rule configuration` page/flyout in both\n`Stack Management` and `o11y`
rules pages\n2. displaying the `Related dashboards` in the o11y `Alert
details` page.\n\n### Link dashboards \n#### o11y Rule Management\n<img
width=\"500\" alt=\"Screenshot 2025-05-21 at 15 38
38\"\nsrc=\"https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
37
09\"\nsrc=\"https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc\"\n/>\n\n\n\n###
Edit linked dashboards\n\n#### o11y Edit Flyout\n<img width=\"500\"
alt=\"Screenshot 2025-05-21 at 15 42
19\"\nsrc=\"https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765\"\n/>\n\n\n####
Stack Management\n<img width=\"500\" alt=\"Screenshot 2025-05-21 at 16
35
03\"\nsrc=\"https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132\"\n/>\n\n\n\n###
Alert Details page & Related Dashboards\n<img width=\"500\"
alt=\"Screenshot 2025-05-07 at 14 25
17\"\nsrc=\"https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560\"\n/>\n\n\n\n\n##
✔️ Acceptance criteria\n- user should be able to `link dashboards`
during rule creation in both\nStack Management and `o11y` Rule pages\n-
user should be able to `update` the linked dashboards in both
`Stack\nManagement` and `o11y` Rule pages\n- user should be able to view
the linked dashboards in a new `Related\ndashboards` tab in the `Alert
Details` page\n- user should be able to go to the dashboard page when
clicking on the\ndashboard title\n\n---------\n\nCo-authored-by:
kibanamachine
<42973632+kibanamachine@users.noreply.github.com>\nCo-authored-by:
Elastic Machine
<elasticmachine@users.noreply.github.com>","sha":"9533a15ff3debd2f58894f7cead790acdc48efd2"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@kibanamachine kibanamachine removed the backport missing Added to PRs automatically when the are determined to be missing a backport. label May 27, 2025
akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request May 29, 2025
Follow up PR that addresses
[this](elastic#216292 (review))
comment and returns the artifacts in the internal _resolve API. The
`_resolve` api is used in the edit rule form and fixes a UI issue in
this draft [PR](elastic#219019)

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request May 29, 2025
## Summary

This implements some design changes for the Rule create/edit form that
are needed downstream in elastic#217106
and elastic#219019.

Once we are agreed on the implementation and ok to merge, we can go
ahead. In the meantime, we can pull these changes into the existing PRs
mentioned above so we can work on finalizing the layout as it will look,
without needing to duplicate these commits in both places.


### Updated create rule form

<img width="1236" alt="image"
src="https://github.com/user-attachments/assets/06925dfe-bd61-4f99-bdca-2cdf7bbb5f60"
/>

### Updated details tab in edit flyout

<img width="776" alt="image"
src="https://github.com/user-attachments/assets/b250a4c9-fb2d-41cd-910a-aa42b61b5a5c"
/>
akowalska622 pushed a commit to akowalska622/kibana that referenced this pull request May 29, 2025
Fixes elastic#214522
Fixes elastic#214523 


## 🧪  How to test
This PR includes the UI of:

1. `linking dashboards` in the `rule configuration` page/flyout in both
`Stack Management` and `o11y` rules pages
2. displaying the `Related dashboards` in the o11y `Alert details` page.

### Link dashboards 
#### o11y Rule Management
<img width="500" alt="Screenshot 2025-05-21 at 15 38 38"
src="https://github.com/user-attachments/assets/c1011c34-faa6-493b-864b-f94fd09f0217"
/>


#### Stack Management
<img width="500" alt="Screenshot 2025-05-21 at 16 37 09"
src="https://github.com/user-attachments/assets/e1a5c2db-b481-4884-beb4-5a4a72d79cbc"
/>



### Edit linked dashboards

#### o11y Edit Flyout
<img width="500" alt="Screenshot 2025-05-21 at 15 42 19"
src="https://github.com/user-attachments/assets/646359de-879c-4970-8d39-626103090765"
/>


#### Stack Management
<img width="500" alt="Screenshot 2025-05-21 at 16 35 03"
src="https://github.com/user-attachments/assets/433edcc7-23a5-44e9-9bf7-53add9e4e132"
/>



### Alert Details page & Related Dashboards
<img width="500" alt="Screenshot 2025-05-07 at 14 25 17"
src="https://github.com/user-attachments/assets/5afda303-30e4-42a6-85d0-5687cc75f560"
/>




## ✔️  Acceptance criteria
- user should be able to `link dashboards` during rule creation in both
Stack Management and `o11y` Rule pages
- user should be able to `update` the linked dashboards in both `Stack
Management` and `o11y` Rule pages
- user should be able to view the linked dashboards in a new `Related
dashboards` tab in the `Alert Details` page
- user should be able to go to the dashboard page when clicking on the
dashboard title

---------

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
@jasonrhodes jasonrhodes added release_note:feature Makes this part of the condensed release notes and removed release_note:skip Skip the PR/issue when compiling release notes labels May 29, 2025
qn895 pushed a commit to qn895/kibana that referenced this pull request Jun 3, 2025
## Summary

This implements some design changes for the Rule create/edit form that
are needed downstream in elastic#217106
and elastic#219019.

Once we are agreed on the implementation and ok to merge, we can go
ahead. In the meantime, we can pull these changes into the existing PRs
mentioned above so we can work on finalizing the layout as it will look,
without needing to duplicate these commits in both places.


### Updated create rule form

<img width="1236" alt="image"
src="https://github.com/user-attachments/assets/06925dfe-bd61-4f99-bdca-2cdf7bbb5f60"
/>

### Updated details tab in edit flyout

<img width="776" alt="image"
src="https://github.com/user-attachments/assets/b250a4c9-fb2d-41cd-910a-aa42b61b5a5c"
/>
@mgiota mgiota deleted the linked_dashboards_ui branch October 1, 2025 06:14
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels release_note:feature Makes this part of the condensed release notes Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. v8.19.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Display linked dashboards into o11y Alert details page Add linked Dashboards to Rule configuration

10 participants