Skip to content

Conversation

@rmyz
Copy link
Contributor

@rmyz rmyz commented Jun 26, 2025

Summary

Closes #222240

This PR adds the prop sideNavStatus: 'hidden' to the settings links to prevent them from appearing in the nav bar, but keeping them in the breadcrumbs.
It also fixes the Application breadcrumb not being clickable.

Screenshots

Description Before After
Classic Infra image image
Classic APM image image
Serverless Infra image image
Serverless APM image image

@rmyz rmyz self-assigned this Jun 26, 2025
@rmyz rmyz requested a review from a team as a code owner June 26, 2025 11:42
@rmyz rmyz added release_note:fix Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. backport:version Backport to applied version labels v9.1.0 v8.19.0 labels Jun 26, 2025
@elasticmachine
Copy link
Contributor

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

@botelastic botelastic bot added ci:project-deploy-observability Create an Observability project Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. labels Jun 26, 2025
@elasticmachine
Copy link
Contributor

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

@rmyz rmyz requested a review from a team June 26, 2025 11:42
@github-actions
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

Copy link
Contributor

@benakansara benakansara left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@CoenWarmer CoenWarmer left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link
Contributor

@miloszmarcinkowski miloszmarcinkowski left a comment

Choose a reason for hiding this comment

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

Tested locally and looks good!

@elasticmachine
Copy link
Contributor

elasticmachine commented Jun 26, 2025

💚 Build Succeeded

  • Buildkite Build
  • Commit: e9326e7
  • Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-225436-e9326e780516

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 +10.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
serverlessObservability 13.9KB 14.0KB +56.0B

History

cc @rmyz

@rmyz rmyz enabled auto-merge (squash) June 26, 2025 12:53
@rmyz rmyz merged commit 76642fb into elastic:main Jun 26, 2025
26 checks passed
@kibanamachine
Copy link
Contributor

@kibanamachine
Copy link
Contributor

💔 All backports failed

Status Branch Result
8.19 Backport failed because of merge conflicts

Manual backport

To create the backport manually run:

node scripts/backport --pr 225436

Questions ?

Please refer to the Backport tool documentation

@rmyz
Copy link
Contributor Author

rmyz commented Jun 26, 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

rmyz added a commit to rmyz/kibana that referenced this pull request Jun 26, 2025
…#225436)

## Summary

