elastic · tkajtoch · Dec 2, 2025 · Nov 24, 2025 · Dec 2, 2025 · Dec 2, 2025
diff --git a/package.json b/package.json
@@ -130,8 +130,8 @@
     "@elastic/ecs": "^9.0.0",
     "@elastic/elasticsearch": "9.1.1",
     "@elastic/ems-client": "8.6.3",
-    "@elastic/eui": "109.2.0",
-    "@elastic/eui-theme-borealis": "5.1.0",
+    "@elastic/eui": "110.0.0-snapshot.1764783610243",
+    "@elastic/eui-theme-borealis": "5.1.0-snapshot.1764783610243",
     "@elastic/filesaver": "1.1.2",
     "@elastic/kibana-d3-color": "npm:@elastic/[email protected]",
     "@elastic/monaco-esql": "^3.1.11",

@@ -799,6 +799,15 @@ export const getEuiContextMapping = (): EuiTokensObject => {
         defaultMessage: 'You can still continue tabbing through other global page landmarks.',
       }
     ),
+    'euiFlyoutMenu.back': i18n.translate('core.euiFlyoutMenu.back', {
+      defaultMessage: 'Back',
+    }),
+    'euiFlyoutMenu.history': i18n.translate('core.euiFlyoutMenu.history', {
+      defaultMessage: 'History',
+    }),
+    'euiFlyoutManaged.defaultTitle': i18n.translate('core.euiFlyoutManaged.defaultTitle', {
+      defaultMessage: 'Unknown Flyout',
+    }),
     'euiForm.addressFormErrors': i18n.translate('core.euiForm.addressFormErrors', {
       defaultMessage: 'Please address the highlighted errors.',
     }),

