Skip to content

[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard#214356

Merged
jennypavlova merged 2 commits intoelastic:mainfrom
jennypavlova:214328-pass-telemetry-sdk-data-when-loading-a-dashboard
Mar 13, 2025
Merged

[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard#214356
jennypavlova merged 2 commits intoelastic:mainfrom
jennypavlova:214328-pass-telemetry-sdk-data-when-loading-a-dashboard

Conversation

@jennypavlova
Copy link
Member

@jennypavlova jennypavlova commented Mar 13, 2025

Closes #214328

Summary

This PR fixes the issue with loading an otel native dashboard

Testing

  • Run node scripts/synthtrace otel_edot_simple_trace.ts
    • ⚠️ As our test data has only a java service there is a small manual step needed (it will be listed below ^)
  • Open the metrics tab for the service (currently we don't have a dashboard):

image

  • ^ Go to the dashboard_catalog.ts and add mapping for otel native java case:

    • first: 'otel_native-edot-java',

    image

    • second:
      case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
      }

    ``

    • image
  • Check the same page after refresh
    image

@jennypavlova jennypavlova self-assigned this Mar 13, 2025
@jennypavlova jennypavlova requested a review from a team March 13, 2025 12:07
@elasticmachine
Copy link
Contributor

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

Copy link
Contributor

@cauemarcondes cauemarcondes left a comment

Choose a reason for hiding this comment

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

LGTM

@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #110 / machine learning - permissions "after all" hook in "machine learning - permissions"
  • [job] [logs] FTR Configs #110 / machine learning - permissions for user with full ML access with no data loaded (ft_ml_poweruser) "after all" hook for "should display elements on ML Overview page correctly"
  • [job] [logs] FTR Configs #110 / machine learning - permissions for user with full ML access with no data loaded (ft_ml_poweruser) "before all" hook for "should display the ML entry in Kibana app menu"

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
apm 2.5MB 2.5MB +42.0B

cc @jennypavlova

@jennypavlova jennypavlova merged commit ebe7ef6 into elastic:main Mar 13, 2025
10 checks passed
@kibanamachine
Copy link
Contributor

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

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…lastic#214356)

Closes elastic#214328

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):

![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)

- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`

![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second:
      ```js
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)

(cherry picked from commit ebe7ef6)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…lastic#214356)

Closes elastic#214328

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):

![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)

- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`

![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second:
      ```js
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)

(cherry picked from commit ebe7ef6)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…lastic#214356)

Closes elastic#214328

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):

![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)

- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`

![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second:
      ```js
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)

(cherry picked from commit ebe7ef6)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…lastic#214356)

Closes elastic#214328

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):

![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)

- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`

![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second:
      ```js
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)

(cherry picked from commit ebe7ef6)
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Mar 13, 2025
…lastic#214356)

Closes elastic#214328

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):

![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)

- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`

![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second:
      ```js
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)

(cherry picked from commit ebe7ef6)
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.16
8.17
8.18
8.x
9.0

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

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Mar 13, 2025
…oard (#214356) (#214417)

# Backport

This will backport the following commits from `main` to `8.16`:
- [[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)](#214356)

<!--- 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-03-13T15:20:17Z","message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1","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","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a
dashboard","number":214356,"url":"https://github.com/elastic/kibana/pull/214356","mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}},"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/214356","number":214356,"mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…oard (#214356) (#214418)

# Backport

This will backport the following commits from `main` to `8.17`:
- [[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)](#214356)

<!--- 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-03-13T15:20:17Z","message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1","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","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a
dashboard","number":214356,"url":"https://github.com/elastic/kibana/pull/214356","mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}},"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/214356","number":214356,"mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…ard (#214356) (#214420)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)](#214356)

<!--- 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-03-13T15:20:17Z","message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1","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","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a
dashboard","number":214356,"url":"https://github.com/elastic/kibana/pull/214356","mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}},"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/214356","number":214356,"mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…ard (#214356) (#214421)

# Backport

This will backport the following commits from `main` to `9.0`:
- [[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)](#214356)

<!--- 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-03-13T15:20:17Z","message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1","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","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a
dashboard","number":214356,"url":"https://github.com/elastic/kibana/pull/214356","mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}},"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/214356","number":214356,"mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
kibanamachine added a commit that referenced this pull request Mar 13, 2025
…oard (#214356) (#214419)

# Backport

This will backport the following commits from `main` to `8.18`:
- [[APM][OTel] Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)](#214356)

<!--- 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-03-13T15:20:17Z","message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1","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","Team:obs-ux-infra_services","v9.1.0"],"title":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a
dashboard","number":214356,"url":"https://github.com/elastic/kibana/pull/214356","mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}},"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/214356","number":214356,"mergeCommit":{"message":"[APM][OTel]
Fix: Pass telemetry.sdk* data when loading a dashboard
(#214356)\n\nCloses #214328 \n\n## Summary\n\nThis PR fixes the issue
with loading an otel native dashboard\n\n## Testing\n- Run ` node
scripts/synthtrace otel_edot_simple_trace.ts`\n- ⚠️ As our test data has
only a java service there is a small manual\nstep needed (it will be
listed below **^**)\n- Open the metrics tab for the service (currently
we don't have
a\ndashboard):\n\n\n![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)\n\n\n-
**^** Go to the `dashboard_catalog.ts` and add mapping for otel
native\njava case:\n - first:
`'otel_native-edot-java',`\n\n\n![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)\n
- second: \n ```js \n case 'otel_native-edot-java': {\n return import(\n
/* webpackChunkName: \"lazyJavaOtelNativeDashboard\" */\n
'./opentelemetry_java.json'\n );\n }\n
``\n\n-\n![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)\n\n-
Check the same page after
refresh\n\n![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)","sha":"ebe7ef6da0f25b09e1d576e7d8975d7b0b2a95b1"}}]}]
BACKPORT-->

Co-authored-by: jennypavlova <dzheni.pavlova@elastic.co>
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Mar 22, 2025
…lastic#214356)

Closes elastic#214328 

## Summary

This PR fixes the issue with loading an otel native dashboard

## Testing
- Run ` node scripts/synthtrace otel_edot_simple_trace.ts`
- ⚠️ As our test data has only a java service there is a small manual
step needed (it will be listed below **^**)
- Open the metrics tab for the service (currently we don't have a
dashboard):


![image](https://github.com/user-attachments/assets/e5f1461c-be6f-4d18-9185-7cb25698764b)


- **^** Go to the `dashboard_catalog.ts` and add mapping for otel native
java case:
  - first: `'otel_native-edot-java',`


![image](https://github.com/user-attachments/assets/a3463f5b-6db9-466e-95fc-3ccd44a4a016)
  - second: 
      ```js   
     case 'otel_native-edot-java': {
      return import(
        /* webpackChunkName: "lazyJavaOtelNativeDashboard" */
        './opentelemetry_java.json'
      );
    }
   ``

-
![image](https://github.com/user-attachments/assets/34c12147-db1e-4494-8ea6-95dffc5975d4)

- Check the same page after refresh

![image](https://github.com/user-attachments/assets/e12b7046-9868-421b-9f9e-df004f82ddfc)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

telemetrySdk data not passed to convertSavedDashboardToPanels creates misbehaviour in dashboard loading

4 participants