diff --git a/.buildkite/scripts/steps/storybooks/build_and_upload.ts b/.buildkite/scripts/steps/storybooks/build_and_upload.ts
index 3796076d0a3cd..75be5696dbca6 100644
--- a/.buildkite/scripts/steps/storybooks/build_and_upload.ts
+++ b/.buildkite/scripts/steps/storybooks/build_and_upload.ts
@@ -49,6 +49,7 @@ const STORYBOOKS = [
   'ui_actions_enhanced',
   'language_documentation_popover',
   'unified_search',
+  'random_sampling',
 ];
 
 const GITHUB_CONTEXT = 'Build and Publish Storybooks';
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
index 7437653a92e5b..bfe6716b0d2c0 100644
--- a/.github/CODEOWNERS
+++ b/.github/CODEOWNERS
@@ -504,6 +504,7 @@ examples/portable_dashboards_example @elastic/kibana-presentation
 examples/preboot_example @elastic/kibana-security @elastic/kibana-core
 src/plugins/presentation_util @elastic/kibana-presentation
 x-pack/plugins/profiling @elastic/profiling-ui
+x-pack/packages/kbn-random-sampling @elastic/kibana-visualizations
 packages/kbn-react-field @elastic/kibana-data-discovery
 x-pack/plugins/remote_clusters @elastic/platform-deployment-management
 test/plugin_functional/plugins/rendering_plugin @elastic/kibana-core
diff --git a/.i18nrc.json b/.i18nrc.json
index 0b87f43d7da41..d3afda75dce51 100644
--- a/.i18nrc.json
+++ b/.i18nrc.json
@@ -75,6 +75,7 @@
     "navigation": "src/plugins/navigation",
     "newsfeed": "src/plugins/newsfeed",
     "presentationUtil": "src/plugins/presentation_util",
+    "randomSampling": "x-pack/packages/kbn-random-sampling",
     "reporting": "packages/kbn-reporting/common",
     "savedObjects": "src/plugins/saved_objects",
     "savedObjectsFinder": "src/plugins/saved_objects_finder",
diff --git a/package.json b/package.json
index 2a8b15fc2ca4e..ca0dab0ebd14f 100644
--- a/package.json
+++ b/package.json
@@ -511,6 +511,7 @@
     "@kbn/preboot-example-plugin": "link:examples/preboot_example",
     "@kbn/presentation-util-plugin": "link:src/plugins/presentation_util",
     "@kbn/profiling-plugin": "link:x-pack/plugins/profiling",
+    "@kbn/random-sampling": "link:x-pack/packages/kbn-random-sampling",
     "@kbn/react-field": "link:packages/kbn-react-field",
     "@kbn/remote-clusters-plugin": "link:x-pack/plugins/remote_clusters",
     "@kbn/rendering-plugin": "link:test/plugin_functional/plugins/rendering_plugin",
diff --git a/src/dev/storybook/aliases.ts b/src/dev/storybook/aliases.ts
index e050926610259..bd21a80a0d6ff 100644
--- a/src/dev/storybook/aliases.ts
+++ b/src/dev/storybook/aliases.ts
@@ -44,6 +44,7 @@ export const storybookAliases = {
   lists: 'x-pack/plugins/lists/.storybook',
   observability: 'x-pack/plugins/observability/.storybook',
   presentation: 'src/plugins/presentation_util/storybook',
+  random_sampling: 'x-pack/packages/kbn-random-sampling/.storybook',
   security_solution: 'x-pack/plugins/security_solution/.storybook',
   security_solution_packages: 'x-pack/packages/security-solution/storybook/config',
   serverless: 'packages/serverless/storybook/config',
diff --git a/src/plugins/discover/public/application/context/context_app.tsx b/src/plugins/discover/public/application/context/context_app.tsx
index efd8992e48ca8..4686eadc50646 100644
--- a/src/plugins/discover/public/application/context/context_app.tsx
+++ b/src/plugins/discover/public/application/context/context_app.tsx
@@ -10,12 +10,7 @@ import React, { Fragment, memo, useEffect, useRef, useMemo, useCallback } from '
 import './context_app.scss';
 import classNames from 'classnames';
 import { FormattedMessage } from '@kbn/i18n-react';
-import {
-  EuiText,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPage,
-  EuiSpacer,
-} from '@elastic/eui';
+import { EuiText, EuiPage, EuiPageBody, EuiSpacer } from '@elastic/eui';
 import { cloneDeep } from 'lodash';
 import { DataView, DataViewField } from '@kbn/data-views-plugin/public';
 import { useExecutionContext } from '@kbn/kibana-react-plugin/public';
@@ -199,7 +194,12 @@ export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) =>
           </h1>
           <TopNavMenu {...getNavBarProps()} />
           <EuiPage className={classNames({ dscDocsPage: !isLegacy })}>
-            <EuiPageContent paddingSize="s" className="dscDocsContent">
+            <EuiPageBody
+              panelled
+              paddingSize="s"
+              className="dscDocsContent"
+              panelProps={{ role: 'main' }}
+            >
               <EuiSpacer size="s" />
               <EuiText data-test-subj="contextDocumentSurroundingHeader">
                 <strong>
@@ -230,7 +230,7 @@ export const ContextApp = ({ dataView, anchorId, referrer }: ContextAppProps) =>
                 predecessorsStatus={fetchedState.predecessorsStatus.value}
                 successorsStatus={fetchedState.successorsStatus.value}
               />
-            </EuiPageContent>
+            </EuiPageBody>
           </EuiPage>
         </Fragment>
       )}
diff --git a/src/plugins/discover/public/application/doc/components/doc.tsx b/src/plugins/discover/public/application/doc/components/doc.tsx
index f507d2794184a..9bfea00a92fc2 100644
--- a/src/plugins/discover/public/application/doc/components/doc.tsx
+++ b/src/plugins/discover/public/application/doc/components/doc.tsx
@@ -8,13 +8,7 @@
 
 import React, { useEffect, useRef } from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
-import {
-  EuiCallOut,
-  EuiLink,
-  EuiLoadingSpinner,
-  EuiPageContent_Deprecated as EuiPageContent,
-  EuiPage,
-} from '@elastic/eui';
+import { EuiCallOut, EuiLink, EuiLoadingSpinner, EuiPage, EuiPageBody } from '@elastic/eui';
 import type { DataView } from '@kbn/data-views-plugin/public';
 import { i18n } from '@kbn/i18n';
 import { getRootBreadcrumbs } from '../../../utils/breadcrumbs';
@@ -78,7 +72,7 @@ export function Doc(props: DocProps) {
           values: { id: props.id },
         })}
       </h1>
-      <EuiPageContent>
+      <EuiPageBody panelled paddingSize="l" panelProps={{ role: 'main' }}>
         {reqState === ElasticRequestState.NotFoundDataView && (
           <EuiCallOut
             color="danger"
@@ -150,7 +144,7 @@ export function Doc(props: DocProps) {
             <DocViewer hit={hit} dataView={dataView} />
           </div>
         )}
-      </EuiPageContent>
+      </EuiPageBody>
     </EuiPage>
   );
 }
diff --git a/src/plugins/discover/public/application/doc/single_doc_route.tsx b/src/plugins/discover/public/application/doc/single_doc_route.tsx
index f3c53d4061b1e..ad50a508fc0ec 100644
--- a/src/plugins/discover/public/application/doc/single_doc_route.tsx
+++ b/src/plugins/discover/public/application/doc/single_doc_route.tsx
@@ -93,9 +93,5 @@ export const SingleDocRoute = () => {
     );
   }
 
-  return (
-    <div className="app-container">
-      <Doc id={id} index={index} dataView={dataView} referrer={locationState?.referrer} />
-    </div>
-  );
+  return <Doc id={id} index={index} dataView={dataView} referrer={locationState?.referrer} />;
 };