@@ -92,7 +92,7 @@ export const LICENSE_OVERRIDES = {
   '[email protected]': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
   '@mapbox/[email protected]': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
   '@elastic/[email protected]': ['Elastic License 2.0'],
-  '@elastic/eui@109.2.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
+  '@elastic/eui@110.0.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
   '@elastic/[email protected]': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
   '[email protected]': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
   '[email protected]': ['MIT'], // license in importing module https://www.npmjs.com/package/binary

@@ -390,7 +390,7 @@ export function Table<T extends UserContentCommonSchema>({
           columns={tableColumns}
           pagination={pagination}
           loading={isFetchingItems}
-          message={noItemsMessage}
+          noItemsMessage={noItemsMessage}
           selection={selection}
           search={search}
           executeQueryOptions={{ enabled: false }}

@@ -15,7 +15,7 @@ import useUnmount from 'react-use/lib/useUnmount';
 export const useFlyoutA11y = ({ isXlScreen }: { isXlScreen: boolean }) => {
   const descriptionId = useGeneratedHtmlId();
   const [triggerEl] = useState(document.activeElement);
-  const [flyoutEl, setFlyoutEl] = useState<HTMLElement>();
+  const [flyoutEl, setFlyoutEl] = useState<HTMLElement | null>(null);
 
   // Auto-focus push flyout on open or when switching to XL screen
   useEffect(() => {

@@ -39,7 +39,7 @@ export class ClustersView extends Component<DetailViewProps, State> {
   }
 
   _onSearchChange = ({ query, error }: EuiSearchBarOnChangeArgs) => {
-    if (!error) {
+    if (!error && query) {
       this.setState({ clusters: findClusters(this.props.request, query) });
     }
   };

@@ -727,7 +727,7 @@ describe('SavedObjectsFinder', () => {
     wrapper.instance().componentDidMount!();
     await nextTick();
 
-    expect(wrapper.find(EuiInMemoryTable).prop('message')).toEqual(noItemsMessage);
+    expect(wrapper.find(EuiInMemoryTable).prop('noItemsMessage')).toEqual(noItemsMessage);
   });
 
   describe('pagination', () => {

@@ -406,7 +406,7 @@ class SavedObjectFinderUiClass extends React.Component<
             items={this.state.items}
             columns={columns}
             data-test-subj="savedObjectsFinderTable"
-            message={this.props.noItemsMessage}
+            noItemsMessage={this.props.noItemsMessage}
             search={search}
             pagination={pagination}
             sorting={!!this.state.query?.text ? undefined : sorting}

@@ -15,7 +15,7 @@ import useUnmount from 'react-use/lib/useUnmount';
 export const useFlyoutA11y = ({ isXlScreen }: { isXlScreen: boolean }) => {
   const descriptionId = useGeneratedHtmlId();
   const [triggerEl] = useState(document.activeElement);
-  const [flyoutEl, setFlyoutEl] = useState<HTMLElement>();
+  const [flyoutEl, setFlyoutEl] = useState<HTMLElement | null>(null);
 
   // Auto-focus push flyout on open or when switching to XL screen
   useEffect(() => {

@@ -194,7 +194,8 @@ describe('DataView list component', () => {
       expect(screen.getByRole('option', { name: 'dataview-2' })).toBeInTheDocument();
     });
 
-    const searchInput = screen.getByRole('searchbox');
+    // When the list has items, the input has role "combobox" (not "searchbox")
+    const searchInput = screen.getByRole('combobox');
 
     // Clear and type to filter options
     await user.clear(searchInput);

@@ -118,6 +118,8 @@ export const AssistantOverlay = React.memo(() => {
   );
   useEvent('keydown', onKeyDown);
 
+  const flyoutRef = useRef<HTMLElement>(null);
+
   // Modal control functions
   const cleanupAndCloseModal = useCallback(() => {
     setIsModalVisible(false);
@@ -144,8 +146,6 @@ export const AssistantOverlay = React.memo(() => {
     });
   }, []);
 
-  const flyoutRef = useRef<HTMLDivElement>();
-
   if (!isModalVisible) return null;
 
   return (

@@ -140,7 +140,7 @@ export const WorkpadTable = ({
       itemId="id"
       items={workpads}
       columns={columns}
-      message={strings.getNoWorkpadsFoundMessage()}
+      noItemsMessage={strings.getNoWorkpadsFoundMessage()}
       search={search}
       sorting={{
         sort: {

@@ -493,7 +493,7 @@ const UnmemoizedDataVisualizerTable = <T extends DataVisualizerTableItem>({
           data-shared-item="" // TODO: Remove data-shared-item as part of https://github.com/elastic/kibana/issues/179376
         >
           <EuiInMemoryTable<T>
-            message={message}
+            noItemsMessage={message}
             css={dvTableCss}
             items={items}
             itemId={FIELD_NAME}

@@ -291,7 +291,7 @@ export const DataDriftOverviewTable = ({
       onChange={onTableChange}
       pagination={pagination}
       loading={status === FETCH_STATUS.LOADING}
-      message={tableMessage}
+      noItemsMessage={tableMessage}
     />
   );
 };
@@ -188,7 +188,7 @@ function PipelinesTableUi({
       data-test-subj="pipelineTable"
       itemId="id"
       items={pipelines}
-      message={message}
+      noItemsMessage={message}
       pagination={pagination}
       search={search}
       selection={selectionOptions}

@@ -67,7 +67,7 @@ export const FieldList = ({
       search={search}
       pagination={pagination}
       sorting={true}
-      message={message}
+      noItemsMessage={message}
       data-test-subj={dataTestSubj}
     />
   );

@@ -534,7 +534,7 @@ export const WatchListPage = () => {
               </>
             )
           }
-          message={
+          noItemsMessage={
             <FormattedMessage
               id="xpack.watcher.sections.watchList.watchTable.noWatchesMessage"
               defaultMessage="No watches to show"

@@ -268,7 +268,7 @@ export const ActionStatusesPanel = () => {
         pagination={PAGINATION}
         sorting={true}
         data-test-subj="watchActionStatusTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.watcher.sections.watchDetail.watchTable.noWatchesMessage"
             defaultMessage="No actions to show"

@@ -333,7 +333,7 @@ export const ExecutionHistoryPanel = () => {
               items={(watchHistoryDetails.watchStatus as any).actionStatuses}
               itemId="id"
               columns={detailColumns}
-              message={
+              noItemsMessage={
                 <FormattedMessage
                   id="xpack.watcher.sections.watchHistory.watchTable.noWatchesMessage"
                   defaultMessage="No current status to show"
@@ -385,7 +385,7 @@ export const ExecutionHistoryPanel = () => {
         sorting={true}
         loading={isLoading}
         data-test-subj="watchHistoryTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.watcher.sections.watchHistory.watchTable.noCurrentStatus"
             defaultMessage="No execution history to show"

@@ -318,7 +318,7 @@ export const ChangePointsTable: FC<ChangePointsTableProps> = ({
       rowProps={(item) => ({
         'data-test-subj': `aiopsChangePointResultsTableRow row-${item.id}`,
       })}
-      message={
+      noItemsMessage={
         isLoading ? (
           <EuiEmptyPrompt
             iconType="search"

@@ -51,7 +51,7 @@ interface Props {
   agentPolicy: AgentPolicy;
   // Pass through props to InMemoryTable
   loading?: EuiInMemoryTableProps<InMemoryPackagePolicy>['loading'];
-  message?: EuiInMemoryTableProps<InMemoryPackagePolicy>['message'];
+  noItemsMessage?: EuiInMemoryTableProps<InMemoryPackagePolicy>['noItemsMessage'];
   refreshAgentPolicy: () => void;
 }
 

@@ -199,8 +199,14 @@ export const CreateAgentPolicyFlyout: React.FunctionComponent<Props> = ({
     </EuiFlyoutFooter>
   );
 
+  // ref={null} is needed to fix styled-components' ref prop type
   return (
-    <FlyoutWithHigherZIndex onClose={() => onClose()} {...restOfProps} maxWidth={MAX_FLYOUT_WIDTH}>
+    <FlyoutWithHigherZIndex
+      onClose={() => onClose()}
+      {...restOfProps}
+      maxWidth={MAX_FLYOUT_WIDTH}
+      ref={null}
+    >
       {header}
       {body}
       {footer}

@@ -250,7 +250,7 @@ export const DataStreamListPage: React.FunctionComponent<{}> = () => {
       <EuiInMemoryTable
         loading={isLoading}
         tableLayout="auto"
-        message={
+        noItemsMessage={
           isLoading ? (
             <FormattedMessage
               id="xpack.fleet.dataStreamList.loadingDataStreamsMessage"

@@ -448,7 +448,7 @@ export const DataStreamTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="dataStreamTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.dataStreamList.table.noDataStreamsMessage"
             defaultMessage="No data streams found"

@@ -292,7 +292,7 @@ export const LegacyTemplateTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="legacyTemplateTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.templateList.legacyTable.noLegacyIndexTemplatesMessage"
             defaultMessage="No legacy index templates found"

@@ -302,7 +302,7 @@ export const TemplateTable: React.FunctionComponent<Props> = ({
           'data-test-subj': 'cell',
         })}
         data-test-subj="templateTable"
-        message={
+        noItemsMessage={
           <FormattedMessage
             id="xpack.idxMgmt.templateList.table.noIndexTemplatesMessage"
             defaultMessage="No index templates found"