Skip to content

Service map: Add alert and SLO badges to the storybook#267949

Merged
sbelastic merged 3 commits into
elastic:mainfrom
sbelastic:266173-add-service-map-alert-and-slo-badges-to-storybook
May 6, 2026
Merged

Service map: Add alert and SLO badges to the storybook#267949
sbelastic merged 3 commits into
elastic:mainfrom
sbelastic:266173-add-service-map-alert-and-slo-badges-to-storybook

Conversation

@sbelastic
Copy link
Copy Markdown
Contributor

@sbelastic sbelastic commented May 6, 2026

Closes #266173

Summary

  • Added multiple information in the storybooks about the service map SLO and Alert Badges
  • List of pages affected/added (check be checked here):
    • ?path=/story/app-servicemap-servicenode--alert-badges
    • ?path=/story/app-servicemap-servicenode--slo-badges
    • ?path=/story/app-servicemap-servicenode--alert-and-slo-combined
    • ?path=/story/app-servicemap-servicemap--generate-map
    • ?path=/story/app-servicemap-popover--service-with-alerts
    • ?path=/story/app-servicemap-popover--service-with-slo
    • ?path=/story/app-servicemap-popover--service-with-all-badges

Video showing the generate map (new options)

New.mp4

How to test it locally

Just run

  • yarn storybook apm

@sbelastic sbelastic self-assigned this May 6, 2026
@sbelastic sbelastic added release_note:skip Skip the PR/issue when compiling release notes backport:skip This PR does not require backporting ci:build-storybooks Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation labels May 6, 2026
@sbelastic sbelastic marked this pull request as ready for review May 6, 2026 11:11
@sbelastic sbelastic requested review from a team as code owners May 6, 2026 11:11
@infra-vault-gh-plugin-prod
Copy link
Copy Markdown

Pinging @elastic/obs-presentation-team (Team:obs-presentation)

@kibanamachine
Copy link
Copy Markdown
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

✅ unchanged

History

cc @sbelastic

Copy link
Copy Markdown
Member

@jennypavlova jennypavlova left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 💯 Well done 👏 They look really good, I like the generate map toggles as well 🙌

@sbelastic sbelastic merged commit 6f91332 into elastic:main May 6, 2026
33 checks passed
ersin-erdal pushed a commit to ersin-erdal/kibana that referenced this pull request May 6, 2026
Closes elastic#266173

## Summary

- Added multiple information in the storybooks about the service map SLO
and Alert Badges
- List of pages affected/added (check be checked
[here](https://ci-artifacts.kibana.dev/storybooks/pr-267949/apm/index.html)):
    - `?path=/story/app-servicemap-servicenode--alert-badges`
    - `?path=/story/app-servicemap-servicenode--slo-badges`
    - `?path=/story/app-servicemap-servicenode--alert-and-slo-combined`
    - `?path=/story/app-servicemap-servicemap--generate-map`
    - `?path=/story/app-servicemap-popover--service-with-alerts`
    - `?path=/story/app-servicemap-popover--service-with-slo`
    - `?path=/story/app-servicemap-popover--service-with-all-badges`


### Video showing the generate map (new options)



https://github.com/user-attachments/assets/344dc754-7d53-4480-92c2-b98d44eb78f0


### How to test it locally

Just run 

- `yarn storybook apm`
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting ci:build-storybooks release_note:skip Skip the PR/issue when compiling release notes Team:obs-presentation Focus: APM UI, Infra UI, Hosts UI, Universal Profiling, Obs Overview and left Navigation v9.5.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[APM] Service map: Add alert and SLO badges to the storybook

3 participants