elastic · ryankeairns · Sep 4, 2025 · Sep 4, 2025 · Sep 4, 2025 · Sep 5, 2025
diff --git a/package-106.5.0-20250917-134132.tgz b/package-106.5.0-20250917-134132.tgz
diff --git a/package-3.3.2-20250917-134132.tgz b/package-3.3.2-20250917-134132.tgz
diff --git a/package-4.0.0-20250917-134132.tgz b/package-4.0.0-20250917-134132.tgz
diff --git a/package.json b/package.json
@@ -125,9 +125,10 @@
     "@elastic/ecs": "^9.0.0",
     "@elastic/elasticsearch": "9.1.1",
     "@elastic/ems-client": "8.6.3",
-    "@elastic/eui": "106.4.0",
+    "@elastic/eui": "file:./package-106.5.0-20250917-134132.tgz",
     "@elastic/eui-amsterdam": "npm:@elastic/[email protected]",
-    "@elastic/eui-theme-borealis": "3.3.2",
+    "@elastic/eui-theme-borealis": "file:./package-3.3.2-20250917-134132.tgz",
+    "@elastic/eui-theme-common": "file:./package-4.0.0-20250917-134132.tgz",
     "@elastic/filesaver": "1.1.2",
     "@elastic/kibana-d3-color": "npm:@elastic/[email protected]",
     "@elastic/monaco-esql": "^3.1.7",

@@ -311,6 +311,7 @@ export function CollapsibleNav({
                   category.label
                 )
               }
+              titleSize="xs"
               isCollapsible={true}
               initialIsOpen={getIsCategoryOpen(category.id, storage)}
               onToggle={(isCategoryOpen) => setIsCategoryOpen(category.id, isCategoryOpen, storage)}

