[Observability] Add alert details action button !!

[shahzad31]

Summary

Add alert details action button !!

if you have opened up the flyout, reason action button gets hidden.

Also fixed dark theme issues for the chart !!

[elasticmachine]

💛 Build succeeded, but was flaky

• Buildkite Build
• Commit: 754ddd0

Failed CI Steps

• FTR Configs #110

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
observability	1.3MB	1.3MB	+405.0B

[benakansara]

@shahzad31 we had previously discussed to bring "Alert details" link from under "..." to outside and keep it next to "View in app" link (slack), as it is a bit hidden right now. What do you think about changing the action button from opening alert flyout to redirecting to alert details page?

[shahzad31]

@shahzad31 we had previously discussed to bring "Alert details" link from under "..." to outside and keep it next to "View in app" link (slack), as it is a bit hidden right now. What do you think about changing the action button from opening alert flyout to redirecting to alert details page?

well from flyout user can already go to the details page. i think we should try to bring more stuff into flyout to make it useful, that's the plan so i think we should keep it to open flyout

[benakansara]

LGTM

[elasticmachine]

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

[kibanamachine]

Starting backport for target branches: 9.0

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

[kibanamachine]

💔 All backports failed

Status	Branch	Result
❌	9.0	Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 213195

Questions ?

Please refer to the Backport tool documentation