Skip to content

[APM][OTel] Fix layers issue for ESQL visualization by adding textBased layers#216358

Merged
jennypavlova merged 7 commits into
elastic:mainfrom
jennypavlova:215675-apm-apm-services-metrics-tab-doesnt-work-if-embedded-dashboard-includes-esql-visualizations
Apr 7, 2025
Merged

[APM][OTel] Fix layers issue for ESQL visualization by adding textBased layers#216358
jennypavlova merged 7 commits into
elastic:mainfrom
jennypavlova:215675-apm-apm-services-metrics-tab-doesnt-work-if-embedded-dashboard-includes-esql-visualizations

Conversation

@jennypavlova
Copy link
Copy Markdown
Member

@jennypavlova jennypavlova commented Mar 28, 2025

Closes #215675

Summary

This PR fixes the issue with the ESQL visualization by supporting textBased layers. For testing, there is a link to the serverless env of this PR and it should be tested EDOT Java SDK as shown in the screenshot in this comment

…ork-if-embedded-dashboard-includes-esql-visualizations
Copy link
Copy Markdown
Contributor

@JonasKunz JonasKunz left a comment

Choose a reason for hiding this comment

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

It works ... kind of. The dashboard is displayed, but it seems to be in "edit mode":
There are dashed lines around the panels, the panels can be dragged around and it is possible to open the visualization settings via the pen-icon:
image

…pp/metrics/static_dashboard/dashboards/dashboard_catalog.ts

Co-authored-by: Jonas Kunz <j+github@kunzj.de>
@jennypavlova
Copy link
Copy Markdown
Member Author

jennypavlova commented Mar 31, 2025

It works ... kind of. The dashboard is displayed, but it seems to be in "edit mode":
There are dashed lines around the panels, the panels can be dragged around and it is possible to open the visualization settings via the pen-icon:

@JonasKunz Thank you for checking!
I would like to ask the @elastic/kibana-presentation for some help: Do you know why that could happen ( we are loading a static dashboard file, which uses ES|QL visualization, and it appears to be in "edit mode" )? - in this draft we added the file and changed the logic we have to parse the pannels which is then used it in thegetCreationOptions here (we pass viewMode: 'view' btw) which is then passed to the DashboardRenderer

@jennypavlova
Copy link
Copy Markdown
Member Author

/ci

…ork-if-embedded-dashboard-includes-esql-visualizations
@jennypavlova
Copy link
Copy Markdown
Member Author

/ci

@jennypavlova jennypavlova added the ci:project-deploy-observability Create an Observability project label Apr 1, 2025
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Apr 1, 2025

🤖 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!)

@jennypavlova jennypavlova changed the title [APM][OTel] Fix layers issue for ESQL visualizarion by adding textBased layers 🚧 [APM][OTel] Fix layers issue for ESQL visualizarion by adding textBased layers Apr 2, 2025
@jennypavlova jennypavlova marked this pull request as ready for review April 2, 2025 09:29
@jennypavlova jennypavlova requested a review from a team April 2, 2025 09:29
…ork-if-embedded-dashboard-includes-esql-visualizations
@elasticmachine
Copy link
Copy Markdown
Contributor

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

@jennypavlova
Copy link
Copy Markdown
Member Author

jennypavlova commented Apr 3, 2025

Hi @JonasKunz,
I investigated the issue, and I see the same in our oblt lite env (before this change) for different charts:
image
I deployed a serverless env from this PR and it's the same result for different dashboards:
image
image