diff --git a/src/plugins/discover/public/application/main/components/layout/discover_layout.scss b/src/plugins/discover/public/application/main/components/layout/discover_layout.scss
index 5cb1f54edfd2e..f3f552c76299f 100644
--- a/src/plugins/discover/public/application/main/components/layout/discover_layout.scss
+++ b/src/plugins/discover/public/application/main/components/layout/discover_layout.scss
@@ -48,7 +48,12 @@ discover-app {
 }
 
 .dscPageContent--centered {
+  width: auto;
   height: auto;
+  align-self: center;
+  margin-top: auto;
+  margin-bottom: auto;
+  flex-grow: 0;
 }
 
 .dscTable {
diff --git a/src/plugins/discover/public/application/main/components/layout/discover_layout.tsx b/src/plugins/discover/public/application/main/components/layout/discover_layout.tsx
index 74118cf674dad..1dab027ca81fd 100644
--- a/src/plugins/discover/public/application/main/components/layout/discover_layout.tsx
+++ b/src/plugins/discover/public/application/main/components/layout/discover_layout.tsx
@@ -14,7 +14,7 @@ import {
   EuiHideFor,
   EuiPage,
   EuiPageBody,
-  EuiPageContent_Deprecated as EuiPageContent,
+  EuiPanel,
   EuiSpacer,
 } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
@@ -374,19 +374,17 @@ export function DiscoverLayout({
                 data-test-subj="discoverNoResultsError"
               />
             ) : (
-              <EuiPageContent
+              <EuiPanel
+                role="main"
                 panelRef={resizeRef}
-                verticalPosition={contentCentered ? 'center' : undefined}
-                horizontalPosition={contentCentered ? 'center' : undefined}
                 paddingSize="none"
                 hasShadow={false}
                 className={classNames('dscPageContent', {
                   'dscPageContent--centered': contentCentered,
-                  'dscPageContent--emptyPrompt': resultState === 'none',
                 })}
               >
                 {mainDisplay}
-              </EuiPageContent>
+              </EuiPanel>
             )}
           </EuiFlexItem>
         </EuiFlexGroup>
diff --git a/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx b/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
index 8157e69fb91c1..dcb1d48b771c8 100644
--- a/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
+++ b/src/plugins/discover/public/application/main/components/sidebar/discover_sidebar.tsx
@@ -9,12 +9,7 @@
 import './discover_sidebar.scss';
 import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 import { i18n } from '@kbn/i18n';
-import {
-  EuiButton,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiPageSideBar_Deprecated as EuiPageSideBar,
-} from '@elastic/eui';
+import { EuiButton, EuiFlexGroup, EuiFlexItem, EuiPageSidebar } from '@elastic/eui';
 import { DataViewPicker } from '@kbn/unified-search-plugin/public';
 import { type DataViewField, getFieldSubtypeMulti } from '@kbn/data-views-plugin/public';
 import {
@@ -266,7 +261,7 @@ export function DiscoverSidebarComponent({
   }
 
   return (
-    <EuiPageSideBar
+    <EuiPageSidebar
       className="dscSidebar"
       aria-label={i18n.translate('discover.fieldChooser.filter.indexAndFieldsSectionAriaLabel', {
         defaultMessage: 'Index and fields',
@@ -327,7 +322,7 @@ export function DiscoverSidebarComponent({
           </FieldList>
         </EuiFlexItem>
       </EuiFlexGroup>
-    </EuiPageSideBar>
+    </EuiPageSidebar>
   );
 }
 
diff --git a/test/functional/apps/visualize/group6/_tsvb_tsdb_basic.ts b/test/functional/apps/visualize/group6/_tsvb_tsdb_basic.ts
new file mode 100644
index 0000000000000..765c7a9d3ec4d
--- /dev/null
+++ b/test/functional/apps/visualize/group6/_tsvb_tsdb_basic.ts
@@ -0,0 +1,75 @@
+/*
+ * 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 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 or the Server
+ * Side Public License, v 1.
+ */
+
+import expect from '@kbn/expect';
+
+import { FtrProviderContext } from '../../../ftr_provider_context';
+
+export default function ({ getPageObjects, getService }: FtrProviderContext) {
+  const { visualBuilder } = getPageObjects(['visualBuilder']);
+  const log = getService('log');
+  const kibanaServer = getService('kibanaServer');
+  const esArchiver = getService('esArchiver');
+  const testSubjects = getService('testSubjects');
+
+  describe('visual builder tsdb check', function describeIndexTests() {
+    before(async () => {
+      log.info(`loading sample TSDB index...`);
+      await esArchiver.load('test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb');
+      log.info(`creating the TSDB data view...`);
+      await kibanaServer.importExport.load(
+        'test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb'
+      );
+      log.info(`setting the TSDB dataView as default...`);
+      await kibanaServer.uiSettings.replace({
+        defaultIndex: '90943e30-9a47-11e8-b64d-95841ca0c247',
+      });
+    });
+
+    after(async () => {
+      log.info(`removing the TSDB index...`);
+      await esArchiver.unload('test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb');
+      log.info(`removing the TSDB dataView...`);
+      await kibanaServer.importExport.unload(
+        'test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb'
+      );
+      log.info(`unsetting the TSDB dataView default...`);
+      await kibanaServer.uiSettings.unset('defaultIndex');
+    });
+
+    beforeEach(async () => {
+      await visualBuilder.resetPage();
+    });
+
+    it('should render from a tsdb dataView regular fields with no issues', async () => {
+      await visualBuilder.selectAggType('Average');
+      await visualBuilder.setFieldForAggregation('bytes');
+      const isFieldForAggregationValid = await visualBuilder.checkFieldForAggregationValidity();
+      expect(isFieldForAggregationValid).to.be(true);
+      expect(await testSubjects.exists('visualization-error-text')).to.be(false);
+    });
+
+    it('should render from a tsdb dataView supported tsdb field type', async () => {
+      await visualBuilder.selectAggType('Average');
+      await visualBuilder.setFieldForAggregation('bytes_gauge');
+      const isFieldForAggregationValid = await visualBuilder.checkFieldForAggregationValidity();
+      expect(isFieldForAggregationValid).to.be(true);
+      expect(await testSubjects.exists('visualization-error-text')).to.be(false);
+    });
+
+    it('should show an error when using an unsupported tsdb field type', async () => {
+      await visualBuilder.selectAggType('Average');
+      await visualBuilder.setFieldForAggregation('bytes_counter');
+      // this is still returning true
+      const isFieldForAggregationValid = await visualBuilder.checkFieldForAggregationValidity();
+      expect(isFieldForAggregationValid).to.be(true);
+      // but an error should appear in visualization
+      expect(await testSubjects.exists('visualization-error-text')).to.be(true);
+    });
+  });
+}
diff --git a/test/functional/apps/visualize/group6/index.ts b/test/functional/apps/visualize/group6/index.ts
index 03027c7a31a8a..062f558625771 100644
--- a/test/functional/apps/visualize/group6/index.ts
+++ b/test/functional/apps/visualize/group6/index.ts
@@ -27,6 +27,7 @@ export default function ({ getService, loadTestFile }: FtrProviderContext) {
     loadTestFile(require.resolve('./_tag_cloud'));
     loadTestFile(require.resolve('./_tsvb_markdown'));
     loadTestFile(require.resolve('./_tsvb_table'));
+    loadTestFile(require.resolve('./_tsvb_tsdb_basic'));
     loadTestFile(require.resolve('./_vega_chart'));
   });
 }
diff --git a/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/data.json.gz b/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/data.json.gz
new file mode 100644
index 0000000000000..7c358cfc48ac1
Binary files /dev/null and b/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/data.json.gz differ
diff --git a/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/mappings.json b/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/mappings.json
new file mode 100644
index 0000000000000..19722e1df922b
--- /dev/null
+++ b/test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb/mappings.json
@@ -0,0 +1,174 @@
+{
+  "type": "index",
+  "value": {
+    "aliases": {
+    },
+    "index": "kibana_sample_data_logstsdb",
+    "mappings": {
+      "_data_stream_timestamp": {
+        "enabled": true
+      },
+      "properties": {
+        "@timestamp": {
+          "type": "date"
+        },
+        "agent": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "bytes": {
+          "type": "long"
+        },
+        "bytes_counter": {
+          "time_series_metric": "counter",
+          "type": "long"
+        },
+        "bytes_gauge": {
+          "time_series_metric": "gauge",
+          "type": "long"
+        },
+        "clientip": {
+          "type": "ip"
+        },
+        "event": {
+          "properties": {
+            "dataset": {
+              "type": "keyword"
+            }
+          }
+        },
+        "extension": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "geo": {
+          "properties": {
+            "coordinates": {
+              "type": "geo_point"
+            },
+            "dest": {
+              "type": "keyword"
+            },
+            "src": {
+              "type": "keyword"
+            },
+            "srcdest": {
+              "type": "keyword"
+            }
+          }
+        },
+        "host": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "index": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "ip": {
+          "type": "ip"
+        },
+        "machine": {
+          "properties": {
+            "os": {
+              "fields": {
+                "keyword": {
+                  "ignore_above": 256,
+                  "type": "keyword"
+                }
+              },
+              "type": "text"
+            },
+            "ram": {
+              "type": "long"
+            }
+          }
+        },
+        "memory": {
+          "type": "double"
+        },
+        "message": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "phpmemory": {
+          "type": "long"
+        },
+        "referer": {
+          "type": "keyword"
+        },
+        "request": {
+          "time_series_dimension": true,
+          "type": "keyword"
+        },
+        "response": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "tags": {
+          "fields": {
+            "keyword": {
+              "ignore_above": 256,
+              "type": "keyword"
+            }
+          },
+          "type": "text"
+        },
+        "timestamp": {
+          "path": "@timestamp",
+          "type": "alias"
+        },
+        "url": {
+          "time_series_dimension": true,
+          "type": "keyword"
+        },
+        "utc_time": {
+          "type": "date"
+        }
+      }
+    },
+    "settings": {
+      "index": {
+        "auto_expand_replicas": "0-1",
+        "mode": "time_series",
+        "number_of_replicas": "0",
+        "number_of_shards": "1",
+        "routing_path": "request",
+        "time_series": {
+          "end_time": "2023-06-28T09:17:00.283Z",
+          "start_time": "2023-03-28T09:17:00.283Z"
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb.json b/test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb.json
new file mode 100644
index 0000000000000..6d2c95fa0ac3d
--- /dev/null
+++ b/test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb.json
@@ -0,0 +1,22 @@
+{
+    "attributes": {
+        "fieldFormatMap": "{\"hour_of_day\":{}}",
+        "name": "Kibana Sample Data Logs (TSDB)",
+        "runtimeFieldMap": "{\"hour_of_day\":{\"type\":\"long\",\"script\":{\"source\":\"emit(doc['timestamp'].value.getHour());\"}}}",
+        "timeFieldName": "timestamp",
+        "title": "kibana_sample_data_logstsdb"
+    },
+    "coreMigrationVersion": "8.8.0",
+    "created_at": "2023-04-27T13:09:20.333Z",
+    "id": "90943e30-9a47-11e8-b64d-95841ca0c247",
+    "managed": false,
+    "references": [],
+    "sort": [
+        1682600960333,
+        64
+    ],
+    "type": "index-pattern",
+    "typeMigrationVersion": "7.11.0",
+    "updated_at": "2023-04-27T13:09:20.333Z",
+    "version": "WzIxLDFd"
+}
\ No newline at end of file
diff --git a/tsconfig.base.json b/tsconfig.base.json
index 47391d9185f14..58eb34d40debd 100644
--- a/tsconfig.base.json
+++ b/tsconfig.base.json
@@ -1002,6 +1002,8 @@
       "@kbn/presentation-util-plugin/*": ["src/plugins/presentation_util/*"],
       "@kbn/profiling-plugin": ["x-pack/plugins/profiling"],
       "@kbn/profiling-plugin/*": ["x-pack/plugins/profiling/*"],
+      "@kbn/random-sampling": ["x-pack/packages/kbn-random-sampling"],
+      "@kbn/random-sampling/*": ["x-pack/packages/kbn-random-sampling/*"],
       "@kbn/react-field": ["packages/kbn-react-field"],
       "@kbn/react-field/*": ["packages/kbn-react-field/*"],
       "@kbn/remote-clusters-plugin": ["x-pack/plugins/remote_clusters"],
diff --git a/x-pack/packages/kbn-random-sampling/.storybook/main.js b/x-pack/packages/kbn-random-sampling/.storybook/main.js
new file mode 100644
index 0000000000000..cf33a3d9fbff0
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/.storybook/main.js
@@ -0,0 +1,16 @@
+/*
+ * 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.
+ */
+
+const baseConfig = require('@kbn/storybook').defaultConfig;
+
+module.exports = {
+  ...baseConfig,
+  stories: ['../**/*.stories.mdx', ...baseConfig.stories],
+  typescript: {
+    reactDocgen: 'react-docgen-typescript',
+  },
+};
diff --git a/x-pack/packages/kbn-random-sampling/.storybook/preview.js b/x-pack/packages/kbn-random-sampling/.storybook/preview.js
new file mode 100644
index 0000000000000..2b39ca7220800
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/.storybook/preview.js
@@ -0,0 +1,13 @@
+/*
+ * 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.
+ */
+
+export const parameters = {
+  viewMode: 'docs',
+  previewTabs: {
+    canvas: { hidden: true },
+  },
+};
diff --git a/x-pack/packages/kbn-random-sampling/README.md b/x-pack/packages/kbn-random-sampling/README.md
new file mode 100755
index 0000000000000..9bff0e029527e
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/README.md
@@ -0,0 +1,10 @@
+# @kbn/random-sampling
+
+Contains all the components of Kibana's random sampling experience. Specifically:
+ - UI components for rendering the random sampling configuration;
+
+---
+
+## Development
+
+See the [kibana contributing guide](https://github.com/elastic/kibana/blob/main/CONTRIBUTING.md) for instructions setting up your development environment.
diff --git a/x-pack/packages/kbn-random-sampling/index.ts b/x-pack/packages/kbn-random-sampling/index.ts
new file mode 100644
index 0000000000000..d9e9a6ea2576d
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/index.ts
@@ -0,0 +1,9 @@
+/*
+ * 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.
+ */
+
+export { RandomSamplingSlider, RandomSamplingIcon } from './src';
+export type { RandomSamplingSliderProps, RandomSamplingIconProps } from './src';
diff --git a/x-pack/packages/kbn-random-sampling/jest.config.js b/x-pack/packages/kbn-random-sampling/jest.config.js
new file mode 100644
index 0000000000000..ea198cd7ad3bd
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/jest.config.js
@@ -0,0 +1,15 @@
+/*
+ * 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.
+ */
+
+module.exports = {
+  preset: '@kbn/test',
+  rootDir: '../../..',
+  roots: ['<rootDir>/x-pack/packages/kbn-random-sampling'],
+  coverageDirectory: '<rootDir>/target/kibana-coverage/jest/x-pack/packages/kbn-random-sampling',
+  coverageReporters: ['text', 'html'],
+  collectCoverageFrom: ['<rootDir>/x-pack/packages/kbn-random-sampling/public/**/*.{ts,tsx}'],
+};
diff --git a/x-pack/packages/kbn-random-sampling/kibana.jsonc b/x-pack/packages/kbn-random-sampling/kibana.jsonc
new file mode 100644
index 0000000000000..963ef9add20b1
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/kibana.jsonc
@@ -0,0 +1,5 @@
+{
+  "type": "shared-browser",
+  "id": "@kbn/random-sampling",
+  "owner": "@elastic/kibana-visualizations",
+}
diff --git a/x-pack/packages/kbn-random-sampling/package.json b/x-pack/packages/kbn-random-sampling/package.json
new file mode 100644
index 0000000000000..d66789e69e3c5
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/package.json
@@ -0,0 +1,6 @@
+{
+    "name": "@kbn/random-sampling",
+    "private": true,
+    "version": "1.0.0",
+    "license": "Elastic License 2.0"
+  }
\ No newline at end of file
diff --git a/x-pack/packages/kbn-random-sampling/src/__stories__/control_slider.stories.mdx b/x-pack/packages/kbn-random-sampling/src/__stories__/control_slider.stories.mdx
new file mode 100644
index 0000000000000..dff3556ea9d61
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/__stories__/control_slider.stories.mdx
@@ -0,0 +1,62 @@
+import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
+import { I18nProvider } from '@kbn/i18n-react';
+import { ControlSlider } from '../ui/slider_control'
+
+
+export const Template = (args) => <I18nProvider><ControlSlider {...args} /></I18nProvider>;
+
+<Meta 
+    title="Random Sampling/Control Slider"
+    component={ControlSlider}
+/>
+
+
+# Overview
+
+The following control slider component has been designed to work as a shared component in Kibana:
+
+<Canvas>
+    <Story 
+        name='basic'
+        args={
+            {
+                values:[0.00001, 0.0001, 0.001, 0.01, 0.1, 1],
+                currentValue:0.001,
+                'data-test-subj':'test-id'
+            }
+        }
+        argTypes={
+            { onChange: { action: 'changed' } }
+        }
+        >
+    {Template.bind({})}
+    </Story>
+</Canvas>
+
+When the control slider is disabled an explanation tooltip is shown to the user:
+
+<Canvas>
+    <Story 
+    name='disabled'
+    args={
+            {
+                values:[0.00001, 0.0001, 0.001, 0.01, 0.1, 1],
+                currentValue:0.001,
+                disabled:true,
+                disabledReason:'Control was disabled due to X and Y',
+                'data-test-subj':'test-id'
+            }
+        }
+        argTypes={
+            { onChange: { action: 'changed' } }
+        }
+        >
+    {Template.bind({})}
+    </Story>
+</Canvas>
+
+## Component props
+
+The component exposes the following properties:
+
+<ArgsTable story="basic"/>
diff --git a/x-pack/packages/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx b/x-pack/packages/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx
new file mode 100644
index 0000000000000..b30eaef920ef4
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/__stories__/sampling_icon.stories.mdx
@@ -0,0 +1,19 @@
+import { Canvas, Meta, Story, ArgsTable } from '@storybook/addon-docs/blocks';
+import { RandomSamplingIcon } from '../ui/icon/sampling_icon'
+
+<Meta title="Random Sampling/Icon" />
+
+# Overview
+The shared Random Sampling icon is the following
+
+<Canvas>
+    <Story name='Basic Icon'>
+        <RandomSamplingIcon />
+    </Story>
+</Canvas>
+
+## Component table props
+
+On top of common SVGElement props also the following props are supported by the component:
+
+<ArgsTable of={RandomSamplingIcon}/>
diff --git a/x-pack/packages/kbn-random-sampling/src/index.ts b/x-pack/packages/kbn-random-sampling/src/index.ts
new file mode 100755
index 0000000000000..f7cf156502a04
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/index.ts
@@ -0,0 +1,12 @@
+/*
+ * 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.
+ */
+
+export { RandomSamplingIcon, type RandomSamplingIconProps } from './ui/icon/sampling_icon';
+export {
+  ControlSlider as RandomSamplingSlider,
+  type ControlSliderProps as RandomSamplingSliderProps,
+} from './ui/slider_control';
diff --git a/x-pack/plugins/lens/public/datasources/form_based/sampling_icon.tsx b/x-pack/packages/kbn-random-sampling/src/ui/icon/sampling_icon.tsx
similarity index 96%
rename from x-pack/plugins/lens/public/datasources/form_based/sampling_icon.tsx
rename to x-pack/packages/kbn-random-sampling/src/ui/icon/sampling_icon.tsx
index 8241c1d86a5fc..aa3dc05d84cec 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/sampling_icon.tsx
+++ b/x-pack/packages/kbn-random-sampling/src/ui/icon/sampling_icon.tsx
@@ -4,6 +4,7 @@
  * 2.0; you may not use this file except in compliance with the Elastic License
  * 2.0.
  */
+
 import React from 'react';
 
 interface CustomProps {
@@ -11,11 +12,9 @@ interface CustomProps {
   titleId?: string;
 }
 
-export function RandomSamplingIcon({
-  title,
-  titleId,
-  ...props
-}: React.SVGProps<SVGSVGElement> & CustomProps) {
+export type RandomSamplingIconProps = React.SVGProps<SVGSVGElement> & CustomProps;
+
+export function RandomSamplingIcon({ title, titleId, ...props }: RandomSamplingIconProps) {
   return (
     <svg
       width="15"
diff --git a/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.test.tsx b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.test.tsx
new file mode 100644
index 0000000000000..57a8eb1fac6c7
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.test.tsx
@@ -0,0 +1,44 @@
+/*
+ * 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 { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import React from 'react';
+import { I18nProvider } from '@kbn/i18n-react';
+import { ControlSlider } from '.';
+
+describe('Slider Control', () => {
+  it('should basically work', () => {
+    render(
+      <I18nProvider>
+        <ControlSlider
+          values={[0.1, 1]}
+          currentValue={0.1}
+          onChange={jest.fn()}
+          data-test-subj="test-id"
+        />
+      </I18nProvider>
+    );
+    const input = screen.getByTestId('test-id') as HTMLInputElement;
+    expect(input.value).toBe('0'); // index 0 of the values array
+  });
+
+  it('should fallback to 1 when the provided value is not present within the values', () => {
+    render(
+      <I18nProvider>
+        <ControlSlider
+          values={[0.1, 0.5, 1]}
+          currentValue={2}
+          onChange={jest.fn()}
+          data-test-subj="test-id"
+        />
+      </I18nProvider>
+    );
+    const input = screen.getByTestId('test-id') as HTMLInputElement;
+    expect(input.value).toBe('2'); // index 2 of the values array
+  });
+});
diff --git a/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.tsx b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.tsx
new file mode 100644
index 0000000000000..1f7495e431298
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/index.tsx
@@ -0,0 +1,94 @@
+/*
+ * 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 { EuiFlexGroup, EuiFlexItem, EuiRange, EuiText, useEuiTheme } from '@elastic/eui';
+import React from 'react';
+import { FormattedMessage } from '@kbn/i18n-react';
+import { TooltipWrapper } from './tooltip_wrapper';
+
+export interface ControlSliderProps {
+  /** Allowed values to show on the Control Slider */
+  values: number[];
+  /** Current value set */
+  currentValue: number | undefined;
+  /** When set will show the control in a disabled state */
+  disabled?: boolean;
+  /** An explanation for the disabled state of the control */
+  disabledReason?: string;
+  /** A way to pass the test id parameter */
+  'data-test-subj'?: string;
+  /** A callback for when the slider value changes */
+  onChange: (newValue: number) => void;
+}
+
+export function ControlSlider({
+  values,
+  currentValue,
+  disabled = false,
+  disabledReason = '',
+  onChange,
+  'data-test-subj': dataTestSubj,
+}: ControlSliderProps) {
+  const { euiTheme } = useEuiTheme();
+  const samplingIndex = values.findIndex((v) => v === currentValue);
+  const currentSamplingIndex = samplingIndex > -1 ? samplingIndex : values.length - 1;
+  return (
+    <TooltipWrapper
+      tooltipContent={disabledReason}
+      condition={disabled}
+      delay="regular"
+      display="block"
+    >
+      <EuiFlexGroup gutterSize="none">
+        <EuiFlexItem grow={false}>
+          <EuiText
+            color={disabled ? euiTheme.colors.disabledText : euiTheme.colors.subduedText}
+            size="xs"
+          >
+            <FormattedMessage
+              id="randomSampling.ui.sliderControl.performanceLabel"
+              defaultMessage="Performance"
+            />
+          </EuiText>
+        </EuiFlexItem>
+        <EuiFlexItem>
+          <EuiRange
+            data-test-subj={dataTestSubj}
+            value={currentSamplingIndex}
+            disabled={disabled}
+            fullWidth
+            onChange={(e) => {
+              onChange(values[Number(e.currentTarget.value)]);
+            }}
+            showInput={false}
+            showRange={false}
+            showTicks
+            step={1}
+            min={0}
+            max={values.length - 1}
+            ticks={values.map((v, i) => ({
+              // Remove the initial 0 from values with decimal digits: 0.001 => .001
+              label: `${v * 100}%`.slice(Number.isInteger(v * 100) ? 0 : 1),
+              value: i,
+            }))}
+          />
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiText
+            color={disabled ? euiTheme.colors.disabledText : euiTheme.colors.subduedText}
+            size="xs"
+          >
+            <FormattedMessage
+              id="randomSampling.ui.sliderControl.accuracyLabel"
+              defaultMessage="Accuracy"
+            />
+          </EuiText>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+    </TooltipWrapper>
+  );
+}
diff --git a/x-pack/packages/kbn-random-sampling/src/ui/slider_control/tooltip_wrapper.tsx b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/tooltip_wrapper.tsx
new file mode 100644
index 0000000000000..5ab7800e05349
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/src/ui/slider_control/tooltip_wrapper.tsx
@@ -0,0 +1,34 @@
+/*
+ * 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 { EuiToolTip, EuiToolTipProps } from '@elastic/eui';
+
+export type TooltipWrapperProps = Partial<Omit<EuiToolTipProps, 'content'>> & {
+  tooltipContent: string;
+  /** When the condition is truthy, the tooltip will be shown */
+  condition: boolean;
+};
+
+export const TooltipWrapper: React.FunctionComponent<TooltipWrapperProps> = ({
+  children,
+  condition,
+  tooltipContent,
+  ...tooltipProps
+}) => {
+  return (
+    <>
+      {condition ? (
+        <EuiToolTip content={tooltipContent} delay="long" {...tooltipProps}>
+          <>{children}</>
+        </EuiToolTip>
+      ) : (
+        children
+      )}
+    </>
+  );
+};
diff --git a/x-pack/packages/kbn-random-sampling/tsconfig.json b/x-pack/packages/kbn-random-sampling/tsconfig.json
new file mode 100644
index 0000000000000..5c5673e4b6787
--- /dev/null
+++ b/x-pack/packages/kbn-random-sampling/tsconfig.json
@@ -0,0 +1,20 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "outDir": "target/types",
+    "types": [
+      "jest",
+      "react"
+    ]
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "kbn_references": [
+    "@kbn/i18n-react",
+  ],
+  "exclude": [
+    "target/**/*",
+  ]
+}
diff --git a/x-pack/plugins/enterprise_search/public/applications/analytics/components/analytics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx b/x-pack/plugins/enterprise_search/public/applications/analytics/components/analytics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx
index 35cf7afbd1243..19457083db2cc 100644
--- a/x-pack/plugins/enterprise_search/public/applications/analytics/components/analytics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/analytics/components/analytics_collection_view/analytics_collection_explorer/analytics_collection_explorer_table.tsx
@@ -16,6 +16,7 @@ import {
   EuiFieldSearch,
   EuiFlexGroup,
   EuiHorizontalRule,
+  EuiI18nNumber,
   EuiSpacer,
   EuiTab,
   EuiTabs,
@@ -270,6 +271,7 @@ const tableSettings: {
     },
   },
 };
+const MAX_ITEMS = 10000;
 
 export const AnalyticsCollectionExplorerTable = () => {
   const { euiTheme } = useEuiTheme();
@@ -292,6 +294,8 @@ export const AnalyticsCollectionExplorerTable = () => {
   const handleTableChange = ({ sort, page }: Criteria<ExploreTableItem>) => {
     onTableChange({ page, sort });
   };
+  const startNumberItemsOnPage = pageSize * pageIndex + (items.length ? 1 : 0);
+  const endNumberItemsOnPage = pageSize * pageIndex + items.length;
 
   useEffect(() => {
     if (!selectedTable) {
@@ -335,19 +339,33 @@ export const AnalyticsCollectionExplorerTable = () => {
           <EuiSpacer size="xl" />
 
           <EuiText size="xs">
-            <FormattedMessage
-              id="xpack.enterpriseSearch.analytics.collectionsView.explorer.tableSummary"
-              defaultMessage="Showing {items} of {totalItemsCount}"
-              values={{
-                items: (
-                  <strong>
-                    {pageSize * pageIndex + Number(!!items.length)}-
-                    {pageSize * pageIndex + items.length}
-                  </strong>
-                ),
-                totalItemsCount,
-              }}
-            />
+            {totalItemsCount > MAX_ITEMS ? (
+              <FormattedMessage
+                id="xpack.enterpriseSearch.analytics.collectionsView.explorer.tableSummaryIndeterminate"
+                defaultMessage="Showing {items} of first {maxItemsCount} results"
+                values={{
+                  items: (
+                    <strong>
+                      {startNumberItemsOnPage}-{endNumberItemsOnPage}
+                    </strong>
+                  ),
+                  maxItemsCount: <EuiI18nNumber value={MAX_ITEMS} />,
+                }}
+              />
+            ) : (
+              <FormattedMessage
+                id="xpack.enterpriseSearch.analytics.collectionsView.explorer.tableSummary"
+                defaultMessage="Showing {items} of {totalItemsCount}"
+                values={{
+                  items: (
+                    <strong>
+                      {startNumberItemsOnPage}-{endNumberItemsOnPage}
+                    </strong>
+                  ),
+                  totalItemsCount,
+                }}
+              />
+            )}
           </EuiText>
 
           <EuiSpacer size="m" />
@@ -365,7 +383,7 @@ export const AnalyticsCollectionExplorerTable = () => {
               pageSize,
               pageSizeOptions: [10, 20, 50],
               showPerPageOptions: true,
-              totalItemCount: totalItemsCount,
+              totalItemCount: Math.min(totalItemsCount, MAX_ITEMS),
             }}
             onChange={handleTableChange}
           />
diff --git a/x-pack/plugins/lens/public/app_plugin/types.ts b/x-pack/plugins/lens/public/app_plugin/types.ts
index 0db73da116132..8fd5a750a5205 100644
--- a/x-pack/plugins/lens/public/app_plugin/types.ts
+++ b/x-pack/plugins/lens/public/app_plugin/types.ts
@@ -8,7 +8,7 @@
 import type { History } from 'history';
 import type { OnSaveProps } from '@kbn/saved-objects-plugin/public';
 import { Observable } from 'rxjs';
-import { SpacesApi } from '@kbn/spaces-plugin/public';
+import type { SpacesApi } from '@kbn/spaces-plugin/public';
 import type { TimeRange } from '@kbn/es-query';
 import type {
   ApplicationStart,
@@ -43,8 +43,8 @@ import type { EmbeddableEditorState, EmbeddableStateTransfer } from '@kbn/embedd
 import type { PresentationUtilPluginStart } from '@kbn/presentation-util-plugin/public';
 import type { FieldFormatsStart } from '@kbn/field-formats-plugin/public';
 import type { ChartsPluginSetup } from '@kbn/charts-plugin/public';
-import { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
-import { DocLinksStart } from '@kbn/core-doc-links-browser';
+import type { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
+import type { DocLinksStart } from '@kbn/core-doc-links-browser';
 import type { SharePluginStart } from '@kbn/share-plugin/public';
 import type {
   DatasourceMap,
@@ -57,9 +57,9 @@ import type {
 import type { LensAttributeService } from '../lens_attribute_service';
 import type { LensEmbeddableInput } from '../embeddable/embeddable';
 import type { LensInspector } from '../lens_inspector_service';
-import { IndexPatternServiceAPI } from '../data_views_service/service';
-import { Document } from '../persistence/saved_object_store';
-import { type LensAppLocator, LensAppLocatorParams } from '../../common/locator/locator';
+import type { IndexPatternServiceAPI } from '../data_views_service/service';
+import type { Document } from '../persistence/saved_object_store';
+import type { LensAppLocator, LensAppLocatorParams } from '../../common/locator/locator';
 
 export interface RedirectToOriginProps {
   input?: LensEmbeddableInput;
diff --git a/x-pack/plugins/lens/public/datasources/form_based/form_based.tsx b/x-pack/plugins/lens/public/datasources/form_based/form_based.tsx
index dbe6fcafd0ed0..323e2a3939840 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/form_based.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/form_based.tsx
@@ -22,7 +22,7 @@ import { VisualizeFieldContext } from '@kbn/ui-actions-plugin/public';
 import { ChartsPluginSetup } from '@kbn/charts-plugin/public';
 import { UiActionsStart } from '@kbn/ui-actions-plugin/public';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
+import type { UnifiedSearchPublicPluginStart } from '@kbn/unified-search-plugin/public';
 import { EuiButton } from '@elastic/eui';
 import type { SharePluginStart } from '@kbn/share-plugin/public';
 import type { DraggingIdentifier } from '@kbn/dom-drag-drop';
@@ -599,18 +599,32 @@ export function getFormBasedDatasource({
       const { onChangeIndexPattern, ...otherProps } = props;
       render(
         <KibanaThemeProvider theme$={core.theme.theme$}>
-          <LayerPanel
-            onChangeIndexPattern={(indexPatternId) => {
-              triggerActionOnIndexPatternChange({
-                indexPatternId,
-                state: props.state,
-                layerId: props.layerId,
-                uiActions,
-              });
-              onChangeIndexPattern(indexPatternId, DATASOURCE_ID, props.layerId);
-            }}
-            {...otherProps}
-          />
+          <I18nProvider>
+            <KibanaContextProvider
+              services={{
+                ...core,
+                data,
+                dataViews,
+                fieldFormats,
+                charts,
+                unifiedSearch,
+                share,
+              }}
+            >
+              <LayerPanel
+                onChangeIndexPattern={(indexPatternId) => {
+                  triggerActionOnIndexPatternChange({
+                    indexPatternId,
+                    state: props.state,
+                    layerId: props.layerId,
+                    uiActions,
+                  });
+                  onChangeIndexPattern(indexPatternId, DATASOURCE_ID, props.layerId);
+                }}
+                {...otherProps}
+              />
+            </KibanaContextProvider>
+          </I18nProvider>
         </KibanaThemeProvider>,
         domElement
       );
diff --git a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
index 198393a235b98..aa5137a4aec09 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/layer_settings.tsx
@@ -5,104 +5,17 @@
  * 2.0.
  */
 
-import {
-  EuiFormRow,
-  EuiRange,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiBetaBadge,
-  EuiText,
-  EuiLink,
-  EuiSpacer,
-  useEuiTheme,
-  EuiToolTip,
-} from '@elastic/eui';
+import { EuiFormRow, EuiBetaBadge, EuiLink, EuiSpacer, EuiToolTip } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
 import { css } from '@emotion/react';
 import React from 'react';
 import { FormattedMessage } from '@kbn/i18n-react';
-import { TooltipWrapper } from '@kbn/visualization-ui-components/public';
+import { RandomSamplingSlider } from '@kbn/random-sampling';
 import type { DatasourceLayerSettingsProps } from '../../types';
 import type { FormBasedPrivateState } from './types';
 import { isSamplingValueEnabled } from './utils';
 
 const samplingValues = [0.00001, 0.0001, 0.001, 0.01, 0.1, 1];
-interface SamplingSliderProps {
-  values: number[];
-  currentValue: number | undefined;
-  disabled: boolean;
-  disabledReason: string;
-  onChange: (value: number) => void;
-  'data-test-subj'?: string;
-}
-/**
- * Stub for a shared component
- */
-function SamplingSlider({
-  values,
-  currentValue,
-  disabled,
-  disabledReason,
-  onChange,
-  'data-test-subj': dataTestSubj,
-}: SamplingSliderProps) {
-  const { euiTheme } = useEuiTheme();
-  const samplingIndex = values.findIndex((v) => v === currentValue);
-  const currentSamplingIndex = samplingIndex > -1 ? samplingIndex : values.length - 1;
-  return (
-    <TooltipWrapper
-      tooltipContent={disabledReason}
-      condition={disabled}
-      delay="regular"
-      display="block"
-    >
-      <EuiFlexGroup gutterSize="none">
-        <EuiFlexItem grow={false}>
-          <EuiText
-            color={disabled ? euiTheme.colors.disabledText : euiTheme.colors.subduedText}
-            size="xs"
-          >
-            <FormattedMessage
-              id="xpack.lens.indexPattern.randomSampling.performanceLabel"
-              defaultMessage="Performance"
-            />
-          </EuiText>
-        </EuiFlexItem>
-        <EuiFlexItem>
-          <EuiRange
-            data-test-subj={dataTestSubj}
-            value={currentSamplingIndex}
-            disabled={disabled}
-            onChange={(e) => {
-              onChange(values[Number(e.currentTarget.value)]);
-            }}
-            showInput={false}
-            showRange={false}
-            showTicks
-            step={1}
-            min={0}
-            max={values.length - 1}
-            ticks={values.map((v, i) => ({
-              label: `${v * 100}%`.slice(Number.isInteger(v * 100) ? 0 : 1),
-              value: i,
-            }))}
-          />
-        </EuiFlexItem>
-        <EuiFlexItem grow={false}>
-          <EuiText
-            color={disabled ? euiTheme.colors.disabledText : euiTheme.colors.subduedText}
-            size="xs"
-          >
-            <FormattedMessage
-              id="xpack.lens.indexPattern.randomSampling.accuracyLabel"
-              defaultMessage="Accuracy"
-            />
-          </EuiText>
-        </EuiFlexItem>
-      </EuiFlexGroup>
-    </TooltipWrapper>
-  );
-}
 
 export function LayerSettingsPanel({
   state,
@@ -113,6 +26,7 @@ export function LayerSettingsPanel({
   const currentValue = isSamplingValueDisabled
     ? samplingValues[samplingValues.length - 1]
     : state.layers[layerId].sampling;
+
   return (
     <EuiFormRow
       display="rowCompressed"
@@ -167,7 +81,7 @@ export function LayerSettingsPanel({
         </>
       }
     >
-      <SamplingSlider
+      <RandomSamplingSlider
         disabled={isSamplingValueDisabled}
         disabledReason={i18n.translate('xpack.lens.indexPattern.randomSampling.disabledMessage', {
           defaultMessage:
diff --git a/x-pack/plugins/lens/public/datasources/form_based/layerpanel.test.tsx b/x-pack/plugins/lens/public/datasources/form_based/layerpanel.test.tsx
index 684cdd4db88a0..f9d0dc9d8b9fb 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/layerpanel.test.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/layerpanel.test.tsx
@@ -8,13 +8,15 @@
 import React, { MouseEvent } from 'react';
 import { FormBasedPrivateState } from './types';
 import { FormBasedLayerPanelProps, LayerPanel } from './layerpanel';
-import { shallowWithIntl as shallow } from '@kbn/test-jest-helpers';
-import { ShallowWrapper } from 'enzyme';
+import { mountWithIntl as mount } from '@kbn/test-jest-helpers';
+import { ReactWrapper } from 'enzyme';
 import { EuiSelectable } from '@elastic/eui';
 import { DataViewsList } from '@kbn/unified-search-plugin/public/dataview_picker/dataview_list';
 import { ChangeIndexPattern } from '../../shared_components/dataview_picker/dataview_picker';
 import { getFieldByNameFactory } from './pure_helpers';
 import { TermsIndexPatternColumn } from './operations';
+import { act } from 'react-dom/test-utils';
+import { TriggerButton } from '../../shared_components/dataview_picker/trigger';
 
 jest.mock('@kbn/unified-search-plugin/public', () => {
   const actual = jest.requireActual('@kbn/unified-search-plugin/public');
@@ -227,18 +229,16 @@ describe('Layer Data Panel', () => {
     };
   });
 
-  function getIndexPatternPickerList(instance: ShallowWrapper) {
+  function getIndexPatternPickerList(instance: ReactWrapper) {
     return instance
       .find(ChangeIndexPattern)
       .first()
-      .dive()
       .find(DataViewsList)
       .first()
-      .dive()
       .find(EuiSelectable);
   }
 
-  function selectIndexPatternPickerOption(instance: ShallowWrapper, selectedLabel: string) {
+  function selectIndexPatternPickerOption(instance: ReactWrapper, selectedLabel: string) {
     const event = {} as MouseEvent;
     const options: IndexPatternPickerOption[] = getIndexPatternPickerOptions(instance).map(
       (option: IndexPatternPickerOption) =>
@@ -250,12 +250,17 @@ describe('Layer Data Panel', () => {
     return getIndexPatternPickerList(instance).prop('onChange')!(options, event, selectedOption);
   }
 
-  function getIndexPatternPickerOptions(instance: ShallowWrapper) {
+  function getIndexPatternPickerOptions(instance: ReactWrapper) {
     return getIndexPatternPickerList(instance).prop('options');
   }
 
   it('should list all index patterns', () => {
-    const instance = shallow(<LayerPanel {...defaultProps} />);
+    const instance = mount(<LayerPanel {...defaultProps} />);
+
+    act(() => {
+      instance.find(TriggerButton).prop('togglePopover')();
+    });
+    instance.update();
 
     expect(
       getIndexPatternPickerOptions(instance)!.map(
@@ -265,9 +270,16 @@ describe('Layer Data Panel', () => {
   });
 
   it('should switch data panel to target index pattern', () => {
-    const instance = shallow(<LayerPanel {...defaultProps} />);
+    const instance = mount(<LayerPanel {...defaultProps} />);
+
+    act(() => {
+      instance.find(TriggerButton).prop('togglePopover')();
+    });
+    instance.update();
 
-    selectIndexPatternPickerOption(instance, 'my-compatible-pattern');
+    act(() => {
+      selectIndexPatternPickerOption(instance, 'my-compatible-pattern');
+    });
 
     expect(defaultProps.onChangeIndexPattern).toHaveBeenCalledWith('3');
   });
diff --git a/x-pack/plugins/lens/public/datasources/form_based/layerpanel.tsx b/x-pack/plugins/lens/public/datasources/form_based/layerpanel.tsx
index 5832f8094a856..dce7474578e1a 100644
--- a/x-pack/plugins/lens/public/datasources/form_based/layerpanel.tsx
+++ b/x-pack/plugins/lens/public/datasources/form_based/layerpanel.tsx
@@ -6,14 +6,13 @@
  */
 
 import React from 'react';
-import { I18nProvider } from '@kbn/i18n-react';
 import { i18n } from '@kbn/i18n';
 import { useEuiTheme } from '@elastic/eui';
-import { DatasourceLayerPanelProps } from '../../types';
-import { FormBasedPrivateState } from './types';
+import { RandomSamplingIcon } from '@kbn/random-sampling';
+import type { DatasourceLayerPanelProps } from '../../types';
+import type { FormBasedPrivateState } from './types';
 import { ChangeIndexPattern } from '../../shared_components/dataview_picker/dataview_picker';
 import { getSamplingValue } from './utils';
-import { RandomSamplingIcon } from './sampling_icon';
 
 export interface FormBasedLayerPanelProps extends DatasourceLayerPanelProps<FormBasedPrivateState> {
   state: FormBasedPrivateState;
@@ -62,22 +61,20 @@ export function LayerPanel({
       : {};
 
   return (
-    <I18nProvider>
-      <ChangeIndexPattern
-        data-test-subj="indexPattern-switcher"
-        trigger={{
-          label: indexPattern?.name || notFoundTitleLabel,
-          title: indexPattern?.title || notFoundTitleLabel,
-          'data-test-subj': 'lns_layerIndexPatternLabel',
-          size: 's',
-          fontWeight: 'normal',
-          ...extraIconLabelProps,
-        }}
-        indexPatternId={layer.indexPatternId}
-        indexPatternRefs={indexPatternRefs}
-        isMissingCurrent={!indexPattern}
-        onChangeIndexPattern={onChangeIndexPattern}
-      />
-    </I18nProvider>
+    <ChangeIndexPattern
+      data-test-subj="indexPattern-switcher"
+      trigger={{
+        label: indexPattern?.name || notFoundTitleLabel,
+        title: indexPattern?.title || notFoundTitleLabel,
+        'data-test-subj': 'lns_layerIndexPatternLabel',
+        size: 's',
+        fontWeight: 'normal',
+        ...extraIconLabelProps,
+      }}
+      indexPatternId={layer.indexPatternId}
+      indexPatternRefs={indexPatternRefs}
+      isMissingCurrent={!indexPattern}
+      onChangeIndexPattern={onChangeIndexPattern}
+    />
   );
 }
diff --git a/x-pack/plugins/lens/public/datasources/text_based/layerpanel.tsx b/x-pack/plugins/lens/public/datasources/text_based/layerpanel.tsx
index 62f99cbfb42d9..3ce8c333114ff 100644
--- a/x-pack/plugins/lens/public/datasources/text_based/layerpanel.tsx
+++ b/x-pack/plugins/lens/public/datasources/text_based/layerpanel.tsx
@@ -6,7 +6,6 @@
  */
 
 import React from 'react';
-import { I18nProvider } from '@kbn/i18n-react';
 import { i18n } from '@kbn/i18n';
 import { DatasourceLayerPanelProps } from '../../types';
 import { TextBasedPrivateState } from './types';
@@ -24,21 +23,19 @@ export function LayerPanel({ state, layerId, dataViews }: TextBasedLayerPanelPro
     defaultMessage: 'Data view not found',
   });
   return (
-    <I18nProvider>
-      <ChangeIndexPattern
-        data-test-subj="textBasedLanguages-switcher"
-        trigger={{
-          label: dataView?.name || dataView?.title || notFoundTitleLabel,
-          title: dataView?.title || notFoundTitleLabel,
-          size: 's',
-          fontWeight: 'normal',
-          isDisabled: true,
-        }}
-        indexPatternId={layer.index}
-        indexPatternRefs={dataViews.indexPatternRefs}
-        isMissingCurrent={!dataView}
-        onChangeIndexPattern={() => {}}
-      />
-    </I18nProvider>
+    <ChangeIndexPattern
+      data-test-subj="textBasedLanguages-switcher"
+      trigger={{
+        label: dataView?.name || dataView?.title || notFoundTitleLabel,
+        title: dataView?.title || notFoundTitleLabel,
+        size: 's',
+        fontWeight: 'normal',
+        isDisabled: true,
+      }}
+      indexPatternId={layer.index}
+      indexPatternRefs={dataViews.indexPatternRefs}
+      isMissingCurrent={!dataView}
+      onChangeIndexPattern={() => {}}
+    />
   );
 }
diff --git a/x-pack/plugins/lens/public/datasources/text_based/text_based_languages.tsx b/x-pack/plugins/lens/public/datasources/text_based/text_based_languages.tsx
index c3da573af3433..1ac8da1d241f6 100644
--- a/x-pack/plugins/lens/public/datasources/text_based/text_based_languages.tsx
+++ b/x-pack/plugins/lens/public/datasources/text_based/text_based_languages.tsx
@@ -17,7 +17,7 @@ import { EuiFormRow } from '@elastic/eui';
 import { KibanaThemeProvider } from '@kbn/kibana-react-plugin/public';
 import type { ExpressionsStart, DatatableColumnType } from '@kbn/expressions-plugin/public';
 import type { DataViewsPublicPluginStart, DataView } from '@kbn/data-views-plugin/public';
-import { DataPublicPluginStart } from '@kbn/data-plugin/public';
+import type { DataPublicPluginStart } from '@kbn/data-plugin/public';
 import { euiThemeVars } from '@kbn/ui-theme';
 import {
   DatasourceDimensionEditorProps,
diff --git a/x-pack/plugins/lens/public/shared_components/dataview_picker/trigger.tsx b/x-pack/plugins/lens/public/shared_components/dataview_picker/trigger.tsx
index 038b1d5aec960..1efd517fc88d1 100644
--- a/x-pack/plugins/lens/public/shared_components/dataview_picker/trigger.tsx
+++ b/x-pack/plugins/lens/public/shared_components/dataview_picker/trigger.tsx
@@ -29,6 +29,7 @@ export type ChangeIndexPatternTriggerProps = ToolbarButtonProps &
 
 function TriggerLabel({ label, icon }: TriggerLabelProps) {
   const { euiTheme } = useEuiTheme();
+
   if (!icon) {
     return <>{label}</>;
   }
diff --git a/x-pack/plugins/lens/public/visualizations/xy/visualization.tsx b/x-pack/plugins/lens/public/visualizations/xy/visualization.tsx
index 56ebe50bf5fd2..db0b441a5bad3 100644
--- a/x-pack/plugins/lens/public/visualizations/xy/visualization.tsx
+++ b/x-pack/plugins/lens/public/visualizations/xy/visualization.tsx
@@ -556,13 +556,27 @@ export const getXyVisualization = ({
     render(
       <KibanaThemeProvider theme$={kibanaTheme.theme$}>
         <I18nProvider>
-          <LayerHeaderContent
-            {...otherProps}
-            onChangeIndexPattern={(indexPatternId) => {
-              // TODO: should it trigger an action as in the datasource?
-              onChangeIndexPattern(indexPatternId);
+          <KibanaContextProvider
+            services={{
+              appName: 'lens',
+              storage,
+              uiSettings: core.uiSettings,
+              data,
+              fieldFormats,
+              savedObjects: core.savedObjects,
+              docLinks: core.docLinks,
+              http: core.http,
+              unifiedSearch,
             }}
-          />
+          >
+            <LayerHeaderContent
+              {...otherProps}
+              onChangeIndexPattern={(indexPatternId) => {
+                // TODO: should it trigger an action as in the datasource?
+                onChangeIndexPattern(indexPatternId);
+              }}
+            />
+          </KibanaContextProvider>
         </I18nProvider>
       </KibanaThemeProvider>,
       domElement
diff --git a/x-pack/plugins/lens/tsconfig.json b/x-pack/plugins/lens/tsconfig.json
index a6e0a18ff4c1d..20a5add716eac 100644
--- a/x-pack/plugins/lens/tsconfig.json
+++ b/x-pack/plugins/lens/tsconfig.json
@@ -39,6 +39,7 @@
     "@kbn/expression-xy-plugin",
     "@kbn/unified-search-plugin",
     "@kbn/unified-field-list-plugin",
+    "@kbn/random-sampling",
     "@kbn/rison",
     "@kbn/i18n",
     "@kbn/field-types",
diff --git a/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.test.tsx b/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.test.tsx
index e4cd6fa206929..43afa552d50fd 100644
--- a/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.test.tsx
+++ b/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.test.tsx
@@ -5,12 +5,16 @@
  * 2.0.
  */
 
-import { render } from '@testing-library/react';
+import type { RenderResult } from '@testing-library/react';
+import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
+import type { Query } from '@kbn/es-query';
+
 import { useKibana } from '../../common/lib/kibana';
-import { createStartServicesMock } from '../../common/lib/kibana/kibana_react.mock';
 import { TestProviders } from '../../common/mock/test_providers';
+import type { EditDashboardButtonComponentProps } from './edit_dashboard_button';
 import { EditDashboardButton } from './edit_dashboard_button';
+import { ViewMode } from '@kbn/embeddable-plugin/public';
 
 jest.mock('../../common/lib/kibana/kibana_react', () => {
   return {
@@ -24,18 +28,54 @@ describe('EditDashboardButton', () => {
     to: '2023-03-24T23:59:59.999Z',
   };
 
-  beforeAll(() => {
+  const props = {
+    filters: [],
+    query: { query: '', language: '' } as Query,
+    savedObjectId: 'mockSavedObjectId',
+    timeRange,
+  };
+  const servicesMock = {
+    dashboard: { locator: { getRedirectUrl: jest.fn() } },
+    application: {
+      navigateToApp: jest.fn(),
+      navigateToUrl: jest.fn(),
+    },
+  };
+
+  const renderButton = (testProps: EditDashboardButtonComponentProps) => {
+    return render(
+      <TestProviders>
+        <EditDashboardButton {...testProps} />
+      </TestProviders>
+    );
+  };
+
+  let renderResult: RenderResult;
+  beforeEach(() => {
     (useKibana as jest.Mock).mockReturnValue({
-      services: createStartServicesMock(),
+      services: servicesMock,
     });
+    renderResult = renderButton(props);
+  });
+
+  beforeEach(() => {
+    jest.clearAllMocks();
   });
 
   it('should render', () => {
-    const { queryByTestId } = render(
-      <TestProviders>
-        <EditDashboardButton savedObjectId="mockSavedObjectId" timeRange={timeRange} />
-      </TestProviders>
+    expect(renderResult.queryByTestId('dashboardEditButton')).toBeInTheDocument();
+  });
+
+  it('should render dashboard edit url', () => {
+    fireEvent.click(renderResult.getByTestId('dashboardEditButton'));
+    expect(servicesMock.dashboard?.locator?.getRedirectUrl).toHaveBeenCalledWith(
+      expect.objectContaining({
+        query: props.query,
+        filters: props.filters,
+        timeRange: props.timeRange,
+        dashboardId: props.savedObjectId,
+        viewMode: ViewMode.EDIT,
+      })
     );
-    expect(queryByTestId('dashboardEditButton')).toBeInTheDocument();
   });
 });
diff --git a/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.tsx b/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.tsx
index c1089e95787e0..bd360229c7e1f 100644
--- a/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.tsx
+++ b/x-pack/plugins/security_solution/public/dashboards/components/edit_dashboard_button.tsx
@@ -5,12 +5,12 @@
  * 2.0.
  */
 
-import React from 'react';
+import React, { useCallback } from 'react';
 import type { Query, Filter } from '@kbn/es-query';
 import { EuiButton } from '@elastic/eui';
-import { useDashboardAppLink } from '../hooks/use_dashboard_app_link';
+import { ViewMode } from '@kbn/embeddable-plugin/public';
 import { EDIT_DASHBOARD_BUTTON_TITLE } from '../pages/details/translations';
-import { useKibana } from '../../common/lib/kibana';
+import { useKibana, useNavigation } from '../../common/lib/kibana';
 
 export interface EditDashboardButtonComponentProps {
   filters?: Filter[];
@@ -31,24 +31,33 @@ const EditDashboardButtonComponent: React.FC<EditDashboardButtonComponentProps>
   timeRange,
 }) => {
   const {
-    services: { uiSettings },
+    services: { dashboard },
   } = useKibana();
+  const { navigateTo } = useNavigation();
 
-  const { onClick } = useDashboardAppLink({
-    query,
-    filters,
-    timeRange,
-    uiSettings,
-    savedObjectId,
-  });
-
+  const onClick = useCallback(
+    (e) => {
+      e.preventDefault();
+      const url = dashboard?.locator?.getRedirectUrl({
+        query,
+        filters,
+        timeRange,
+        dashboardId: savedObjectId,
+        viewMode: ViewMode.EDIT,
+      });
+      if (url) {
+        navigateTo({ url });
+      }
+    },
+    [dashboard?.locator, query, filters, timeRange, savedObjectId, navigateTo]
+  );
   return (
     <EuiButton
       color="primary"
+      data-test-subj="dashboardEditButton"
       fill
       iconType="pencil"
       onClick={onClick}
-      data-test-subj="dashboardEditButton"
     >
       {EDIT_DASHBOARD_BUTTON_TITLE}
     </EuiButton>
diff --git a/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.test.tsx b/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.test.tsx
deleted file mode 100644
index decd108b6d6af..0000000000000
--- a/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.test.tsx
+++ /dev/null
@@ -1,133 +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 { renderHook } from '@testing-library/react-hooks';
-import { useNavigation } from '../../common/lib/kibana';
-import { TestProviders } from '../../common/mock';
-import type { UseDashboardAppLinkProps } from './use_dashboard_app_link';
-import { useDashboardAppLink } from './use_dashboard_app_link';
-
-jest.mock('../../common/lib/kibana', () => ({
-  useNavigation: jest.fn(),
-}));
-
-describe('useDashboardAppLink', () => {
-  const mockNavigateTo = jest.fn();
-  const filters = [
-    {
-      meta: {
-        index: 'security-solution-default',
-        type: 'phrase',
-        key: 'event.action',
-        params: {
-          query: 'host',
-        },
-        disabled: false,
-        negate: false,
-        alias: null,
-      },
-      query: {
-        match_phrase: {
-          'event.action': 'host',
-        },
-      },
-      $state: {
-        store: 'appState',
-      },
-    },
-  ];
-  const props = {
-    query: {
-      language: 'kuery',
-      query: '',
-    },
-    filters: [],
-    timeRange: {
-      from: '2023-03-24T00:00:00.000Z',
-      fromStr: 'now/d',
-      to: '2023-03-24T23:59:59.999Z',
-      toStr: 'now/d',
-    },
-    uiSettings: {
-      get: jest.fn(),
-    },
-    savedObjectId: 'e2937420-c8ba-11ed-a7eb-3d08ee4d53cb',
-  };
-
-  beforeEach(() => {
-    jest.clearAllMocks();
-    (useNavigation as jest.Mock).mockReturnValue({
-      getAppUrl: jest
-        .fn()
-        .mockReturnValue('/app/dashboards#/view/e2937420-c8ba-11ed-a7eb-3d08ee4d53cb'),
-      navigateTo: mockNavigateTo,
-    });
-  });
-  it('create links to Dashboard app - with filters', () => {
-    const testProps = { ...props, filters } as unknown as UseDashboardAppLinkProps;
-
-    const { result } = renderHook(() => useDashboardAppLink(testProps), {
-      wrapper: TestProviders,
-    });
-    expect(result.current.href).toMatchInlineSnapshot(
-      `"/app/dashboards#/view/e2937420-c8ba-11ed-a7eb-3d08ee4d53cb?_g=(filters:!(('$state':(store:appState),meta:(alias:!n,disabled:!f,index:security-solution-default,key:event.action,negate:!f,params:(query:host),type:phrase),query:(match_phrase:(event.action:host)))),query:(language:kuery,query:''),time:(from:now%2Fd,to:now%2Fd))"`
-    );
-  });
-
-  it('create links to Dashboard app - with query', () => {
-    const testProps = {
-      ...props,
-      query: {
-        language: 'kuery',
-        query: '@timestamp : *',
-      },
-    } as unknown as UseDashboardAppLinkProps;
-
-    const { result } = renderHook(() => useDashboardAppLink(testProps), { wrapper: TestProviders });
-    expect(result.current.href).toMatchInlineSnapshot(
-      `"/app/dashboards#/view/e2937420-c8ba-11ed-a7eb-3d08ee4d53cb?_g=(filters:!(),query:(language:kuery,query:'@timestamp%20:%20*'),time:(from:now%2Fd,to:now%2Fd))"`
-    );
-  });
-
-  it('create links to Dashboard app - with absolute time', () => {
-    const testProps = {
-      ...props,
-      timeRange: {
-        from: '2023-03-24T00:00:00.000Z',
-        to: '2023-03-24T23:59:59.999Z',
-      },
-    } as unknown as UseDashboardAppLinkProps;
-
-    const { result } = renderHook(() => useDashboardAppLink(testProps), { wrapper: TestProviders });
-    expect(result.current.href).toMatchInlineSnapshot(
-      `"/app/dashboards#/view/e2937420-c8ba-11ed-a7eb-3d08ee4d53cb?_g=(filters:!(),query:(language:kuery,query:''),time:(from:'2023-03-24T00:00:00.000Z',to:'2023-03-24T23:59:59.999Z'))"`
-    );
-  });
-
-  it('navigate to dashboard app with preserved states', () => {
-    const testProps = {
-      ...props,
-      timeRange: {
-        from: '2023-03-24T00:00:00.000Z',
-        to: '2023-03-24T23:59:59.999Z',
-      },
-    } as unknown as UseDashboardAppLinkProps;
-
-    const { result } = renderHook(() => useDashboardAppLink(testProps), {
-      wrapper: TestProviders,
-    });
-    result.current.onClick({
-      preventDefault: jest.fn(),
-    } as unknown as React.MouseEvent<HTMLButtonElement>);
-
-    expect(mockNavigateTo).toHaveBeenCalledWith(
-      expect.objectContaining({
-        url: "/app/dashboards#/view/e2937420-c8ba-11ed-a7eb-3d08ee4d53cb?_g=(filters:!(),query:(language:kuery,query:''),time:(from:'2023-03-24T00:00:00.000Z',to:'2023-03-24T23:59:59.999Z'))",
-      })
-    );
-  });
-});
diff --git a/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.tsx b/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.tsx
deleted file mode 100644
index 1bf8a16f1ce19..0000000000000
--- a/x-pack/plugins/security_solution/public/dashboards/hooks/use_dashboard_app_link.tsx
+++ /dev/null
@@ -1,71 +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 { createDashboardEditUrl, DASHBOARD_APP_ID } from '@kbn/dashboard-plugin/public';
-import { setStateToKbnUrl } from '@kbn/kibana-utils-plugin/public';
-import type { IUiSettingsClient } from '@kbn/core/public';
-import { useMemo } from 'react';
-import type { Filter, Query } from '@kbn/es-query';
-import { useNavigation } from '../../common/lib/kibana';
-
-const GLOBAL_STATE_STORAGE_KEY = '_g';
-
-export interface UseDashboardAppLinkProps {
-  query?: Query;
-  filters?: Filter[];
-  timeRange: {
-    from: string;
-    to: string;
-    fromStr?: string | undefined;
-    toStr?: string | undefined;
-  };
-  uiSettings: IUiSettingsClient;
-  savedObjectId: string | undefined;
-}
-
-export const useDashboardAppLink = ({
-  query,
-  filters,
-  timeRange: { from, fromStr, to, toStr },
-  uiSettings,
-  savedObjectId,
-}: UseDashboardAppLinkProps) => {
-  const { navigateTo, getAppUrl } = useNavigation();
-  const useHash = uiSettings.get('state:storeInSessionStorage');
-
-  let editDashboardUrl = useMemo(
-    () =>
-      getAppUrl({
-        appId: DASHBOARD_APP_ID,
-        path: `#${createDashboardEditUrl(savedObjectId)}`,
-      }),
-    [getAppUrl, savedObjectId]
-  );
-
-  editDashboardUrl = setStateToKbnUrl(
-    GLOBAL_STATE_STORAGE_KEY,
-    {
-      time: { from: fromStr ?? from, to: toStr ?? to },
-      filters,
-      query,
-    },
-    { useHash, storeInHashQuery: true },
-    editDashboardUrl
-  );
-
-  const editDashboardLinkProps = useMemo(
-    () => ({
-      onClick: (ev: React.MouseEvent<HTMLButtonElement>) => {
-        ev.preventDefault();
-        navigateTo({ url: editDashboardUrl });
-      },
-      href: editDashboardUrl,
-    }),
-    [editDashboardUrl, navigateTo]
-  );
-  return editDashboardLinkProps;
-};
diff --git a/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/isolate.cy.ts b/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/isolate.cy.ts
index 4259c3d0b708b..97ba50b3cce9b 100644
--- a/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/isolate.cy.ts
+++ b/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/isolate.cy.ts
@@ -7,7 +7,7 @@
 
 import { getEndpointListPath } from '../../../common/routing';
 import {
-  checkEndpointListForOnlyIsolatedHosts,
+  checkEndpointIsIsolated,
   checkFlyoutEndpointIsolation,
   filterOutIsolatedHosts,
   interceptActionRequests,
@@ -32,7 +32,8 @@ describe('Isolate command', () => {
   describe('from Manage', () => {
     let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
     let isolatedEndpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
-
+    let isolatedEndpointHostnames: [string, string];
+    let endpointHostnames: [string, string];
     before(() => {
       indexEndpointHosts({
         count: 2,
@@ -40,6 +41,10 @@ describe('Isolate command', () => {
         isolation: false,
       }).then((indexEndpoints) => {
         endpointData = indexEndpoints;
+        endpointHostnames = [
+          endpointData.data.hosts[0].host.name,
+          endpointData.data.hosts[1].host.name,
+        ];
       });
 
       indexEndpointHosts({
@@ -48,6 +53,10 @@ describe('Isolate command', () => {
         isolation: true,
       }).then((indexEndpoints) => {
         isolatedEndpointData = indexEndpoints;
+        isolatedEndpointHostnames = [
+          isolatedEndpointData.data.hosts[0].host.name,
+          isolatedEndpointData.data.hosts[1].host.name,
+        ];
       });
     });
 
@@ -67,13 +76,15 @@ describe('Isolate command', () => {
     beforeEach(() => {
       login();
     });
-    // FLAKY: https://github.com/elastic/security-team/issues/6518
-    it.skip('should allow filtering endpoint by Isolated status', () => {
+
+    it('should allow filtering endpoint by Isolated status', () => {
       cy.visit(APP_PATH + getEndpointListPath({ name: 'endpointList' }));
       closeAllToasts();
       filterOutIsolatedHosts();
-      cy.contains('Showing 2 endpoints');
-      checkEndpointListForOnlyIsolatedHosts();
+      isolatedEndpointHostnames.forEach(checkEndpointIsIsolated);
+      endpointHostnames.forEach((hostname) => {
+        cy.contains(hostname).should('not.exist');
+      });
     });
   });
 
diff --git a/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/response_console.cy.ts b/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/response_console.cy.ts
new file mode 100644
index 0000000000000..2877a91f6b63c
--- /dev/null
+++ b/x-pack/plugins/security_solution/public/management/cypress/e2e/mocked_data/response_console.cy.ts
@@ -0,0 +1,230 @@
+/*
+ * 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 type { ActionDetails } from '../../../../../common/endpoint/types';
+import type { ReturnTypeFromChainable } from '../../types';
+import { indexEndpointHosts } from '../../tasks/index_endpoint_hosts';
+import {
+  checkReturnedProcessesTable,
+  inputConsoleCommand,
+  openResponseConsoleFromEndpointList,
+  performCommandInputChecks,
+  submitCommand,
+  waitForEndpointListPageToBeLoaded,
+} from '../../tasks/response_console';
+import {
+  checkEndpointIsIsolated,
+  checkEndpointIsNotIsolated,
+  interceptActionRequests,
+  sendActionResponse,
+} from '../../tasks/isolate';
+import { login } from '../../tasks/login';
+
+describe('Response console', () => {
+  beforeEach(() => {
+    login();
+  });
+
+  describe('Isolate command', () => {
+    let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
+    let endpointHostname: string;
+    let isolateRequestResponse: ActionDetails;
+
+    before(() => {
+      indexEndpointHosts({ withResponseActions: false, isolation: false }).then(
+        (indexEndpoints) => {
+          endpointData = indexEndpoints;
+          endpointHostname = endpointData.data.hosts[0].host.name;
+        }
+      );
+    });
+
+    after(() => {
+      if (endpointData) {
+        endpointData.cleanup();
+        // @ts-expect-error ignore setting to undefined
+        endpointData = undefined;
+      }
+    });
+
+    it('should isolate host from response console', () => {
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      checkEndpointIsNotIsolated(endpointHostname);
+      openResponseConsoleFromEndpointList();
+      performCommandInputChecks('isolate');
+      interceptActionRequests((responseBody) => {
+        isolateRequestResponse = responseBody;
+      }, 'isolate');
+
+      submitCommand();
+      cy.contains('Action pending.').should('exist');
+      cy.wait('@isolate').then(() => {
+        sendActionResponse(isolateRequestResponse);
+      });
+      cy.contains('Action completed.', { timeout: 120000 }).should('exist');
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      checkEndpointIsIsolated(endpointHostname);
+    });
+  });
+
+  describe('Release command', () => {
+    let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
+    let endpointHostname: string;
+    let releaseRequestResponse: ActionDetails;
+
+    before(() => {
+      indexEndpointHosts({ withResponseActions: false, isolation: true }).then((indexEndpoints) => {
+        endpointData = indexEndpoints;
+        endpointHostname = endpointData.data.hosts[0].host.name;
+      });
+    });
+
+    after(() => {
+      if (endpointData) {
+        endpointData.cleanup();
+        // @ts-expect-error ignore setting to undefined
+        endpointData = undefined;
+      }
+    });
+
+    it('should release host from response console', () => {
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      checkEndpointIsIsolated(endpointHostname);
+      openResponseConsoleFromEndpointList();
+      performCommandInputChecks('release');
+      interceptActionRequests((responseBody) => {
+        releaseRequestResponse = responseBody;
+      }, 'release');
+      submitCommand();
+      cy.contains('Action pending.').should('exist');
+      cy.wait('@release').then(() => {
+        sendActionResponse(releaseRequestResponse);
+      });
+      cy.contains('Action completed.', { timeout: 120000 }).should('exist');
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      checkEndpointIsNotIsolated(endpointHostname);
+    });
+  });
+
+  describe('Processes command', () => {
+    let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
+    let endpointHostname: string;
+    let processesRequestResponse: ActionDetails;
+
+    before(() => {
+      indexEndpointHosts({ withResponseActions: false, isolation: false }).then(
+        (indexEndpoints) => {
+          endpointData = indexEndpoints;
+          endpointHostname = endpointData.data.hosts[0].host.name;
+        }
+      );
+    });
+
+    after(() => {
+      if (endpointData) {
+        endpointData.cleanup();
+        // @ts-expect-error ignore setting to undefined
+        endpointData = undefined;
+      }
+    });
+
+    it('should return processes from response console', () => {
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      openResponseConsoleFromEndpointList();
+      performCommandInputChecks('processes');
+      interceptActionRequests((responseBody) => {
+        processesRequestResponse = responseBody;
+      }, 'processes');
+      submitCommand();
+      cy.contains('Action pending.').should('exist');
+      cy.wait('@processes').then(() => {
+        sendActionResponse(processesRequestResponse);
+      });
+      cy.getByTestSubj('getProcessesSuccessCallout', { timeout: 120000 }).within(() => {
+        checkReturnedProcessesTable();
+      });
+    });
+  });
+
+  describe('Kill process command', () => {
+    let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
+    let endpointHostname: string;
+    let killProcessRequestResponse: ActionDetails;
+
+    before(() => {
+      indexEndpointHosts({ withResponseActions: false, isolation: false }).then(
+        (indexEndpoints) => {
+          endpointData = indexEndpoints;
+          endpointHostname = endpointData.data.hosts[0].host.name;
+        }
+      );
+    });
+
+    after(() => {
+      if (endpointData) {
+        endpointData.cleanup();
+        // @ts-expect-error ignore setting to undefined
+        endpointData = undefined;
+      }
+    });
+
+    it('should kill process from response console', () => {
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      openResponseConsoleFromEndpointList();
+      inputConsoleCommand(`kill-process --pid 1`);
+
+      interceptActionRequests((responseBody) => {
+        killProcessRequestResponse = responseBody;
+      }, 'kill-process');
+      submitCommand();
+      cy.contains('Action pending.').should('exist');
+      cy.wait('@kill-process').then(() => {
+        sendActionResponse(killProcessRequestResponse);
+      });
+      cy.contains('Action completed.', { timeout: 120000 }).should('exist');
+    });
+  });
+
+  describe('Suspend process command', () => {
+    let endpointData: ReturnTypeFromChainable<typeof indexEndpointHosts>;
+    let endpointHostname: string;
+    let suspendProcessRequestResponse: ActionDetails;
+
+    before(() => {
+      indexEndpointHosts({ withResponseActions: false, isolation: false }).then(
+        (indexEndpoints) => {
+          endpointData = indexEndpoints;
+          endpointHostname = endpointData.data.hosts[0].host.name;
+        }
+      );
+    });
+
+    after(() => {
+      if (endpointData) {
+        endpointData.cleanup();
+        // @ts-expect-error ignore setting to undefined
+        endpointData = undefined;
+      }
+    });
+
+    it('should suspend process from response console', () => {
+      waitForEndpointListPageToBeLoaded(endpointHostname);
+      openResponseConsoleFromEndpointList();
+      inputConsoleCommand(`suspend-process --pid 1`);
+
+      interceptActionRequests((responseBody) => {
+        suspendProcessRequestResponse = responseBody;
+      }, 'suspend-process');
+      submitCommand();
+      cy.contains('Action pending.').should('exist');
+      cy.wait('@suspend-process').then(() => {
+        sendActionResponse(suspendProcessRequestResponse);
+      });
+      cy.contains('Action completed.', { timeout: 120000 }).should('exist');
+    });
+  });
+});
diff --git a/x-pack/plugins/security_solution/public/management/cypress/support/data_loaders.ts b/x-pack/plugins/security_solution/public/management/cypress/support/data_loaders.ts
index 4a006fdacc353..bd0438542dc73 100644
--- a/x-pack/plugins/security_solution/public/management/cypress/support/data_loaders.ts
+++ b/x-pack/plugins/security_solution/public/management/cypress/support/data_loaders.ts
@@ -8,7 +8,10 @@
 // / <reference types="cypress" />
 
 import type { CasePostRequest } from '@kbn/cases-plugin/common/api';
-import { sendEndpointActionResponse } from '../../../../scripts/endpoint/agent_emulator/services/endpoint_response_actions';
+import {
+  sendEndpointActionResponse,
+  sendFleetActionResponse,
+} from '../../../../scripts/endpoint/common/response_actions';
 import type { DeleteAllEndpointDataResponse } from '../../../../scripts/endpoint/common/delete_all_endpoint_data';
 import { deleteAllEndpointData } from '../../../../scripts/endpoint/common/delete_all_endpoint_data';
 import { waitForEndpointToStreamData } from '../../../../scripts/endpoint/common/endpoint_metadata_services';
@@ -21,11 +24,7 @@ import {
   deleteIndexedEndpointPolicyResponse,
   indexEndpointPolicyResponse,
 } from '../../../../common/endpoint/data_loaders/index_endpoint_policy_response';
-import type {
-  ActionDetails,
-  HostPolicyResponse,
-  LogsEndpointActionResponse,
-} from '../../../../common/endpoint/types';
+import type { ActionDetails, HostPolicyResponse } from '../../../../common/endpoint/types';
 import type { IndexEndpointHostsCyTaskOptions } from '../types';
 import type {
   IndexedEndpointRuleAlerts,
@@ -162,9 +161,17 @@ export const dataLoaders = (
     sendHostActionResponse: async (data: {
       action: ActionDetails;
       state: { state?: 'success' | 'failure' };
-    }): Promise<LogsEndpointActionResponse> => {
+    }): Promise<null> => {
       const { esClient } = await stackServicesPromise;
-      return sendEndpointActionResponse(esClient, data.action, { state: data.state.state });
+      const fleetResponse = await sendFleetActionResponse(esClient, data.action, {
+        state: data.state.state,
+      });
+
+      if (!fleetResponse.error) {
+        await sendEndpointActionResponse(esClient, data.action, { state: data.state.state });
+      }
+
+      return null;
     },
 
     deleteAllEndpointData: async ({
diff --git a/x-pack/plugins/security_solution/public/management/cypress/tasks/isolate.ts b/x-pack/plugins/security_solution/public/management/cypress/tasks/isolate.ts
index 8a05d790e19bd..cf9ae47b1209d 100644
--- a/x-pack/plugins/security_solution/public/management/cypress/tasks/isolate.ts
+++ b/x-pack/plugins/security_solution/public/management/cypress/tasks/isolate.ts
@@ -143,3 +143,18 @@ export const checkEndpointListForOnlyUnIsolatedHosts = (): void =>
   checkEndpointListForIsolatedHosts(false);
 export const checkEndpointListForOnlyIsolatedHosts = (): void =>
   checkEndpointListForIsolatedHosts(true);
+
+export const checkEndpointIsolationStatus = (
+  endpointHostname: string,
+  expectIsolated: boolean
+): void => {
+  const chainer = expectIsolated ? 'contain.text' : 'not.contain.text';
+
+  cy.contains(endpointHostname).parents('td').siblings('td').eq(0).should(chainer, 'Isolated');
+};
+
+export const checkEndpointIsIsolated = (endpointHostname: string): void =>
+  checkEndpointIsolationStatus(endpointHostname, true);
+
+export const checkEndpointIsNotIsolated = (endpointHostname: string): void =>
+  checkEndpointIsolationStatus(endpointHostname, false);
diff --git a/x-pack/plugins/security_solution/public/management/cypress/tasks/response_console.ts b/x-pack/plugins/security_solution/public/management/cypress/tasks/response_console.ts
index 5932bc6abf3ec..9e5d2adc7d6e8 100644
--- a/x-pack/plugins/security_solution/public/management/cypress/tasks/response_console.ts
+++ b/x-pack/plugins/security_solution/public/management/cypress/tasks/response_console.ts
@@ -7,6 +7,7 @@
 
 import { closeAllToasts } from './close_all_toasts';
 import { APP_ENDPOINTS_PATH } from '../../../../common/constants';
+import Chainable = Cypress.Chainable;
 
 export const waitForEndpointListPageToBeLoaded = (endpointHostname: string): void => {
   cy.visit(APP_ENDPOINTS_PATH);
@@ -56,3 +57,16 @@ export const performCommandInputChecks = (command: string) => {
   selectCommandFromHelpMenu(command);
   checkInputForCommandPresence(command);
 };
+
+export const checkReturnedProcessesTable = (): Chainable<JQuery<HTMLTableRowElement>> => {
+  ['USER', 'PID', 'ENTITY ID', 'COMMAND'].forEach((header) => {
+    cy.contains(header);
+  });
+
+  return cy
+    .get('tbody')
+    .find('tr')
+    .then((rows) => {
+      expect(rows.length).to.be.greaterThan(0);
+    });
+};
diff --git a/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/action_responder.ts b/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/action_responder.ts
index 8b91273a7cae7..8686698dfdfc6 100644
--- a/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/action_responder.ts
+++ b/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/action_responder.ts
@@ -9,12 +9,9 @@ import { set } from '@kbn/safer-lodash-set';
 import type { Client } from '@elastic/elasticsearch';
 import type { ToolingLog } from '@kbn/tooling-log';
 import type { KbnClient } from '@kbn/test';
+import { sendEndpointActionResponse, sendFleetActionResponse } from '../../common/response_actions';
 import { BaseRunningService } from '../../common/base_running_service';
-import {
-  fetchEndpointActionList,
-  sendEndpointActionResponse,
-  sendFleetActionResponse,
-} from './endpoint_response_actions';
+import { fetchEndpointActionList } from './endpoint_response_actions';
 import type { ActionDetails } from '../../../../common/endpoint/types';
 
 /**
diff --git a/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/endpoint_response_actions.ts b/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/endpoint_response_actions.ts
index 25c2e5f6327be..03443882ad369 100644
--- a/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/endpoint_response_actions.ts
+++ b/x-pack/plugins/security_solution/scripts/endpoint/agent_emulator/services/endpoint_response_actions.ts
@@ -6,43 +6,9 @@
  */
 
 import type { KbnClient } from '@kbn/test';
-import type { Client } from '@elastic/elasticsearch';
-import { AGENT_ACTIONS_RESULTS_INDEX } from '@kbn/fleet-plugin/common';
-import * as cborx from 'cbor-x';
-import { basename } from 'path';
-import { generateFileMetadataDocumentMock } from '../../../../server/endpoint/services/actions/mocks';
-import { getFileDownloadId } from '../../../../common/endpoint/service/response_actions/get_file_download_id';
-import { checkInFleetAgent } from '../../common/fleet_services';
-import { sendEndpointMetadataUpdate } from '../../common/endpoint_metadata_services';
-import { FleetActionGenerator } from '../../../../common/endpoint/data_generators/fleet_action_generator';
-import {
-  ENDPOINT_ACTION_RESPONSES_INDEX,
-  BASE_ENDPOINT_ACTION_ROUTE,
-  FILE_STORAGE_DATA_INDEX,
-  FILE_STORAGE_METADATA_INDEX,
-} from '../../../../common/endpoint/constants';
-import type {
-  ActionDetails,
-  ActionListApiResponse,
-  EndpointActionData,
-  EndpointActionResponse,
-  LogsEndpointActionResponse,
-  GetProcessesActionOutputContent,
-  ResponseActionGetFileOutputContent,
-  ResponseActionGetFileParameters,
-  FileUploadMetadata,
-  ResponseActionExecuteOutputContent,
-} from '../../../../common/endpoint/types';
+import { BASE_ENDPOINT_ACTION_ROUTE } from '../../../../common/endpoint/constants';
+import type { ActionListApiResponse } from '../../../../common/endpoint/types';
 import type { EndpointActionListRequestQuery } from '../../../../common/endpoint/schema/actions';
-import { EndpointActionGenerator } from '../../../../common/endpoint/data_generators/endpoint_action_generator';
-
-const ES_INDEX_OPTIONS = { headers: { 'X-elastic-product-origin': 'fleet' } };
-
-export const fleetActionGenerator = new FleetActionGenerator();
-
-export const endpointActionGenerator = new EndpointActionGenerator();
-
-export const sleep = (ms: number = 1000) => new Promise((r) => setTimeout(r, ms));
 
 export const fetchEndpointActionList = async (
   kbn: KbnClient,
@@ -76,279 +42,3 @@ export const fetchEndpointActionList = async (
     throw error;
   }
 };
-
-export const sendFleetActionResponse = async (
-  esClient: Client,
-  action: ActionDetails,
-  { state }: { state?: 'success' | 'failure' } = {}
-): Promise<EndpointActionResponse> => {
-  const fleetResponse = fleetActionGenerator.generateResponse({
-    action_id: action.id,
-    agent_id: action.agents[0],
-    action_response: {
-      endpoint: {
-        ack: true,
-      },
-    },
-  });
-
-  // 20% of the time we generate an error
-  if (state === 'failure' || (!state && fleetActionGenerator.randomFloat() < 0.2)) {
-    fleetResponse.action_response = {};
-    fleetResponse.error = 'Agent failed to deliver message to endpoint due to unknown error';
-  } else {
-    // show it as success (generator currently always generates a `error`, so delete it)
-    delete fleetResponse.error;
-  }
-
-  await esClient.index(
-    {
-      index: AGENT_ACTIONS_RESULTS_INDEX,
-      body: fleetResponse,
-      refresh: 'wait_for',
-    },
-    ES_INDEX_OPTIONS
-  );
-
-  return fleetResponse;
-};
-
-export const sendEndpointActionResponse = async (
-  esClient: Client,
-  action: ActionDetails,
-  { state }: { state?: 'success' | 'failure' } = {}
-): Promise<LogsEndpointActionResponse> => {
-  const endpointResponse = endpointActionGenerator.generateResponse({
-    agent: { id: action.agents[0] },
-    EndpointActions: {
-      action_id: action.id,
-      data: {
-        command: action.command as EndpointActionData['command'],
-        comment: '',
-        ...getOutputDataIfNeeded(action),
-      },
-      started_at: action.startedAt,
-    },
-  });
-
-  // 20% of the time we generate an error
-  if (state === 'failure' || (state !== 'success' && endpointActionGenerator.randomFloat() < 0.2)) {
-    endpointResponse.error = {
-      message: 'Endpoint encountered an error and was unable to apply action to host',
-    };
-
-    if (
-      endpointResponse.EndpointActions.data.command === 'get-file' &&
-      endpointResponse.EndpointActions.data.output
-    ) {
-      (
-        endpointResponse.EndpointActions.data.output.content as ResponseActionGetFileOutputContent
-      ).code = endpointActionGenerator.randomGetFileFailureCode();
-    }
-
-    if (
-      endpointResponse.EndpointActions.data.command === 'execute' &&
-      endpointResponse.EndpointActions.data.output
-    ) {
-      (
-        endpointResponse.EndpointActions.data.output.content as ResponseActionExecuteOutputContent
-      ).stderr = 'execute command timed out';
-    }
-  }
-
-  await esClient.index({
-    index: ENDPOINT_ACTION_RESPONSES_INDEX,
-    body: endpointResponse,
-    refresh: 'wait_for',
-  });
-
-  // ------------------------------------------
-  // Post Action Response tasks
-  // ------------------------------------------
-
-  // For isolate, If the response is not an error, then also send a metadata update
-  if (action.command === 'isolate' && !endpointResponse.error) {
-    for (const agentId of action.agents) {
-      await Promise.all([
-        sendEndpointMetadataUpdate(esClient, agentId, {
-          Endpoint: {
-            state: {
-              isolation: true,
-            },
-          },
-        }),
-
-        checkInFleetAgent(esClient, agentId),
-      ]);
-    }
-  }
-
-  // For UnIsolate, if response is not an Error, then also send metadata update
-  if (action.command === 'unisolate' && !endpointResponse.error) {
-    for (const agentId of action.agents) {
-      await Promise.all([
-        sendEndpointMetadataUpdate(esClient, agentId, {
-          Endpoint: {
-            state: {
-              isolation: false,
-            },
-          },
-        }),
-
-        checkInFleetAgent(esClient, agentId),
-      ]);
-    }
-  }
-
-  // For `get-file`, upload a file to ES
-  if ((action.command === 'execute' || action.command === 'get-file') && !endpointResponse.error) {
-    const filePath =
-      action.command === 'execute'
-        ? '/execute/file/path'
-        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          (
-            action as ActionDetails<
-              ResponseActionGetFileOutputContent,
-              ResponseActionGetFileParameters
-            >
-          )?.parameters?.path!;
-
-    const fileName = basename(filePath.replace(/\\/g, '/'));
-    const fileMetaDoc: FileUploadMetadata = generateFileMetadataDocumentMock({
-      action_id: action.id,
-      agent_id: action.agents[0],
-      contents: [
-        {
-          sha256: '8d61673c9d782297b3c774ded4e3d88f31a8869a8f25cf5cdd402ba6822d1d28',
-          file_name: fileName ?? 'bad_file.txt',
-          path: filePath,
-          size: 4,
-          type: 'file',
-        },
-      ],
-      file: {
-        attributes: ['archive', 'compressed'],
-        ChunkSize: 4194304,
-        compression: 'deflate',
-        hash: {
-          sha256: '8d61673c9d782297b3c774ded4e3d88f31a8869a8f25cf5cdd402ba6822d1d28',
-        },
-        mime_type: 'application/zip',
-        name: action.command === 'execute' ? 'full-output.zip' : 'upload.zip',
-        extension: 'zip',
-        size: 125,
-        Status: 'READY',
-        type: 'file',
-      },
-      src: 'endpoint',
-    });
-
-    // Index the file's metadata
-    const fileMeta = await esClient.index({
-      index: FILE_STORAGE_METADATA_INDEX,
-      id: getFileDownloadId(action, action.agents[0]),
-      body: fileMetaDoc,
-      refresh: 'wait_for',
-    });
-
-    // Index the file content (just one chunk)
-    // call to `.index()` copied from File plugin here:
-    // https://github.com/elastic/kibana/blob/main/src/plugins/files/server/blob_storage_service/adapters/es/content_stream/content_stream.ts#L195
-    await esClient
-      .index(
-        {
-          index: FILE_STORAGE_DATA_INDEX,
-          id: `${fileMeta._id}.0`,
-          document: cborx.encode({
-            bid: fileMeta._id,
-            last: true,
-            data: Buffer.from(
-              'UEsDBAoACQAAAFZeRFWpAsDLHwAAABMAAAAMABwAYmFkX2ZpbGUudHh0VVQJAANTVjxjU1Y8Y3V4CwABBPUBAAAEFAAAAMOcoyEq/Q4VyG02U9O0LRbGlwP/y5SOCfRKqLz1rsBQSwcIqQLAyx8AAAATAAAAUEsBAh4DCgAJAAAAVl5EVakCwMsfAAAAEwAAAAwAGAAAAAAAAQAAAKSBAAAAAGJhZF9maWxlLnR4dFVUBQADU1Y8Y3V4CwABBPUBAAAEFAAAAFBLBQYAAAAAAQABAFIAAAB1AAAAAAA=',
-              'base64'
-            ),
-          }),
-          refresh: 'wait_for',
-        },
-        {
-          headers: {
-            'content-type': 'application/cbor',
-            accept: 'application/json',
-          },
-        }
-      )
-      .then(() => sleep(2000));
-  }
-
-  return endpointResponse;
-};
-
-type ResponseOutput<TOutputContent extends object = object> = Pick<
-  LogsEndpointActionResponse<TOutputContent>['EndpointActions']['data'],
-  'output'
->;
-
-const getOutputDataIfNeeded = (action: ActionDetails): ResponseOutput => {
-  const commentUppercase = (action?.comment ?? '').toUpperCase();
-
-  switch (action.command) {
-    case 'running-processes':
-      return {
-        output: {
-          type: 'json',
-          content: {
-            entries: endpointActionGenerator.randomResponseActionProcesses(100),
-          },
-        },
-      } as ResponseOutput<GetProcessesActionOutputContent>;
-
-    case 'get-file':
-      return {
-        output: {
-          type: 'json',
-          content: {
-            code: 'ra_get-file_success_done',
-            zip_size: 123,
-            contents: [
-              {
-                type: 'file',
-                path: (
-                  action as ActionDetails<
-                    ResponseActionGetFileOutputContent,
-                    ResponseActionGetFileParameters
-                  >
-                ).parameters?.path,
-                size: 1234,
-                file_name: 'bad_file.txt',
-                sha256: '9558c5cb39622e9b3653203e772b129d6c634e7dbd7af1b244352fc1d704601f',
-              },
-            ],
-          },
-        },
-      } as ResponseOutput<ResponseActionGetFileOutputContent>;
-
-    case 'execute':
-      const executeOutput: Partial<ResponseActionExecuteOutputContent> = {
-        output_file_id: getFileDownloadId(action, action.agents[0]),
-      };
-
-      // Error?
-      if (commentUppercase.indexOf('EXECUTE:FAILURE') > -1) {
-        executeOutput.stdout = '';
-        executeOutput.stdout_truncated = false;
-        executeOutput.output_file_stdout_truncated = false;
-      } else {
-        executeOutput.stderr = '';
-        executeOutput.stderr_truncated = false;
-        executeOutput.output_file_stderr_truncated = false;
-      }
-
-      return {
-        output: endpointActionGenerator.generateExecuteActionResponseOutput({
-          content: executeOutput,
-        }),
-      } as ResponseOutput<ResponseActionExecuteOutputContent>;
-
-    default:
-      return { output: undefined };
-  }
-};
diff --git a/x-pack/plugins/security_solution/scripts/endpoint/common/response_actions.ts b/x-pack/plugins/security_solution/scripts/endpoint/common/response_actions.ts
new file mode 100644
index 0000000000000..cac110ce0cde1
--- /dev/null
+++ b/x-pack/plugins/security_solution/scripts/endpoint/common/response_actions.ts
@@ -0,0 +1,311 @@
+/*
+ * 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 type { Client } from '@elastic/elasticsearch';
+import { basename } from 'path';
+import * as cborx from 'cbor-x';
+import { AGENT_ACTIONS_RESULTS_INDEX } from '@kbn/fleet-plugin/common';
+import { FleetActionGenerator } from '../../../common/endpoint/data_generators/fleet_action_generator';
+import { EndpointActionGenerator } from '../../../common/endpoint/data_generators/endpoint_action_generator';
+import type {
+  ActionDetails,
+  EndpointActionData,
+  EndpointActionResponse,
+  FileUploadMetadata,
+  GetProcessesActionOutputContent,
+  LogsEndpointActionResponse,
+  ResponseActionExecuteOutputContent,
+  ResponseActionGetFileOutputContent,
+  ResponseActionGetFileParameters,
+} from '../../../common/endpoint/types';
+import { getFileDownloadId } from '../../../common/endpoint/service/response_actions/get_file_download_id';
+import {
+  ENDPOINT_ACTION_RESPONSES_INDEX,
+  FILE_STORAGE_DATA_INDEX,
+  FILE_STORAGE_METADATA_INDEX,
+} from '../../../common/endpoint/constants';
+import { sendEndpointMetadataUpdate } from './endpoint_metadata_services';
+import { checkInFleetAgent } from './fleet_services';
+import { generateFileMetadataDocumentMock } from '../../../server/endpoint/services/actions/mocks';
+
+const ES_INDEX_OPTIONS = { headers: { 'X-elastic-product-origin': 'fleet' } };
+export const fleetActionGenerator = new FleetActionGenerator();
+export const endpointActionGenerator = new EndpointActionGenerator();
+export const sleep = (ms: number = 1000) => new Promise((r) => setTimeout(r, ms));
+
+export const sendFleetActionResponse = async (
+  esClient: Client,
+  action: ActionDetails,
+  { state }: { state?: 'success' | 'failure' } = {}
+): Promise<EndpointActionResponse> => {
+  const fleetResponse = fleetActionGenerator.generateResponse({
+    action_id: action.id,
+    agent_id: action.agents[0],
+    action_response: {
+      endpoint: {
+        ack: true,
+      },
+    },
+  });
+
+  // 20% of the time we generate an error
+  if (state === 'failure' || (!state && fleetActionGenerator.randomFloat() < 0.2)) {
+    fleetResponse.action_response = {};
+    fleetResponse.error = 'Agent failed to deliver message to endpoint due to unknown error';
+  } else {
+    // show it as success (generator currently always generates a `error`, so delete it)
+    delete fleetResponse.error;
+  }
+
+  await esClient.index(
+    {
+      index: AGENT_ACTIONS_RESULTS_INDEX,
+      body: fleetResponse,
+      refresh: 'wait_for',
+    },
+    ES_INDEX_OPTIONS
+  );
+
+  return fleetResponse;
+};
+export const sendEndpointActionResponse = async (
+  esClient: Client,
+  action: ActionDetails,
+  { state }: { state?: 'success' | 'failure' } = {}
+): Promise<LogsEndpointActionResponse> => {
+  const endpointResponse = endpointActionGenerator.generateResponse({
+    agent: { id: action.agents[0] },
+    EndpointActions: {
+      action_id: action.id,
+      data: {
+        command: action.command as EndpointActionData['command'],
+        comment: '',
+        ...getOutputDataIfNeeded(action),
+      },
+      started_at: action.startedAt,
+    },
+  });
+
+  // 20% of the time we generate an error
+  if (state === 'failure' || (state !== 'success' && endpointActionGenerator.randomFloat() < 0.2)) {
+    endpointResponse.error = {
+      message: 'Endpoint encountered an error and was unable to apply action to host',
+    };
+
+    if (
+      endpointResponse.EndpointActions.data.command === 'get-file' &&
+      endpointResponse.EndpointActions.data.output
+    ) {
+      (
+        endpointResponse.EndpointActions.data.output.content as ResponseActionGetFileOutputContent
+      ).code = endpointActionGenerator.randomGetFileFailureCode();
+    }
+
+    if (
+      endpointResponse.EndpointActions.data.command === 'execute' &&
+      endpointResponse.EndpointActions.data.output
+    ) {
+      (
+        endpointResponse.EndpointActions.data.output.content as ResponseActionExecuteOutputContent
+      ).stderr = 'execute command timed out';
+    }
+  }
+
+  await esClient.index({
+    index: ENDPOINT_ACTION_RESPONSES_INDEX,
+    body: endpointResponse,
+    refresh: 'wait_for',
+  });
+
+  // ------------------------------------------
+  // Post Action Response tasks
+  // ------------------------------------------
+
+  // For isolate, If the response is not an error, then also send a metadata update
+  if (action.command === 'isolate' && !endpointResponse.error) {
+    for (const agentId of action.agents) {
+      await Promise.all([
+        sendEndpointMetadataUpdate(esClient, agentId, {
+          Endpoint: {
+            state: {
+              isolation: true,
+            },
+          },
+        }),
+
+        checkInFleetAgent(esClient, agentId),
+      ]);
+    }
+  }
+
+  // For UnIsolate, if response is not an Error, then also send metadata update
+  if (action.command === 'unisolate' && !endpointResponse.error) {
+    for (const agentId of action.agents) {
+      await Promise.all([
+        sendEndpointMetadataUpdate(esClient, agentId, {
+          Endpoint: {
+            state: {
+              isolation: false,
+            },
+          },
+        }),
+
+        checkInFleetAgent(esClient, agentId),
+      ]);
+    }
+  }
+
+  // For `get-file`, upload a file to ES
+  if ((action.command === 'execute' || action.command === 'get-file') && !endpointResponse.error) {
+    const filePath =
+      action.command === 'execute'
+        ? '/execute/file/path'
+        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+          (
+            action as ActionDetails<
+              ResponseActionGetFileOutputContent,
+              ResponseActionGetFileParameters
+            >
+          )?.parameters?.path!;
+
+    const fileName = basename(filePath.replace(/\\/g, '/'));
+    const fileMetaDoc: FileUploadMetadata = generateFileMetadataDocumentMock({
+      action_id: action.id,
+      agent_id: action.agents[0],
+      contents: [
+        {
+          sha256: '8d61673c9d782297b3c774ded4e3d88f31a8869a8f25cf5cdd402ba6822d1d28',
+          file_name: fileName ?? 'bad_file.txt',
+          path: filePath,
+          size: 4,
+          type: 'file',
+        },
+      ],
+      file: {
+        attributes: ['archive', 'compressed'],
+        ChunkSize: 4194304,
+        compression: 'deflate',
+        hash: {
+          sha256: '8d61673c9d782297b3c774ded4e3d88f31a8869a8f25cf5cdd402ba6822d1d28',
+        },
+        mime_type: 'application/zip',
+        name: action.command === 'execute' ? 'full-output.zip' : 'upload.zip',
+        extension: 'zip',
+        size: 125,
+        Status: 'READY',
+        type: 'file',
+      },
+      src: 'endpoint',
+    });
+
+    // Index the file's metadata
+    const fileMeta = await esClient.index({
+      index: FILE_STORAGE_METADATA_INDEX,
+      id: getFileDownloadId(action, action.agents[0]),
+      body: fileMetaDoc,
+      refresh: 'wait_for',
+    });
+
+    // Index the file content (just one chunk)
+    // call to `.index()` copied from File plugin here:
+    // https://github.com/elastic/kibana/blob/main/src/plugins/files/server/blob_storage_service/adapters/es/content_stream/content_stream.ts#L195
+    await esClient
+      .index(
+        {
+          index: FILE_STORAGE_DATA_INDEX,
+          id: `${fileMeta._id}.0`,
+          document: cborx.encode({
+            bid: fileMeta._id,
+            last: true,
+            data: Buffer.from(
+              'UEsDBAoACQAAAFZeRFWpAsDLHwAAABMAAAAMABwAYmFkX2ZpbGUudHh0VVQJAANTVjxjU1Y8Y3V4CwABBPUBAAAEFAAAAMOcoyEq/Q4VyG02U9O0LRbGlwP/y5SOCfRKqLz1rsBQSwcIqQLAyx8AAAATAAAAUEsBAh4DCgAJAAAAVl5EVakCwMsfAAAAEwAAAAwAGAAAAAAAAQAAAKSBAAAAAGJhZF9maWxlLnR4dFVUBQADU1Y8Y3V4CwABBPUBAAAEFAAAAFBLBQYAAAAAAQABAFIAAAB1AAAAAAA=',
+              'base64'
+            ),
+          }),
+          refresh: 'wait_for',
+        },
+        {
+          headers: {
+            'content-type': 'application/cbor',
+            accept: 'application/json',
+          },
+        }
+      )
+      .then(() => sleep(2000));
+  }
+
+  return endpointResponse;
+};
+type ResponseOutput<TOutputContent extends object = object> = Pick<
+  LogsEndpointActionResponse<TOutputContent>['EndpointActions']['data'],
+  'output'
+>;
+const getOutputDataIfNeeded = (action: ActionDetails): ResponseOutput => {
+  const commentUppercase = (action?.comment ?? '').toUpperCase();
+
+  switch (action.command) {
+    case 'running-processes':
+      return {
+        output: {
+          type: 'json',
+          content: {
+            entries: endpointActionGenerator.randomResponseActionProcesses(100),
+          },
+        },
+      } as ResponseOutput<GetProcessesActionOutputContent>;
+
+    case 'get-file':
+      return {
+        output: {
+          type: 'json',
+          content: {
+            code: 'ra_get-file_success_done',
+            zip_size: 123,
+            contents: [
+              {
+                type: 'file',
+                path: (
+                  action as ActionDetails<
+                    ResponseActionGetFileOutputContent,
+                    ResponseActionGetFileParameters
+                  >
+                ).parameters?.path,
+                size: 1234,
+                file_name: 'bad_file.txt',
+                sha256: '9558c5cb39622e9b3653203e772b129d6c634e7dbd7af1b244352fc1d704601f',
+              },
+            ],
+          },
+        },
+      } as ResponseOutput<ResponseActionGetFileOutputContent>;
+
+    case 'execute':
+      const executeOutput: Partial<ResponseActionExecuteOutputContent> = {
+        output_file_id: getFileDownloadId(action, action.agents[0]),
+      };
+
+      // Error?
+      if (commentUppercase.indexOf('EXECUTE:FAILURE') > -1) {
+        executeOutput.stdout = '';
+        executeOutput.stdout_truncated = false;
+        executeOutput.output_file_stdout_truncated = false;
+      } else {
+        executeOutput.stderr = '';
+        executeOutput.stderr_truncated = false;
+        executeOutput.output_file_stderr_truncated = false;
+      }
+
+      return {
+        output: endpointActionGenerator.generateExecuteActionResponseOutput({
+          content: executeOutput,
+        }),
+      } as ResponseOutput<ResponseActionExecuteOutputContent>;
+
+    default:
+      return { output: undefined };
+  }
+};
diff --git a/x-pack/plugins/stack_connectors/public/connector_types/slack/action_form.test.tsx b/x-pack/plugins/stack_connectors/public/connector_types/slack/action_form.test.tsx
new file mode 100644
index 0000000000000..32eb23f9a167f
--- /dev/null
+++ b/x-pack/plugins/stack_connectors/public/connector_types/slack/action_form.test.tsx
@@ -0,0 +1,177 @@
+/*
+ * 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 { render, screen } from '@testing-library/react';
+import { ActionForm } from '@kbn/triggers-actions-ui-plugin/public/application/sections/action_connector_form/action_form';
+import { TypeRegistry } from '@kbn/triggers-actions-ui-plugin/public/application/type_registry';
+import { ActionTypeModel } from '@kbn/triggers-actions-ui-plugin/public/types';
+import type { ApplicationStart } from '@kbn/core/public';
+import { useKibana } from '@kbn/triggers-actions-ui-plugin/public/common/lib/kibana';
+import { IToasts } from '@kbn/core/public';
+import { __IntlProvider as IntlProvider } from '@kbn/i18n-react';
+import { getConnectorType as getSlackConnectorType } from './slack';
+import { getSlackApiConnectorType } from '../slack_api';
+
+jest.mock('@kbn/triggers-actions-ui-plugin/public/common/lib/kibana');
+jest.mock('@kbn/kibana-react-plugin/public/ui_settings/use_ui_setting', () => ({
+  useUiSetting: jest.fn(() => false),
+  useUiSetting$: jest.fn((value: string) => ['0,0']),
+}));
+jest.mock('@kbn/triggers-actions-ui-plugin/public/application/lib/action_connector_api/connectors');
+jest.mock(
+  '@kbn/triggers-actions-ui-plugin/public/application/lib/action_connector_api/connector_types'
+);
+jest.mock(
+  '@kbn/triggers-actions-ui-plugin/public/application/lib/action_connector_api/execute',
+  () => ({
+    executeAction: async () => ({
+      status: 'ok',
+      data: {
+        ok: true,
+        channels: [
+          {
+            id: 'channel-id',
+            name: 'channel-name',
+          },
+        ],
+      },
+      connector_id: '.slack_api',
+    }),
+  })
+);
+const { loadAllActions } = jest.requireMock(
+  '@kbn/triggers-actions-ui-plugin/public/application/lib/action_connector_api/connectors'
+);
+const { loadActionTypes } = jest.requireMock(
+  '@kbn/triggers-actions-ui-plugin/public/application/lib/action_connector_api/connector_types'
+);
+const useKibanaMock = useKibana as jest.Mocked<typeof useKibana>;
+
+// GET api/actions/connector_types?feature_id=alerting
+loadActionTypes.mockResolvedValue([
+  {
+    enabled: true,
+    enabledInConfig: true,
+    enabledInLicense: true,
+    id: '.slack',
+    minimumLicenseRequired: 'basic',
+    name: 'Slack',
+    supportedFeatureIds: ['alerting', 'uptime', 'siem'],
+  },
+  {
+    enabled: true,
+    enabledInConfig: true,
+    enabledInLicense: true,
+    id: '.slack_api',
+    minimumLicenseRequired: 'basic',
+    name: 'Slack API',
+    supportedFeatureIds: ['alerting', 'siem'],
+  },
+]);
+
+// GET api/actions/connectors
+loadAllActions.mockResolvedValue([
+  {
+    actionTypeId: '.slack_api',
+    config: {},
+    id: 'connector-id',
+    isDeprecated: false,
+    isMissingSecrets: false,
+    isPreconfigured: false,
+    name: 'webapi',
+    referencedByCount: 0,
+  },
+]);
+
+const actionTypeRegistry = new TypeRegistry<ActionTypeModel>();
+actionTypeRegistry.register(getSlackConnectorType());
+actionTypeRegistry.register(getSlackApiConnectorType());
+
+const baseProps = {
+  actions: [],
+  defaultActionGroupId: 'metrics.inventory_threshold.fired',
+  hasSummary: true,
+  featureId: 'alerting',
+  recoveryActionGroup: 'recovered',
+  actionTypeRegistry,
+  minimumThrottleInterval: [1, 'm'] as [number | undefined, string],
+  setActions: jest.fn(),
+  setActionIdByIndex: jest.fn(),
+  setActionParamsProperty: jest.fn(),
+  setActionFrequencyProperty: jest.fn(),
+  setActionAlertsFilterProperty: jest.fn(),
+};
+
+const mockToasts = {
+  danger: jest.fn(),
+  warning: jest.fn(),
+};
+
+jest.mock('@kbn/triggers-actions-ui-plugin/public', () => {
+  const original = jest.requireActual('@kbn/triggers-actions-ui-plugin/public');
+  return {
+    ...original,
+    useKibana: () => ({
+      ...original.useKibana(),
+      notifications: { toasts: mockToasts },
+    }),
+  };
+});
+
+describe('ActionForm - Slack API Connector', () => {
+  beforeAll(() => {
+    useKibanaMock().services.notifications.toasts = {
+      addSuccess: jest.fn(),
+      addError: jest.fn(),
+      addDanger: jest.fn(),
+    } as unknown as IToasts;
+
+    useKibanaMock().services.application.capabilities = {
+      actions: {
+        delete: true,
+        save: true,
+        show: true,
+      },
+    } as unknown as ApplicationStart['capabilities'];
+  });
+
+  test('show error message when no channel has been selected', async () => {
+    const testActions = [
+      {
+        id: 'connector-id',
+        actionTypeId: '.slack_api',
+        group: 'metrics.inventory_threshold.fired',
+        params: {
+          subAction: 'postMessage',
+          subActionParams: {
+            text: 'text',
+            channels: [], // no channel selected
+          },
+        },
+        frequency: {
+          notifyWhen: 'onActionGroupChange' as 'onActionGroupChange',
+          throttle: null,
+          summary: false,
+        },
+      },
+    ];
+
+    const testProps = {
+      ...baseProps,
+      actions: testActions,
+    };
+
+    render(
+      <IntlProvider locale="en">
+        <ActionForm {...testProps} />
+      </IntlProvider>
+    );
+
+    expect(await screen.findByText('Selected channel is required.')).toBeInTheDocument();
+  });
+});
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx
index 7557adb4979c0..f5245cd85fb53 100644
--- a/x-pack/plugins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx
+++ b/x-pack/plugins/triggers_actions_ui/public/application/sections/action_connector_form/action_form.tsx
@@ -562,6 +562,10 @@ export const ActionForm = ({
           actionType={actionTypesIndex[activeActionItem.actionTypeId]}
           onClose={closeAddConnectorModal}
           postSaveEventHandler={(savedAction: ActionConnector) => {
+            // TODO: fix in https://github.com/elastic/kibana/issues/155993
+            // actionTypes with subtypes need to be updated in case they switched to a
+            // subtype that is not the default one
+            actions[0].actionTypeId = savedAction.actionTypeId;
             connectors.push(savedAction);
             const indicesToUpdate = activeActionItem.indices || [];
             indicesToUpdate.forEach((index: number) => setActionIdByIndex(savedAction.id, index));
diff --git a/x-pack/test/functional/apps/lens/group4/tsdb.ts b/x-pack/test/functional/apps/lens/group4/tsdb.ts
index 02b96a74f444e..3828ef875d3af 100644
--- a/x-pack/test/functional/apps/lens/group4/tsdb.ts
+++ b/x-pack/test/functional/apps/lens/group4/tsdb.ts
@@ -6,130 +6,283 @@
  */
 
 import expect from '@kbn/expect';
+import { partition } from 'lodash';
 import { FtrProviderContext } from '../../../ftr_provider_context';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
   const PageObjects = getPageObjects(['common', 'timePicker', 'lens', 'dashboard']);
   const testSubjects = getService('testSubjects');
   const es = getService('es');
+  const find = getService('find');
   const log = getService('log');
   const indexPatterns = getService('indexPatterns');
   const kibanaServer = getService('kibanaServer');
   const esArchiver = getService('esArchiver');
 
   describe('lens tsdb', function () {
-    const dataViewTitle = 'sample-01';
-    const rollupDataViewTitle = 'sample-01,sample-01-rollup';
-    const fromTime = 'Jun 17, 2022 @ 00:00:00.000';
-    const toTime = 'Jun 23, 2022 @ 00:00:00.000';
-    const testArchive = 'test/functional/fixtures/es_archiver/search/downsampled';
-    const testIndex = 'sample-01';
-    const testRollupIndex = 'sample-01-rollup';
-
-    before(async () => {
-      // create rollup data
-      log.info(`loading ${testIndex} index...`);
-      await esArchiver.loadIfNeeded(testArchive);
-      log.info(`add write block to ${testIndex} index...`);
-      await es.indices.addBlock({ index: testIndex, block: 'write' });
-      try {
-        log.info(`rolling up ${testIndex} index...`);
-        // es client currently does not have method for downsample
-        await es.transport.request<void>({
-          method: 'POST',
-          path: '/sample-01/_downsample/sample-01-rollup',
-          body: { fixed_interval: '1h' },
-        });
-      } catch (err) {
-        log.info(`ignoring resource_already_exists_exception...`);
-        if (!err.message.match(/resource_already_exists_exception/)) {
-          throw err;
+    describe('downsampling', () => {
+      const dataViewTitle = 'sample-01';
+      const rollupDataViewTitle = 'sample-01,sample-01-rollup';
+      const fromTime = 'Jun 17, 2022 @ 00:00:00.000';
+      const toTime = 'Jun 23, 2022 @ 00:00:00.000';
+      const testArchive = 'test/functional/fixtures/es_archiver/search/downsampled';
+      const testIndex = 'sample-01';
+      const testRollupIndex = 'sample-01-rollup';
+
+      before(async () => {
+        // create rollup data
+        log.info(`loading ${testIndex} index...`);
+        await esArchiver.loadIfNeeded(testArchive);
+        log.info(`add write block to ${testIndex} index...`);
+        await es.indices.addBlock({ index: testIndex, block: 'write' });
+        try {
+          log.info(`rolling up ${testIndex} index...`);
+          // es client currently does not have method for downsample
+          await es.transport.request<void>({
+            method: 'POST',
+            path: '/sample-01/_downsample/sample-01-rollup',
+            body: { fixed_interval: '1h' },
+          });
+        } catch (err) {
+          log.info(`ignoring resource_already_exists_exception...`);
+          if (!err.message.match(/resource_already_exists_exception/)) {
+            throw err;
+          }
         }
-      }
 
-      log.info(`creating ${rollupDataViewTitle} data view...`);
-      await indexPatterns.create(
-        {
-          title: rollupDataViewTitle,
-          timeFieldName: '@timestamp',
-        },
-        { override: true }
-      );
-      await indexPatterns.create(
-        {
-          title: dataViewTitle,
-          timeFieldName: '@timestamp',
-        },
-        { override: true }
-      );
-      await kibanaServer.uiSettings.update({
-        'dateFormat:tz': 'UTC',
-        defaultIndex: '0ae0bc7a-e4ca-405c-ab67-f2b5913f2a51',
-        'timepicker:timeDefaults': '{ "from": "now-1y", "to": "now" }',
+        log.info(`creating ${rollupDataViewTitle} data view...`);
+        await indexPatterns.create(
+          {
+            title: rollupDataViewTitle,
+            timeFieldName: '@timestamp',
+          },
+          { override: true }
+        );
+        await indexPatterns.create(
+          {
+            title: dataViewTitle,
+            timeFieldName: '@timestamp',
+          },
+          { override: true }
+        );
+        await kibanaServer.uiSettings.update({
+          'dateFormat:tz': 'UTC',
+          defaultIndex: '0ae0bc7a-e4ca-405c-ab67-f2b5913f2a51',
+          'timepicker:timeDefaults': '{ "from": "now-1y", "to": "now" }',
+        });
       });
-    });
 
-    after(async () => {
-      await kibanaServer.savedObjects.cleanStandardList();
-      await kibanaServer.uiSettings.replace({});
-      await es.indices.delete({ index: [testIndex, testRollupIndex] });
-    });
+      after(async () => {
+        await kibanaServer.savedObjects.cleanStandardList();
+        await kibanaServer.uiSettings.replace({});
+        await es.indices.delete({ index: [testIndex, testRollupIndex] });
+      });
 
-    describe('for regular metric', () => {
-      it('defaults to median for non-rolled up metric', async () => {
-        await PageObjects.common.navigateToApp('lens');
-        await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
-        await PageObjects.lens.switchDataPanelIndexPattern(dataViewTitle);
-        await PageObjects.lens.waitForField('kubernetes.container.memory.available.bytes');
-        await PageObjects.lens.dragFieldToWorkspace(
-          'kubernetes.container.memory.available.bytes',
-          'xyVisChart'
-        );
-        expect(await PageObjects.lens.getDimensionTriggerText('lnsXY_yDimensionPanel')).to.eql(
-          'Median of kubernetes.container.memory.available.bytes'
-        );
+      describe('for regular metric', () => {
+        it('defaults to median for non-rolled up metric', async () => {
+          await PageObjects.common.navigateToApp('lens');
+          await PageObjects.timePicker.setAbsoluteRange(fromTime, toTime);
+          await PageObjects.lens.switchDataPanelIndexPattern(dataViewTitle);
+          await PageObjects.lens.waitForField('kubernetes.container.memory.available.bytes');
+          await PageObjects.lens.dragFieldToWorkspace(
+            'kubernetes.container.memory.available.bytes',
+            'xyVisChart'
+          );
+          expect(await PageObjects.lens.getDimensionTriggerText('lnsXY_yDimensionPanel')).to.eql(
+            'Median of kubernetes.container.memory.available.bytes'
+          );
+        });
+
+        it('does not show a warning', async () => {
+          await PageObjects.lens.openDimensionEditor('lnsXY_yDimensionPanel');
+          await testSubjects.missingOrFail('median-partial-warning');
+          await PageObjects.lens.assertNoEditorWarning();
+          await PageObjects.lens.closeDimensionEditor();
+        });
       });
 
-      it('does not show a warning', async () => {
-        await PageObjects.lens.openDimensionEditor('lnsXY_yDimensionPanel');
-        await testSubjects.missingOrFail('median-partial-warning');
-        await PageObjects.lens.assertNoEditorWarning();
-        await PageObjects.lens.closeDimensionEditor();
+      describe('for rolled up metric', () => {
+        it('defaults to average for rolled up metric', async () => {
+          await PageObjects.lens.switchDataPanelIndexPattern(rollupDataViewTitle);
+          await PageObjects.lens.removeLayer();
+          await PageObjects.lens.waitForField('kubernetes.container.memory.available.bytes');
+          await PageObjects.lens.dragFieldToWorkspace(
+            'kubernetes.container.memory.available.bytes',
+            'xyVisChart'
+          );
+          expect(await PageObjects.lens.getDimensionTriggerText('lnsXY_yDimensionPanel')).to.eql(
+            'Average of kubernetes.container.memory.available.bytes'
+          );
+        });
+        it('shows warnings in editor when using median', async () => {
+          await PageObjects.lens.openDimensionEditor('lnsXY_yDimensionPanel');
+          await testSubjects.existOrFail('median-partial-warning');
+          await testSubjects.click('lns-indexPatternDimension-median');
+          await PageObjects.lens.waitForVisualization('xyVisChart');
+          await PageObjects.lens.assertMessageListContains(
+            'Median of kubernetes.container.memory.available.bytes uses a function that is unsupported by rolled up data. Select a different function or change the time range.',
+            'warning'
+          );
+        });
+        it('shows warnings in dashboards as well', async () => {
+          await PageObjects.lens.save('New', false, false, false, 'new');
+
+          await PageObjects.dashboard.waitForRenderComplete();
+          await PageObjects.lens.assertMessageListContains(
+            'Median of kubernetes.container.memory.available.bytes uses a function that is unsupported by rolled up data. Select a different function or change the time range.',
+            'warning'
+          );
+        });
       });
     });
 
-    describe('for rolled up metric', () => {
-      it('defaults to average for rolled up metric', async () => {
-        await PageObjects.lens.switchDataPanelIndexPattern(rollupDataViewTitle);
-        await PageObjects.lens.removeLayer();
-        await PageObjects.lens.waitForField('kubernetes.container.memory.available.bytes');
-        await PageObjects.lens.dragFieldToWorkspace(
-          'kubernetes.container.memory.available.bytes',
-          'xyVisChart'
-        );
-        expect(await PageObjects.lens.getDimensionTriggerText('lnsXY_yDimensionPanel')).to.eql(
-          'Average of kubernetes.container.memory.available.bytes'
+    describe('field types support', () => {
+      before(async () => {
+        log.info(`loading sample TSDB index...`);
+        await esArchiver.load('test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb');
+        log.info(`creating the TSDB data view...`);
+        await kibanaServer.importExport.load(
+          'test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb'
         );
+        log.info(`setting the TSDB dataView as default...`);
+        await kibanaServer.uiSettings.replace({
+          defaultIndex: '90943e30-9a47-11e8-b64d-95841ca0c247',
+        });
+        await PageObjects.common.navigateToApp('lens');
+        await PageObjects.lens.goToTimeRange();
       });
-      it('shows warnings in editor when using median', async () => {
-        await PageObjects.lens.openDimensionEditor('lnsXY_yDimensionPanel');
-        await testSubjects.existOrFail('median-partial-warning');
-        await testSubjects.click('lns-indexPatternDimension-median');
-        await PageObjects.lens.waitForVisualization('xyVisChart');
-        await PageObjects.lens.assertMessageListContains(
-          'Median of kubernetes.container.memory.available.bytes uses a function that is unsupported by rolled up data. Select a different function or change the time range.',
-          'warning'
+
+      after(async () => {
+        log.info(`removing the TSDB index...`);
+        await esArchiver.unload(
+          'test/functional/fixtures/es_archiver/kibana_sample_data_logs_tsdb'
+        );
+        log.info(`removing the TSDB dataView...`);
+        await kibanaServer.importExport.unload(
+          'test/functional/fixtures/kbn_archiver/kibana_sample_data_logs_tsdb'
         );
+        log.info(`unsetting the TSDB dataView default...`);
+        await kibanaServer.uiSettings.unset('defaultIndex');
       });
-      it('shows warnings in dashboards as well', async () => {
-        await PageObjects.lens.save('New', false, false, false, 'new');
 
-        await PageObjects.dashboard.waitForRenderComplete();
-        await PageObjects.lens.assertMessageListContains(
-          'Median of kubernetes.container.memory.available.bytes uses a function that is unsupported by rolled up data. Select a different function or change the time range.',
-          'warning'
-        );
+      afterEach(async () => {
+        await PageObjects.lens.removeLayer();
       });
+
+      // skip count for now as it's a special function and will
+      // change automatically the unsupported field to Records when detected
+      const operationsByFieldSupport = [
+        'average',
+        'max',
+        'last_value',
+        'median',
+        'percentile',
+        'percentile_rank',
+        'standard_deviation',
+        'sum',
+        'unique_count',
+      ].map((name) => ({
+        name,
+        label: `${name[0].toUpperCase()}${name.slice(1).replace('_', ' ')}`,
+        counter: ['max', 'counter_rate'].includes(name),
+        gauge: true,
+      }));
+
+      for (const fieldType of ['counter', 'gauge'] as const) {
+        const [supportedOperations, unsupportedOperatons] = partition(
+          operationsByFieldSupport,
+          (op) => op[fieldType]
+        );
+        if (supportedOperations.length) {
+          it(`should allow operations when supported by ${fieldType} field type`, async () => {
+            // Counter rate requires a date histogram dimension configured to work
+            await PageObjects.lens.configureDimension({
+              dimension: 'lnsXY_xDimensionPanel > lns-empty-dimension',
+              operation: 'date_histogram',
+              field: '@timestamp',
+            });
+
+            // minimum supports all tsdb field types
+            await PageObjects.lens.configureDimension({
+              dimension: 'lnsXY_yDimensionPanel > lns-empty-dimension',
+              operation: 'min',
+              field: `bytes_${fieldType}`,
+              keepOpen: true,
+            });
+
+            // now check if the provided function has no incompatibility tooltip
+            for (const supportedOp of supportedOperations) {
+              expect(
+                testSubjects.exists(`lns-indexPatternDimension-${supportedOp.name} incompatible`, {
+                  timeout: 500,
+                })
+              ).to.eql(supportedOp[fieldType]);
+            }
+
+            for (const supportedOp of supportedOperations) {
+              // try to change to the provided function and check all is ok
+              await PageObjects.lens.selectOperation(supportedOp.name);
+
+              expect(
+                await find.existsByCssSelector(
+                  '[data-test-subj="indexPattern-field-selection-row"] .euiFormErrorText'
+                )
+              ).to.be(false);
+
+              // return in a clean state before checking the next operation
+              await PageObjects.lens.selectOperation('min');
+            }
+            await PageObjects.lens.closeDimensionEditor();
+          });
+        }
+        if (unsupportedOperatons.length) {
+          it(`should notify the incompatibility of unsupported operations for the ${fieldType} field type`, async () => {
+            // Counter rate requires a date histogram dimension configured to work
+            await PageObjects.lens.configureDimension({
+              dimension: 'lnsXY_xDimensionPanel > lns-empty-dimension',
+              operation: 'date_histogram',
+              field: '@timestamp',
+            });
+
+            // minimum supports all tsdb field types
+            await PageObjects.lens.configureDimension({
+              dimension: 'lnsXY_yDimensionPanel > lns-empty-dimension',
+              operation: 'min',
+              field: `bytes_${fieldType}`,
+              keepOpen: true,
+            });
+
+            // now check if the provided function has the incompatibility tooltip
+            for (const unsupportedOp of unsupportedOperatons) {
+              expect(
+                testSubjects.exists(
+                  `lns-indexPatternDimension-${unsupportedOp.name} incompatible`,
+                  {
+                    timeout: 500,
+                  }
+                )
+              ).to.eql(!unsupportedOp[fieldType]);
+            }
+
+            for (const unsupportedOp of unsupportedOperatons) {
+              // try to change to the provided function and check if it's in an incompatibility state
+              await PageObjects.lens.selectOperation(unsupportedOp.name, true);
+
+              const fieldSelectErrorEl = await find.byCssSelector(
+                '[data-test-subj="indexPattern-field-selection-row"] .euiFormErrorText'
+              );
+
+              expect(await fieldSelectErrorEl.getVisibleText()).to.be(
+                'This field does not work with the selected function.'
+              );
+
+              // return in a clean state before checking the next operation
+              await PageObjects.lens.selectOperation('min');
+            }
+            await PageObjects.lens.closeDimensionEditor();
+          });
+        }
+      }
     });
   });
 }
diff --git a/x-pack/test/functional/page_objects/lens_page.ts b/x-pack/test/functional/page_objects/lens_page.ts
index 6db18af0abeaa..751ca0d6dcde3 100644
--- a/x-pack/test/functional/page_objects/lens_page.ts
+++ b/x-pack/test/functional/page_objects/lens_page.ts
@@ -191,22 +191,7 @@ export function LensPageProvider({ getService, getPageObjects }: FtrProviderCont
       if (opts.operation === 'formula') {
         await this.switchToFormula();
       } else {
-        const operationSelector = opts.isPreviousIncompatible
-          ? `lns-indexPatternDimension-${opts.operation} incompatible`
-          : `lns-indexPatternDimension-${opts.operation}`;
-        async function getAriaPressed() {
-          const operationSelectorContainer = await testSubjects.find(operationSelector);
-          await testSubjects.click(operationSelector);
-          const ariaPressed = await operationSelectorContainer.getAttribute('aria-pressed');
-          return ariaPressed;
-        }
-
-        // adding retry here as it seems that there is a flakiness of the operation click
-        // it seems that the aria-pressed attribute is updated to true when the button is clicked
-        await retry.waitFor('aria pressed to be true', async () => {
-          const ariaPressedStatus = await getAriaPressed();
-          return ariaPressedStatus === 'true';
-        });
+        await this.selectOperation(opts.operation, opts.isPreviousIncompatible);
       }
       if (opts.field) {
         await this.selectOptionFromComboBox('indexPattern-dimension-field', opts.field);
@@ -574,6 +559,25 @@ export function LensPageProvider({ getService, getPageObjects }: FtrProviderCont
       });
     },
 
+    async selectOperation(operation: string, isPreviousIncompatible: boolean = false) {
+      const operationSelector = isPreviousIncompatible
+        ? `lns-indexPatternDimension-${operation} incompatible`
+        : `lns-indexPatternDimension-${operation}`;
+      async function getAriaPressed() {
+        const operationSelectorContainer = await testSubjects.find(operationSelector);
+        await testSubjects.click(operationSelector);
+        const ariaPressed = await operationSelectorContainer.getAttribute('aria-pressed');
+        return ariaPressed;
+      }
+
+      // adding retry here as it seems that there is a flakiness of the operation click
+      // it seems that the aria-pressed attribute is updated to true when the button is clicked
+      await retry.waitFor('aria pressed to be true', async () => {
+        const ariaPressedStatus = await getAriaPressed();
+        return ariaPressedStatus === 'true';
+      });
+    },
+
     async enableTimeShift() {
       await testSubjects.click('indexPattern-advanced-accordion');
     },
diff --git a/yarn.lock b/yarn.lock
index 30eb8b94a1714..e42d31edfada7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4742,6 +4742,10 @@
   version "0.0.0"
   uid ""
 
+"@kbn/random-sampling@link:x-pack/packages/kbn-random-sampling":
+  version "0.0.0"
+  uid ""
+
 "@kbn/react-field@link:packages/kbn-react-field":
   version "0.0.0"
   uid ""