@@ -31,6 +31,11 @@ export const SideNavLogoComponent = ({
   label,
   ...props
 }: SideNavLogoProps): JSX.Element => {
+  // Force logoElastic for all solutions
+  const forcedProps = {
+    ...props,
+    iconType: 'logoElastic',
+  };
   const { euiTheme } = useEuiTheme();
   const { tooltipRef, handleMouseOut } = useTooltip();
 
@@ -63,7 +68,7 @@ export const SideNavLogoComponent = ({
         isTruncated={false}
         {...props}
       >
-        {label}
+        Elastic
       </MenuItem>
     </div>
   );

@@ -67,7 +67,7 @@ export const esqlEditorStyles = (
           ? `2px solid ${euiTheme.colors.danger}`
           : `2px solid ${euiTheme.colors.lightestShade}`
         : `2px solid ${bottomContainerBorderColor}`,
-      backgroundColor: euiTheme.colors.body,
+      backgroundColor: euiTheme.colors.backgroundBasePlain,
       paddingLeft: euiTheme.size.xs,
       paddingRight: euiTheme.size.xs,
       paddingTop: editorIsInline ? euiTheme.size.s : euiTheme.size.xs,

@@ -65,7 +65,7 @@ export const TabbedTableListView = ({
   }, [activeTabId, tabs, getActiveTab, onFetchSuccess]);
 
   return (
-    <KibanaPageTemplate panelled data-test-subj={pageDataTestSubject}>
+    <KibanaPageTemplate data-test-subj={pageDataTestSubject}>
       <KibanaPageTemplate.Header
         pageTitle={<span id={headingId}>{title}</span>}
         description={description}

@@ -90,14 +90,15 @@ export const TableListView = <T extends UserContentCommonSchema>({
   }, []);
 
   return (
-    <PageTemplate panelled data-test-subj={pageDataTestSubject}>
+    <PageTemplate data-test-subj={pageDataTestSubject}>
       <KibanaPageTemplate.Header
         pageTitle={<span id={headingId}>{title}</span>}
         description={description}
         rightSideItems={additionalRightSideActions?.slice(0, 2)}
         data-test-subj="top-nav"
+        bottomBorder={false}
       />
-      <KibanaPageTemplate.Section aria-labelledby={hasInitialFetchReturned ? headingId : undefined}>
+      <KibanaPageTemplate.Section color="transparent" aria-labelledby={hasInitialFetchReturned ? headingId : undefined}>
         {/* Any children passed to the component */}
         {children}
 

@@ -378,7 +378,14 @@ export function Table<T extends UserContentCommonSchema>({
           data-test-subj="itemsInMemTable"
           rowHeader="attributes.title"
           tableCaption={tableCaption}
-          css={cssFavoriteHoverWithinEuiTableRow(euiTheme.euiTheme)}
+          css={[
+            cssFavoriteHoverWithinEuiTableRow(euiTheme.euiTheme),
+            {
+              '& .euiTable': {
+                backgroundColor: 'transparent !important'
+              }
+            }
+          ]}
           childrenBetween={favoritesFilter}
         />
       </TagFilterContextProvider>

@@ -86,6 +86,7 @@ export const KibanaPageTemplateInner: FC<Props> = ({
       offset={0}
       minHeight={header ? 'var(--kbn-application--content-height)' : 0}
       grow={header ? false : undefined}
+      panelled={false}
       {...rest}
     >
       {sideBar}

@@ -139,7 +139,6 @@ export const useDashboardMenuItems = ({
         ...topNavStrings.edit,
         emphasize: true,
         id: 'edit',
-        iconType: 'pencil',
         testId: 'dashboardEditMode',
         className: 'eui-hideFor--s eui-hideFor--xs', // hide for small screens - editing doesn't work in mobile mode.
         run: () => {
@@ -153,17 +152,22 @@ export const useDashboardMenuItems = ({
       quickSave: {
         ...topNavStrings.quickSave,
         id: 'quick-save',
-        iconType: 'save',
+        // iconType: 'save',
+        iconType: hasUnsavedChanges ? 'dot' : undefined,
+        iconSide: hasUnsavedChanges ? 'left' : undefined,
         emphasize: true,
+        fill: false,
+        color: 'text',
         isLoading: isSaveInProgress,
         testId: 'dashboardQuickSaveMenuItem',
-        disableButton: disableTopNav || !hasUnsavedChanges,
         run: () => quickSaveDashboard(),
       } as TopNavMenuData,
 
       interactiveSave: {
         disableButton: disableTopNav,
-        emphasize: !Boolean(lastSavedId),
+        emphasize: false,
+        fill: false,
+        color: 'text',
         id: 'interactive-save',
         testId: 'dashboardInteractiveSaveMenuItem',
         run: dashboardInteractiveSave,
@@ -191,8 +195,8 @@ export const useDashboardMenuItems = ({
       share: {
         ...topNavStrings.share,
         id: 'share',
-        iconType: 'share',
-        iconOnly: true,
+        // iconType: 'share',
+        iconOnly: false,
         testId: 'shareTopNavButton',
         disableButton: disableTopNav,
         run: showShare,
@@ -201,8 +205,8 @@ export const useDashboardMenuItems = ({
       export: {
         ...topNavStrings.export,
         id: 'export',
-        iconType: 'download',
-        iconOnly: true,
+        // iconType: 'download',
+        iconOnly: false,
         testId: 'exportTopNavButton',
         disableButton: disableTopNav,
         run: (anchorElement) => showShare(anchorElement, true),
@@ -285,9 +289,9 @@ export const useDashboardMenuItems = ({
       ...labsMenuItem,
       menuItems.fullScreen,
       ...duplicateMenuItem,
-      ...mayberesetChangesMenuItem,
       ...shareMenuItem,
       ...editMenuItem,
+      ...mayberesetChangesMenuItem,
     ];
   }, [
     isLabsEnabled,
@@ -321,16 +325,17 @@ export const useDashboardMenuItems = ({
       if (showResetChange) {
         editModeItems.push(resetChangesMenuItem);
       }
-
-      editModeItems.push(menuItems.quickSave);
     } else {
       editModeItems.push(menuItems.switchToViewMode, menuItems.interactiveSave);
     }
 
+    // Always include Save in Edit mode
+    editModeItems.push(menuItems.quickSave);
+
     const editModeTopNavConfigItems = [...labsMenuItem, menuItems.settings, ...editModeItems];
 
     // insert share menu item before the last item in edit mode
-    editModeTopNavConfigItems.splice(-1, 0, ...shareMenuItem);
+    editModeTopNavConfigItems.splice(-2, 0, ...shareMenuItem);
 
     return editModeTopNavConfigItems;
   }, [

@@ -167,7 +167,6 @@ const dashboardViewportStyles = {
     },
     '.dshDashboardViewport-controls': {
       margin: `0 ${euiTheme.size.s}`,
-      paddingTop: euiTheme.size.s,
     },
   }),
   viewport: {

@@ -10,7 +10,7 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import UseUnmount from 'react-use/lib/useUnmount';
 
-import type { EuiBreadcrumb, EuiToolTipProps, UseEuiTheme } from '@elastic/eui';
+import type { EuiBreadcrumb, UseEuiTheme } from '@elastic/eui';
 import {
   EuiBadge,
   EuiHorizontalRule,
@@ -37,7 +37,6 @@ import {
   getDashboardBreadcrumb,
   getDashboardTitle,
   topNavStrings,
-  unsavedChangesBadgeStrings,
 } from '../dashboard_app/_dashboard_app_strings';
 import { useDashboardMountContext } from '../dashboard_app/hooks/dashboard_mount_context';
 import { DashboardEditingToolbar } from '../dashboard_app/top_nav/dashboard_editing_toolbar';
@@ -74,7 +73,7 @@ export function InternalDashboardTopNav({
   forceHideUnifiedSearch,
   redirectTo,
   setCustomHeaderActionMenu,
-  showBorderBottom = true,
+  showBorderBottom = false,
   showResetChange = true,
 }: InternalDashboardTopNavProps) {
   const [isChromeVisible, setIsChromeVisible] = useState(false);
@@ -275,18 +274,6 @@ export function InternalDashboardTopNav({
 
   const badges = useMemo(() => {
     const allBadges: TopNavMenuProps['badges'] = [];
-    if (hasUnsavedChanges && viewMode === 'edit') {
-      allBadges.push({
-        'data-test-subj': 'dashboardUnsavedChangesBadge',
-        badgeText: unsavedChangesBadgeStrings.getUnsavedChangedBadgeText(),
-        title: '',
-        color: '#F6E58D',
-        toolTipProps: {
-          content: unsavedChangesBadgeStrings.getUnsavedChangedBadgeToolTipContent(),
-          position: 'bottom',
-        } as EuiToolTipProps,
-      });
-    }
 
     const { showWriteControls } = getDashboardCapabilities();
     if (showWriteControls && dashboardApi.isManaged) {
@@ -407,7 +394,6 @@ const topNavStyles = {
         position: 'sticky',
         zIndex: euiTheme.levels.mask,
         top: `var(--kbn-application--sticky-headers-offset, 0px)`,
-        background: euiTheme.colors.backgroundBasePlain,
 
         [`@media (max-width: ${euiTheme.breakpoint.m}px)`]: {
           position: 'unset', // on smaller screens, the top nav should not be sticky

@@ -542,7 +542,6 @@ const componentStyles = {
     css({
       overflow: 'hidden',
       padding: 0,
-      backgroundColor: euiTheme.colors.backgroundBasePlain,
     }),
   savedSearchTitle: css({
     overflow: 'hidden',