I will open this PR as it will fix this issue and the "edit issue" we should address separately ( I will open a separate issue for that to collaborate with @elastic/kibana-presentation team to fix it - I am not sure if it's a bug as it worked like that before this one 🤔 so I guess a regression of something else or a dashboards change )

Issue added: #217065

@jennypavlova jennypavlova changed the title 🚧 [APM][OTel] Fix layers issue for ESQL visualizarion by adding textBased layers 🚧 [APM][OTel] Fix layers issue for ESQL visualization by adding textBased layers Apr 3, 2025
@jennypavlova jennypavlova changed the title 🚧 [APM][OTel] Fix layers issue for ESQL visualization by adding textBased layers [APM][OTel] Fix layers issue for ESQL visualization by adding textBased layers Apr 3, 2025
@jennypavlova jennypavlova requested a review from JonasKunz April 3, 2025 16:10
…ork-if-embedded-dashboard-includes-esql-visualizations
@hegerchr
Copy link
Copy Markdown

hegerchr commented Apr 7, 2025

Can we please backport it to 8.x?

…ork-if-embedded-dashboard-includes-esql-visualizations
@elasticmachine
Copy link
Copy Markdown
Contributor

elasticmachine commented Apr 7, 2025

💚 Build Succeeded

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
apm 1891 1892 +1

Async chunks

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

id before after diff
apm 2.5MB 2.6MB +62.7KB
Unknown metric groups

async chunk count

id before after diff
apm 71 72 +1

History

cc @jennypavlova

Copy link
Copy Markdown
Contributor

@rmyz rmyz left a comment

Choose a reason for hiding this comment

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

Tested and it works 🚀

@JonasKunz
Copy link
Copy Markdown
Contributor

Also gave it another go with some EDOT Java data. Dashboard looks fine and correct

@jennypavlova jennypavlova merged commit 523fa76 into elastic:main Apr 7, 2025
@kibanamachine
Copy link
Copy Markdown
Contributor

Starting backport for target branches: 8.16, 8.17, 8.18, 8.x, 9.0

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 7, 2025
…sed` layers (elastic#216358)

Closes elastic#215675

## Summary

This PR fixes the issue with the ESQL visualization by supporting
`textBased` layers. For testing, there is a link to the serverless env
of this PR and it should be tested EDOT Java SDK as shown in [the
screenshot in this
comment](elastic#216358 (review))

---------

Co-authored-by: Jonas Kunz <j+github@kunzj.de>
(cherry picked from commit 523fa76)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 7, 2025
…sed` layers (elastic#216358)

Closes elastic#215675

## Summary

This PR fixes the issue with the ESQL visualization by supporting
`textBased` layers. For testing, there is a link to the serverless env
of this PR and it should be tested EDOT Java SDK as shown in [the
screenshot in this
comment](elastic#216358 (review))

---------

Co-authored-by: Jonas Kunz <j+github@kunzj.de>
(cherry picked from commit 523fa76)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Apr 7, 2025
…sed` layers (elastic#216358)

Closes elastic#215675

## Summary

This PR fixes the issue with the ESQL visualization by supporting
`textBased` layers. For testing, there is a link to the serverless env
of this PR and it should be tested EDOT Java SDK as shown in [the
screenshot in this
comment](elastic#216358 (review))

---------

Co-authored-by: Jonas Kunz <j+github@kunzj.de>
(cherry picked from commit 523fa76)
@kibanamachine
Copy link
Copy Markdown
Contributor

💔 Some backports could not be created

Status Branch Result
8.16 Backport failed because of merge conflicts
8.17 Backport failed because of merge conflicts

You might need to backport the following PRs to 8.17:
- [ML] AIOps: Change Point Detection in Dashboards embeddable fix (#217178)
- Change reporting CODEOWNERS to response ops (#213560)
8.18
8.x
9.0

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

Manual backport

To create the backport manually run:

node scripts/backport --pr 216358

Questions ?

Please refer to the Backport tool documentation

@JonasKunz
Copy link
Copy Markdown
Contributor

I think a backport to the next 8.x release (8.19) would be sufficient, having it already in 8.18.x would be a nice-to-have. We don't need support in previous versions, I'm even not sure if everything works there correctly. I originally created the dashboard in 8.18, so I'm confident that it works there and looks correct.

kibanamachine added a commit that referenced this pull request Apr 7, 2025
…textBased` layers (#216358) (#217324)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[APM][OTel] Fix layers issue for ESQL visualization by adding
`textBased` layers
(#216358)](#216358)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"jennypavlova","email":"dzheni.pavlova@elastic.co"},"sourceCommit":{"committedDate":"2025-04-07T13:20:12Z","message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","backport:prev-minor","backport:prev-major","ci:cloud-redeploy","ci:project-deploy-observability","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased`
layers","number":216358,"url":"https://github.com/elastic/kibana/pull/216358","mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/216358","number":216358,"mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Apr 7, 2025
…textBased` layers (#216358) (#217323)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[APM][OTel] Fix layers issue for ESQL visualization by adding
`textBased` layers
(#216358)](#216358)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"jennypavlova","email":"dzheni.pavlova@elastic.co"},"sourceCommit":{"committedDate":"2025-04-07T13:20:12Z","message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","backport:prev-minor","backport:prev-major","ci:cloud-redeploy","ci:project-deploy-observability","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased`
layers","number":216358,"url":"https://github.com/elastic/kibana/pull/216358","mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/216358","number":216358,"mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Apr 7, 2025
…`textBased` layers (#216358) (#217321)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[APM][OTel] Fix layers issue for ESQL visualization by adding
`textBased` layers
(#216358)](#216358)

<!--- Backport version: 9.6.6 -->

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

<!--BACKPORT
[{"author":{"name":"jennypavlova","email":"dzheni.pavlova@elastic.co"},"sourceCommit":{"committedDate":"2025-04-07T13:20:12Z","message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd","branchLabelMapping":{"^v9.1.0$":"main","^v8.19.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:fix","backport:prev-minor","backport:prev-major","ci:cloud-redeploy","ci:project-deploy-observability","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased`
layers","number":216358,"url":"https://github.com/elastic/kibana/pull/216358","mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.1.0","branchLabelMappingKey":"^v9.1.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/216358","number":216358,"mergeCommit":{"message":"[APM][OTel]
Fix layers issue for ESQL visualization by adding `textBased` layers
(#216358)\n\nCloses #215675 \n\n## Summary\n\nThis PR fixes the issue
with the ESQL visualization by supporting\n`textBased` layers. For
testing, there is a link to the serverless env\nof this PR and it should
be tested EDOT Java SDK as shown in [the\nscreenshot in
this\ncomment](https://github.com/elastic/kibana/pull/216358#pullrequestreview-2728718952)\n\n---------\n\nCo-authored-by:
Jonas Kunz
<j+github@kunzj.de>","sha":"523fa7689cb5edabf613ee46fbce647609b22bdd"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
baileycash-elastic pushed a commit to baileycash-elastic/kibana that referenced this pull request Apr 7, 2025
…sed` layers (elastic#216358)

Closes elastic#215675  

## Summary

This PR fixes the issue with the ESQL visualization by supporting
`textBased` layers. For testing, there is a link to the serverless env
of this PR and it should be tested EDOT Java SDK as shown in [the
screenshot in this
comment](elastic#216358 (review))

---------

Co-authored-by: Jonas Kunz <j+github@kunzj.de>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

ci:cloud-redeploy Always create a new Cloud deployment ci:project-deploy-observability Create an Observability project release_note:fix Team:obs-ux-infra_services - DEPRECATED DEPRECATED - Use Team:obs-presentation. v8.18.0 v8.19.0 v9.0.0 v9.1.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[APM ]APM "Services > Metrics" Tab doesn't work if embedded dashboard includes ES|QL visualizations

7 participants