Update EUI to v114.0.0

package.json

@@ -141,8 +141,8 @@
     "@elastic/elasticsearch": "9.3.4",
     "@elastic/ems-client": "8.6.3",
     "@elastic/esql": "1.7.0",
-    "@elastic/eui": "113.3.0",
-    "@elastic/eui-theme-borealis": "6.2.0",
+    "@elastic/eui": "114.0.0",
+    "@elastic/eui-theme-borealis": "7.0.0",
     "@elastic/filesaver": "1.1.2",
     "@elastic/kibana-d3-color": "npm:@elastic/kibana-d3-color@2.0.1",
     "@elastic/monaco-esql": "3.2.2",
@@ -1573,7 +1573,7 @@
     "@cypress/debugging-proxy": "2.0.1",
     "@cypress/grep": "5.1.0",
     "@cypress/webpack-preprocessor": "6.0.2",
-    "@elastic/eslint-plugin-eui": "2.10.0",
+    "@elastic/eslint-plugin-eui": "2.11.0",
     "@elastic/makelogs": "6.1.1",
     "@emotion/babel-preset-css-prop": "11.11.0",
     "@emotion/jest": "11.11.0",

src/core/packages/i18n/browser-internal/src/i18n_eui_mapping.tsx

@@ -213,6 +213,10 @@ export const getEuiContextMapping = (): EuiTokensObject => {
       defaultMessage: 'Alpha channel (opacity) value',
       description: 'Label describing color alpha channel',
     }),
+    'euiColorPicker.ariaLabel': i18n.translate('core.euiColorPicker.ariaLabel', {
+      defaultMessage: 'Select a color',
+      description: 'ARIA label for the color picker button',
+    }),
     'euiColorPicker.colorLabel': i18n.translate('core.euiColorPicker.colorLabel', {
       defaultMessage: 'Color value',
     }),

src/platform/packages/private/kbn-ui-shared-deps-npm/version_dependencies.txt

@@ -16,9 +16,9 @@
 @elastic/apm-rum-core@5.25.1
 @elastic/charts@71.3.0
 @elastic/esql@1.7.0
-@elastic/eui-theme-borealis@6.2.0
-@elastic/eui-theme-common@8.1.0
-@elastic/eui@113.3.0
+@elastic/eui-theme-borealis@7.0.0
+@elastic/eui-theme-common@9.0.0
+@elastic/eui@114.0.0
 @elastic/numeral@2.5.1
 @elastic/prismjs-esql@1.1.2
 @emotion/babel-plugin@11.13.5

src/platform/plugins/shared/discover/test/scout/ui/fixtures/traces_experience/page_objects/apm.ts

@@ -43,7 +43,7 @@ export function createApmPage(page: ScoutPage): ApmPage {
         ? page.testSubj.locator(tableTestSubj)
         : page.locator('table');
 
-      await container.getByText(linkText).click();
+      await container.getByRole('link', { name: linkText }).click();
     },
 
     async clickWaterfallItem(itemName: string) {

src/platform/plugins/shared/discover/test/scout/ui/parallel_tests/traces_experience/flyout_cascade_close.spec.ts

@@ -0,0 +1,104 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the "Elastic License
+ * 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
+ * Public License v 1"; you may not use this file except in compliance with, at
+ * your election, the "Elastic License 2.0", the "GNU Affero General Public
+ * License v3.0 only", or the "Server Side Public License, v 1".
+ */
+
+import { tags } from '@kbn/scout';
+import { expect } from '@kbn/scout/ui';
+import type { PageObjects } from '@kbn/scout';
+import {
+  spaceTest,
+  TRACES,
+  RICH_TRACE,
+  setupTracesExperience,
+  teardownTracesExperience,
+} from '../../fixtures/traces_experience';
+import type { TracesFlyout } from '../../fixtures/traces_experience/page_objects/flyout';
+
+type DiscoverPage = PageObjects['discover'];
+
+const openDocViewerAndTraceTimeline = async (pageObjects: {
+  discover: DiscoverPage;
+  tracesExperience: {
+    openOverviewTab: (d: DiscoverPage) => Promise<void>;
+    flyout: TracesFlyout;
+  };
+}) => {
+  await pageObjects.discover.writeAndSubmitEsqlQuery(
+    `${TRACES.ESQL_QUERY} | WHERE transaction.name == "${RICH_TRACE.TRANSACTION_NAME}"`
+  );
+  await pageObjects.tracesExperience.openOverviewTab(pageObjects.discover);
+  await pageObjects.tracesExperience.flyout.traceSummary.fullScreenButton.click();
+  await expect(pageObjects.tracesExperience.flyout.waterfallFlyout.container).toBeVisible();
+};
+
+spaceTest.describe(
+  'Traces in Discover - Flyout cascade-close Emotion cache stability',
+  {
+    tag: [...tags.stateful.all, ...tags.serverless.observability.complete],
+  },
+  () => {
+    spaceTest.beforeAll(async ({ scoutSpace, config }) => {
+      await setupTracesExperience(scoutSpace, config);
+    });
+
+    spaceTest.beforeEach(async ({ browserAuth, pageObjects, page }) => {
+      await browserAuth.loginAsViewer();
+      await pageObjects.discover.goto();
+      // Suppress the tour so it does not overlap the waterfall flyout interactions.
+      await page.evaluate(() => localStorage.setItem('fullscreenWaterfallTourDismissed', 'true'));
+    });
+
+    spaceTest.afterAll(async ({ scoutSpace }) => {
+      await teardownTracesExperience(scoutSpace);
+    });
+
+    spaceTest(
+      'closing the Trace Timeline flyout navigates back to the Document Viewer without corrupting the Emotion style cache',
+      async ({ page, pageObjects }) => {
+        const { flyout } = pageObjects.tracesExperience;
+        const docViewerFlyout = page.testSubj.locator('docViewerFlyout');
+
+        const consoleErrors: string[] = [];
+        page.on('console', (msg) => {
+          if (msg.type() === 'error') {
+            consoleErrors.push(msg.text());
+          }
+        });
+
+        await spaceTest.step('open the Document Viewer and Trace Timeline flyouts', async () => {
+          await pageObjects.discover.waitUntilSearchingHasFinished();
+          await openDocViewerAndTraceTimeline(pageObjects);
+        });
+
+        await spaceTest.step('close the Trace Timeline flyout via the Back button', async () => {
+          await flyout.waterfallFlyout.backButton.click();
+          await expect(flyout.waterfallFlyout.container).toBeHidden();
+          // The Document Viewer remains visible — it was not cascade-closed because
+          // both flyouts share the same EUI flyout-manager historyKey.
+          await expect(docViewerFlyout).toBeVisible();
+        });
+
+        await spaceTest.step(
+          're-open the Trace Timeline flyout after navigating back',
+          async () => {
+            await flyout.traceSummary.fullScreenButton.click();
+            await expect(flyout.waterfallFlyout.container).toBeVisible();
+          }
+        );
+
+        await spaceTest.step(
+          'verify no insertBefore errors from stale Emotion cache refs',
+          async () => {
+            const hasInsertBeforeError = consoleErrors.some((msg) => msg.includes('insertBefore'));
+            expect(hasInsertBeforeError).toBe(false);
+          }
+        );
+      }
+    );
+  }
+);