Closes [elastic#222240](elastic#222240)

This PR adds the prop `sideNavStatus: 'hidden'` to the settings links to
prevent them from appearing in the nav bar, but keeping them in the
breadcrumbs.
It also fixes the `Application` breadcrumb not being clickable.

## Screenshots

| Description | Before | After |
|--------|--------|--------|
| Classic Infra |
![image](https://github.com/user-attachments/assets/3b179b0b-cdca-4bc1-a4be-beffe689dbd1)
|
![image](https://github.com/user-attachments/assets/79a3cf5d-e7af-42eb-aa22-361f6f3f7527)
|
| Classic APM |
![image](https://github.com/user-attachments/assets/4944000a-e583-47c9-8647-7152b9eab60d)
|![image](https://github.com/user-attachments/assets/ab88c54c-8d5c-47fc-b46f-efc197da6673)
|
| Serverless Infra |
![image](https://github.com/user-attachments/assets/eece25d8-be06-457a-a4c8-940ce5f02790)
|
![image](https://github.com/user-attachments/assets/ca2b0d57-f0b3-4517-807e-a91e42e507bb)
|
| Serverless APM |
![image](https://github.com/user-attachments/assets/228bedba-7687-42cd-b47a-557bfbfda210)
|
![image](https://github.com/user-attachments/assets/7c7f551f-3d6a-4dcf-8ac3-167f0db0d05e)
|

(cherry picked from commit 76642fb)

# Conflicts:
#	x-pack/solutions/observability/plugins/serverless_observability/public/navigation_tree.ts
meghanmurphy1 pushed a commit to meghanmurphy1/kibana that referenced this pull request Jun 26, 2025
…#225436)

## Summary

Closes [elastic#222240](elastic#222240)

This PR adds the prop `sideNavStatus: 'hidden'` to the settings links to
prevent them from appearing in the nav bar, but keeping them in the
breadcrumbs.
It also fixes the `Application` breadcrumb not being clickable.

## Screenshots

| Description | Before | After |
|--------|--------|--------|
| Classic Infra |
![image](https://github.com/user-attachments/assets/3b179b0b-cdca-4bc1-a4be-beffe689dbd1)
|
![image](https://github.com/user-attachments/assets/79a3cf5d-e7af-42eb-aa22-361f6f3f7527)
|
| Classic APM |
![image](https://github.com/user-attachments/assets/4944000a-e583-47c9-8647-7152b9eab60d)
|![image](https://github.com/user-attachments/assets/ab88c54c-8d5c-47fc-b46f-efc197da6673)
|
| Serverless Infra |
![image](https://github.com/user-attachments/assets/eece25d8-be06-457a-a4c8-940ce5f02790)
|
![image](https://github.com/user-attachments/assets/ca2b0d57-f0b3-4517-807e-a91e42e507bb)
|
| Serverless APM |
![image](https://github.com/user-attachments/assets/228bedba-7687-42cd-b47a-557bfbfda210)
|
![image](https://github.com/user-attachments/assets/7c7f551f-3d6a-4dcf-8ac3-167f0db0d05e)
|
meghanmurphy1 added a commit to meghanmurphy1/kibana that referenced this pull request Jun 26, 2025
rmyz added a commit that referenced this pull request Jun 26, 2025
…225436) (#225458)

# Backport

This will backport the following commits from `main` to `8.19`:
- [[ObsUX][Infra][APM] Hide Settings from serverless navigation
(#225436)](#225436)

<!--- Backport version: 10.0.1 -->

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

<!--BACKPORT [{"author":{"name":"Sergi
Romeu","email":"[email protected]"},"sourceCommit":{"committedDate":"2025-06-26T13:40:05Z","message":"[ObsUX][Infra][APM]
Hide Settings from serverless navigation (#225436)\n\n##
Summary\n\nCloses
[#222240](https://github.com/elastic/kibana/issues/222240)\n\nThis PR
adds the prop `sideNavStatus: 'hidden'` to the settings links
to\nprevent them from appearing in the nav bar, but keeping them in
the\nbreadcrumbs.\nIt also fixes the `Application` breadcrumb not being
clickable.\n\n## Screenshots\n\n| Description | Before | After
|\n|--------|--------|--------|\n| Classic Infra
|\n![image](https://github.com/user-attachments/assets/3b179b0b-cdca-4bc1-a4be-beffe689dbd1)\n|\n![image](https://github.com/user-attachments/assets/79a3cf5d-e7af-42eb-aa22-361f6f3f7527)\n|\n|
Classic APM
|\n![image](https://github.com/user-attachments/assets/4944000a-e583-47c9-8647-7152b9eab60d)\n|![image](https://github.com/user-attachments/assets/ab88c54c-8d5c-47fc-b46f-efc197da6673)\n|\n|
Serverless Infra
|\n![image](https://github.com/user-attachments/assets/eece25d8-be06-457a-a4c8-940ce5f02790)\n|\n![image](https://github.com/user-attachments/assets/ca2b0d57-f0b3-4517-807e-a91e42e507bb)\n|\n|
Serverless APM
|\n![image](https://github.com/user-attachments/assets/228bedba-7687-42cd-b47a-557bfbfda210)\n|\n![image](https://github.com/user-attachments/assets/7c7f551f-3d6a-4dcf-8ac3-167f0db0d05e)\n|","sha":"76642fbf16ef8ea9af5096103c45cc94265ec6fd","branchLabelMapping":{"^v9.1.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","ci:project-deploy-observability","Team:obs-ux-infra_services","Team:obs-ux-management","backport:version","v9.1.0","v8.19.0"],"title":"[ObsUX][Infra][APM]
Hide Settings from serverless
navigation","number":225436,"url":"https://github.com/elastic/kibana/pull/225436","mergeCommit":{"message":"[ObsUX][Infra][APM]
Hide Settings from serverless navigation (#225436)\n\n##
Summary\n\nCloses
[#222240](https://github.com/elastic/kibana/issues/222240)\n\nThis PR
adds the prop `sideNavStatus: 'hidden'` to the settings links
to\nprevent them from appearing in the nav bar, but keeping them in
the\nbreadcrumbs.\nIt also fixes the `Application` breadcrumb not being
clickable.\n\n## Screenshots\n\n| Description | Before | After
|\n|--------|--------|--------|\n| Classic Infra
|\n![image](https://github.com/user-attachments/assets/3b179b0b-cdca-4bc1-a4be-beffe689dbd1)\n|\n![image](https://github.com/user-attachments/assets/79a3cf5d-e7af-42eb-aa22-361f6f3f7527)\n|\n|
Classic APM
|\n![image](https://github.com/user-attachments/assets/4944000a-e583-47c9-8647-7152b9eab60d)\n|![image](https://github.com/user-attachments/assets/ab88c54c-8d5c-47fc-b46f-efc197da6673)\n|\n|
Serverless Infra
|\n![image](https://github.com/user-attachments/assets/eece25d8-be06-457a-a4c8-940ce5f02790)\n|\n![image](https://github.com/user-attachments/assets/ca2b0d57-f0b3-4517-807e-a91e42e507bb)\n|\n|
Serverless APM
|\n![image](https://github.com/user-attachments/assets/228bedba-7687-42cd-b47a-557bfbfda210)\n|\n![image](https://github.com/user-attachments/assets/7c7f551f-3d6a-4dcf-8ac3-167f0db0d05e)\n|","sha":"76642fbf16ef8ea9af5096103c45cc94265ec6fd"}},"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/225436","number":225436,"mergeCommit":{"message":"[ObsUX][Infra][APM]
Hide Settings from serverless navigation (#225436)\n\n##
Summary\n\nCloses
[#222240](https://github.com/elastic/kibana/issues/222240)\n\nThis PR
adds the prop `sideNavStatus: 'hidden'` to the settings links
to\nprevent them from appearing in the nav bar, but keeping them in
the\nbreadcrumbs.\nIt also fixes the `Application` breadcrumb not being
clickable.\n\n## Screenshots\n\n| Description | Before | After
|\n|--------|--------|--------|\n| Classic Infra
|\n![image](https://github.com/user-attachments/assets/3b179b0b-cdca-4bc1-a4be-beffe689dbd1)\n|\n![image](https://github.com/user-attachments/assets/79a3cf5d-e7af-42eb-aa22-361f6f3f7527)\n|\n|
Classic APM
|\n![image](https://github.com/user-attachments/assets/4944000a-e583-47c9-8647-7152b9eab60d)\n|![image](https://github.com/user-attachments/assets/ab88c54c-8d5c-47fc-b46f-efc197da6673)\n|\n|
Serverless Infra
|\n![image](https://github.com/user-attachments/assets/eece25d8-be06-457a-a4c8-940ce5f02790)\n|\n![image](https://github.com/user-attachments/assets/ca2b0d57-f0b3-4517-807e-a91e42e507bb)\n|\n|
Serverless APM
|\n![image](https://github.com/user-attachments/assets/228bedba-7687-42cd-b47a-557bfbfda210)\n|\n![image](https://github.com/user-attachments/assets/7c7f551f-3d6a-4dcf-8ac3-167f0db0d05e)\n|","sha":"76642fbf16ef8ea9af5096103c45cc94265ec6fd"}},{"branch":"8.19","label":"v8.19.0","branchLabelMappingKey":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
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 ci:project-deploy-observability Create an Observability project release_note:fix Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. v8.19.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[ObsUx][Infra][APM] Serverless side nav

6 participants