diff --git a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/dataset_selector.tsx b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/dataset_selector.tsx
index a56bef6fb1185..b4ccd66a42cca 100644
--- a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/dataset_selector.tsx
+++ b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/dataset_selector.tsx
@@ -25,9 +25,8 @@ import {
import { useDatasetSelector } from './state_machine/use_dataset_selector';
import { DatasetsPopover } from './sub_components/datasets_popover';
import { DataViewsPanelTitle } from './sub_components/data_views_panel_title';
-import { EsqlSelector } from './sub_components/esql_selector';
import { SearchControls } from './sub_components/search_controls';
-import { SelectorActions } from './sub_components/selector_actions';
+import { ESQLButton, SelectorFooter, ShowAllLogsButton } from './sub_components/selector_footer';
import { DatasetSelectorProps } from './types';
import {
buildIntegrationsTree,
@@ -216,9 +215,6 @@ export function DatasetSelector({
onClick={togglePopover}
>
{tabEntries}
-
-
-
- {isEsqlEnabled && }
+
+
+
+ {isEsqlEnabled && }
+
);
}
diff --git a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/esql_selector.tsx b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/esql_selector.tsx
deleted file mode 100644
index 65ca1f1fd22e8..0000000000000
--- a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/esql_selector.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * 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; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import { EuiBadge, EuiButton, EuiHorizontalRule } from '@elastic/eui';
-import React from 'react';
-import { getRouterLinkProps } from '@kbn/router-utils';
-import { DiscoverEsqlUrlProps } from '../../../hooks/use_esql';
-import { technicalPreview, tryEsql } from '../constants';
-
-export const EsqlSelector = (props: DiscoverEsqlUrlProps) => {
- const linkProps = getRouterLinkProps(props);
-
- return (
- <>
-
-
- {tryEsql}
- {technicalPreview}
-
- >
- );
-};
diff --git a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_actions.tsx b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_actions.tsx
deleted file mode 100644
index 9baa739d229f8..0000000000000
--- a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_actions.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * 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; you may not use this file except in compliance with the Elastic License
- * 2.0.
- */
-
-import React from 'react';
-import {
- EuiListGroup,
- EuiListGroupItem,
- EuiListGroupItemProps,
- EuiListGroupProps,
-} from '@elastic/eui';
-import { createAllLogDatasetsItem } from '../utils';
-import { showAllLogsLabel } from '../constants';
-
-type DatasetsAllActionProps = EuiListGroupProps;
-
-interface ShowAllLogsProps extends Omit {
- isSelected: boolean;
- onClick(): void;
-}
-
-export const SelectorActions = (props: DatasetsAllActionProps) => {
- return ;
-};
-
-const ShowAllLogs = ({ isSelected, onClick, ...props }: ShowAllLogsProps) => {
- const allLogs = createAllLogDatasetsItem();
-
- return (
-
- );
-};
-
-SelectorActions.Action = EuiListGroupItem;
-SelectorActions.ShowAllLogs = ShowAllLogs;
diff --git a/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_footer.tsx b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_footer.tsx
new file mode 100644
index 0000000000000..b36401714a6a8
--- /dev/null
+++ b/x-pack/plugins/observability_solution/logs_explorer/public/components/dataset_selector/sub_components/selector_footer.tsx
@@ -0,0 +1,81 @@
+/*
+ * 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; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import React from 'react';
+import {
+ EuiBetaBadge,
+ EuiButton,
+ EuiButtonEmpty,
+ EuiFlexGroup,
+ EuiFlexItem,
+ EuiListGroupProps,
+ EuiPanel,
+} from '@elastic/eui';
+import { getRouterLinkProps } from '@kbn/router-utils';
+import { DiscoverEsqlUrlProps } from '../../../hooks/use_esql';
+import { createAllLogDatasetsItem } from '../utils';
+import { showAllLogsLabel, tryEsql } from '../constants';
+
+type DatasetsAllActionProps = EuiListGroupProps;
+
+interface ShowAllLogsProps {
+ isSelected: boolean;
+ onClick(): void;
+}
+
+export const SelectorFooter = (props: DatasetsAllActionProps) => {
+ return (
+
+
+
+ );
+};
+
+export const ShowAllLogsButton = ({ isSelected, onClick }: ShowAllLogsProps) => {
+ const allLogs = createAllLogDatasetsItem();
+
+ return (
+
+
+ {showAllLogsLabel}
+
+
+ );
+};
+
+export const ESQLButton = (props: DiscoverEsqlUrlProps) => {
+ const linkProps = getRouterLinkProps(props);
+
+ return (
+
+ (
+
+ )}
+ iconSide="right"
+ color="success"
+ size="s"
+ data-test-subj="esqlLink"
+ >
+ {tryEsql}
+
+
+ );
+};