diff --git a/public/components/event_analytics/explorer/events_views/data_grid.scss b/public/components/event_analytics/explorer/events_views/data_grid.scss
index 6de07488a4..f0dcbfbbba 100644
--- a/public/components/event_analytics/explorer/events_views/data_grid.scss
+++ b/public/components/event_analytics/explorer/events_views/data_grid.scss
@@ -3,488 +3,489 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-/**
- * 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
- */
- doc-table {
-  @include euiScrollBar;
-  overflow: auto;
-  flex: 1 1 100%;
-  flex-direction: column; /* 1 */
+.obsExplorer {
+  /**
+  * 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
+  */
+  doc-table {
+    @include euiScrollBar;
+    overflow: auto;
+    flex: 1 1 100%;
+    flex-direction: column; /* 1 */
+
+    .spinner {
+      position: absolute;
+      top: 40%;
+      left: 0;
+      right: 0;
+      z-index: $euiZLevel1;
+      opacity: 0.5;
+    }
+  }
 
-  .spinner {
-    position: absolute;
-    top: 40%;
-    left: 0;
-    right: 0;
-    z-index: $euiZLevel1;
+  .osdDocTable__container.loading {
     opacity: 0.5;
   }
-}
 
-.osdDocTable__container.loading {
-  opacity: 0.5;
-}
+  .osdDocTable {
+    font-size: $euiFontSizeXS;
 
-.osdDocTable {
-  font-size: $euiFontSizeXS;
+    th {
+      white-space: nowrap;
+      padding-right: $euiSizeS;
 
-  th {
-    white-space: nowrap;
-    padding-right: $euiSizeS;
-
-    .fa {
-      font-size: 1.1em;
+      .fa {
+        font-size: 1.1em;
+      }
     }
   }
-}
-
-.osd-table,
-.osdDocTable {
-  /**
-  *  Style OpenSearch document _source in table view <dt>key:<dt><dd>value</dd>
-  *  Use alpha so this will stand out against non-white backgrounds, e.g. the highlighted
-  *  row in the Context Log.
-  */
 
-  dl.source {
-    margin-bottom: 0;
-    line-height: 2em;
-    word-break: break-word;
-
-    dt,
-    dd {
-      display: inline;
-    }
+  .osd-table,
+  .osdDocTable {
+    /**
+    *  Style OpenSearch document _source in table view <dt>key:<dt><dd>value</dd>
+    *  Use alpha so this will stand out against non-white backgrounds, e.g. the highlighted
+    *  row in the Context Log.
+    */
+
+    dl.source {
+      margin-bottom: 0;
+      line-height: 2em;
+      word-break: break-word;
+
+      dt,
+      dd {
+        display: inline;
+      }
 
-    dt {
-      background-color: transparentize(shade($euiColorPrimary, 20%), 0.9);
-      color: $euiTextColor;
-      padding: ($euiSizeXS / 2) $euiSizeXS;
-      margin-right: $euiSizeXS;
-      word-break: normal;
-      border-radius: $euiBorderRadius;
+      dt {
+        background-color: transparentize(shade($euiColorPrimary, 20%), 0.9);
+        color: $euiTextColor;
+        padding: ($euiSizeXS / 2) $euiSizeXS;
+        margin-right: $euiSizeXS;
+        word-break: normal;
+        border-radius: $euiBorderRadius;
+      }
     }
   }
-}
 
-.osdDocTable__row {
-  td {
-    position: relative;
+  .osdDocTable__row {
+    td {
+      position: relative;
 
-    &:hover {
-      .osdDocTableRowFilterButton {
-        opacity: 1;
+      &:hover {
+        .osdDocTableRowFilterButton {
+          opacity: 1;
+        }
       }
     }
   }
-}
 
-.osdDocTable__row--highlight {
-  td,
-  .osdDocTableRowFilterButton {
-    background-color: tintOrShade($euiColorPrimary, 90%, 70%);
+  .osdDocTable__row--highlight {
+    td,
+    .osdDocTableRowFilterButton {
+      background-color: tintOrShade($euiColorPrimary, 90%, 70%);
+    }
   }
-}
 
-.osdDocTable__bar {
-  margin: $euiSizeXS $euiSizeXS 0;
-}
+  .osdDocTable__bar {
+    margin: $euiSizeXS $euiSizeXS 0;
+  }
 
-.osdDocTable__bar--footer {
-  position: relative;
-  margin: -($euiSize * 3) $euiSizeXS 0;
-}
+  .osdDocTable__bar--footer {
+    position: relative;
+    margin: -($euiSize * 3) $euiSizeXS 0;
+  }
 
-.osdDocTable__padBottom {
-  padding-bottom: $euiSizeXL;
-}
+  .osdDocTable__padBottom {
+    padding-bottom: $euiSizeXL;
+  }
 
-.osdDocTable__error {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  flex: 1 0 100%;
-  text-align: center;
-}
+  .osdDocTable__error {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    flex: 1 0 100%;
+    text-align: center;
+  }
 
-.truncate-by-height {
-  overflow: hidden;
-}
+  .truncate-by-height {
+    overflow: hidden;
+  }
 
-.table {
-  // Nesting
   .table {
-    background-color: $euiColorEmptyShade;
+    // Nesting
+    .table {
+      background-color: $euiColorEmptyShade;
+    }
   }
-}
 
-.osd-table {
-  // sub tables should not have a leading border
-  .table .table {
-    margin-bottom: 0;
+  .osd-table {
+    // sub tables should not have a leading border
+    .table .table {
+      margin-bottom: 0;
 
-    tr:first-child > td {
-      border-top: none;
-    }
+      tr:first-child > td {
+        border-top: none;
+      }
 
-    td.field-name {
-      font-weight: $euiFontWeightBold;
+      td.field-name {
+        font-weight: $euiFontWeightBold;
+      }
     }
-  }
 
-  th {
-    text-align: left;
-    font-weight: bold;
+    th {
+      text-align: left;
+      font-weight: bold;
+    }
   }
-}
 
-table {
-  th {
-    i.fa-sort {
-      color: $euiColorLightShade;
-    }
+  table {
+    th {
+      i.fa-sort {
+        color: $euiColorLightShade;
+      }
 
-    button.fa-sort-asc,
-    button.fa-sort-down,
-    i.fa-sort-asc,
-    i.fa-sort-down {
-      color: $euiColorPrimary;
-    }
+      button.fa-sort-asc,
+      button.fa-sort-down,
+      i.fa-sort-asc,
+      i.fa-sort-down {
+        color: $euiColorPrimary;
+      }
 
-    button.fa-sort-desc,
-    button.fa-sort-up,
-    i.fa-sort-desc,
-    i.fa-sort-up {
-      color: $euiColorPrimary;
+      button.fa-sort-desc,
+      button.fa-sort-up,
+      i.fa-sort-desc,
+      i.fa-sort-up {
+        color: $euiColorPrimary;
+      }
     }
   }
-}
 
-/* ------------- table cell ---------- */
-.osdDocTableCell__dataField {
-  white-space: pre-wrap;
-}
+  /* ------------- table cell ---------- */
+  .osdDocTableCell__dataField {
+    white-space: pre-wrap;
+  }
 
-.osdDocTableCell__toggleDetails {
-  padding: 4px 0 0 0!important;
-}
+  .osdDocTableCell__toggleDetails {
+    padding: 4px 0 0 0!important;
+  }
 
-.osdDocTableCell__filter {
-  position: absolute;
-  white-space: nowrap;
-  right: 0;
-}
+  .osdDocTableCell__filter {
+    position: absolute;
+    white-space: nowrap;
+    right: 0;
+  }
 
-/**
- * 1. Align icon with text in cell.
- * 2. Use opacity to make this element accessible to screen readers and keyboard.
- * 3. Show on focus to enable keyboard accessibility.
- */
+  /**
+  * 1. Align icon with text in cell.
+  * 2. Use opacity to make this element accessible to screen readers and keyboard.
+  * 3. Show on focus to enable keyboard accessibility.
+  */
 
-.osdDocTableRowFilterButton {
-  appearance: none;
-  background-color: $euiColorEmptyShade;
-  border: none;
-  padding: 0 $euiSizeXS;
-  font-size: $euiFontSizeS;
-  line-height: 1; /* 1 */
-  display: inline-block;
-  opacity: 0; /* 2 */
+  .osdDocTableRowFilterButton {
+    appearance: none;
+    background-color: $euiColorEmptyShade;
+    border: none;
+    padding: 0 $euiSizeXS;
+    font-size: $euiFontSizeS;
+    line-height: 1; /* 1 */
+    display: inline-block;
+    opacity: 0; /* 2 */
 
-  &:focus {
-    opacity: 1; /* 3 */
+    &:focus {
+      opacity: 1; /* 3 */
+    }
   }
-}
 
-/* ------------- End of table cell ---------- */
+  /* ------------- End of table cell ---------- */
 
-/* ------------- Discover like style -------- */
-.dscAppWrapper {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 1;
-  overflow: hidden;
-}
+  /* ------------- Discover like style -------- */
+  .dscAppWrapper {
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    overflow: hidden;
+  }
 
-.dscAppContainer {
-  > * {
-    position: relative;
+  .dscAppContainer {
+    > * {
+      position: relative;
+    }
+  }
+  discover-app {
+    flex-grow: 1;
   }
-}
-discover-app {
-  flex-grow: 1;
-}
 
-.dscHistogram {
-  display: flex;
-  height: 200px;
-  padding: $euiSizeS;
-}
+  .dscHistogram {
+    display: flex;
+    height: 200px;
+    padding: $euiSizeS;
+  }
 
-// SASSTODO: replace the z-index value with a variable
-.dscWrapper {
-  padding-left: $euiSizeXL;
-  padding-right: $euiSizeS;
-  margin-top: $euiSizeM;
-  z-index: 1;
-  @include euiBreakpoint('xs', 's', 'm') {
-    padding-left: $euiSizeS;
+  // SASSTODO: replace the z-index value with a variable
+  .dscWrapper {
+    padding-left: $euiSizeXL;
+    padding-right: $euiSizeS;
+    margin-top: $euiSizeM;
+    z-index: 1;
+    @include euiBreakpoint('xs', 's', 'm') {
+      padding-left: $euiSizeS;
+    }
   }
-}
 
-@include euiPanel('.dscWrapper__content');
+  @include euiPanel('.dscWrapper__content');
 
-.dscWrapper__content {
-  padding-top: $euiSizeXS;
-  background-color: $euiColorEmptyShade;
+  .dscWrapper__content {
+    padding-top: $euiSizeXS;
+    background-color: $euiColorEmptyShade;
 
-  .osd-table {
-    margin-bottom: 0;
+    .osd-table {
+      margin-bottom: 0;
+    }
   }
-}
 
-.dscTimechart {
-  display: block;
-  position: relative;
+  .dscTimechart {
+    display: block;
+    position: relative;
 
-  // SASSTODO: the visualizing component should have an option or a modifier
-  .series > rect {
-    fill-opacity: 0.5;
-    stroke-width: 1;
+    // SASSTODO: the visualizing component should have an option or a modifier
+    .series > rect {
+      fill-opacity: 0.5;
+      stroke-width: 1;
+    }
   }
-}
-
-.dscResultCount {
-  padding-top: $euiSizeXS;
-}
 
-.dscTimechart__header {
-  display: flex;
-  justify-content: center;
-  min-height: $euiSizeXXL;
-  padding: $euiSizeXS 0;
-}
+  .dscResultCount {
+    padding-top: $euiSizeXS;
+  }
 
-.dscOverlay {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 20;
-  padding-top: $euiSizeM;
-
-  opacity: 0.75;
-  text-align: center;
-  background-color: transparent;
-}
+  .dscTimechart__header {
+    display: flex;
+    justify-content: center;
+    min-height: $euiSizeXXL;
+    padding: $euiSizeXS 0;
+  }
 
-.dscTable {
-  overflow: auto;
+  .dscOverlay {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    z-index: 20;
+    padding-top: $euiSizeM;
 
-  // SASSTODO: add a monospace modifier to the doc-table component
-  .osdDocTable__row {
-    font-family: $euiCodeFontFamily;
-    font-size: $euiFontSizeXS;
+    opacity: 0.75;
+    text-align: center;
+    background-color: transparent;
   }
-}
 
-// SASSTODO: replace the padding value with a variable
-.dscTable__footer {
-  background-color: $euiColorLightShade;
-  padding: 5px 10px;
-  text-align: center;
-}
+  .dscTable {
+    overflow: auto;
+
+    // SASSTODO: add a monospace modifier to the doc-table component
+    .osdDocTable__row {
+      font-family: $euiCodeFontFamily;
+      font-size: $euiFontSizeXS;
+    }
+  }
 
-.dscResults {
-  h3 {
-    margin: -20px 0 10px 0;
+  // SASSTODO: replace the padding value with a variable
+  .dscTable__footer {
+    background-color: $euiColorLightShade;
+    padding: 5px 10px;
     text-align: center;
   }
-}
 
-.dscResults__interval {
-  display: inline-block;
-  width: auto;
-}
+  .dscResults {
+    h3 {
+      margin: -20px 0 10px 0;
+      text-align: center;
+    }
+  }
 
-.dscSkipButton {
-  position: absolute;
-  right: $euiSizeM;
-  top: $euiSizeXS;
-}
+  .dscResults__interval {
+    display: inline-block;
+    width: auto;
+  }
 
-.dscTableFixedScroll {
-  overflow-x: auto;
-  padding-bottom: 0;
+  .dscSkipButton {
+    position: absolute;
+    right: $euiSizeM;
+    top: $euiSizeXS;
+  }
 
-  + .dscTableFixedScroll__scroller {
-    position: fixed;
-    bottom: 0;
+  .dscTableFixedScroll {
     overflow-x: auto;
-    overflow-y: hidden;
+    padding-bottom: 0;
+
+    + .dscTableFixedScroll__scroller {
+      position: fixed;
+      bottom: 0;
+      overflow-x: auto;
+      overflow-y: hidden;
+    }
   }
-}
 
-.dscCollapsibleSidebar {
-  position: relative;
-  z-index: 1;
+  .dscCollapsibleSidebar {
+    position: relative;
+    z-index: 1;
 
-  .dscCollapsibleSidebar__collapseButton {
-    position: absolute;
-    top: 0;
-    right: -$euiSizeXL + 4;
-    cursor: pointer;
-    z-index: -1;
-    min-height: $euiSizeM;
-    min-width: $euiSizeM;
-    padding: $euiSizeXS * .5;
-  }
-
-  &.closed {
-    width: 0 !important;
-    border-right-width: 0;
-    border-left-width: 0;
     .dscCollapsibleSidebar__collapseButton {
-      right: -$euiSizeL + 4;
+      position: absolute;
+      top: 0;
+      right: -$euiSizeXL + 4;
+      cursor: pointer;
+      z-index: -1;
+      min-height: $euiSizeM;
+      min-width: $euiSizeM;
+      padding: $euiSizeXS * .5;
     }
-  }
-}
 
-@include euiBreakpoint('xs', 's', 'm') {
-  .dscCollapsibleSidebar {
     &.closed {
-      display: none;
+      width: 0 !important;
+      border-right-width: 0;
+      border-left-width: 0;
+      .dscCollapsibleSidebar__collapseButton {
+        right: -$euiSizeL + 4;
+      }
     }
+  }
 
-    .dscCollapsibleSidebar__collapseButton {
-      display: none;
+  @include euiBreakpoint('xs', 's', 'm') {
+    .dscCollapsibleSidebar {
+      &.closed {
+        display: none;
+      }
+
+      .dscCollapsibleSidebar__collapseButton {
+        display: none;
+      }
     }
   }
-}
 
-/* ------------- Detail table cell -------- */
-/**
- * 1. Visually align the actions with the tabs. We can improve this by using flexbox instead, at a later point.
- */
- .osdDocTableDetails__actions {
-  float: right;
-  padding-top: $euiSizeS; /* 1 */
-}
+  /* ------------- Detail table cell -------- */
+  /**
+  * 1. Visually align the actions with the tabs. We can improve this by using flexbox instead, at a later point.
+  */
+  .osdDocTableDetails__actions {
+    float: right;
+    padding-top: $euiSizeS; /* 1 */
+  }
 
-// Overwrite the border on the bootstrap table
-.osdDocTableDetails__row {
+  // Overwrite the border on the bootstrap table
+  .osdDocTableDetails__row {
 
-  > td {
-    // Offsets negative margins from an inner flex group
-    padding: $euiSizeL !important;
+    > td {
+      // Offsets negative margins from an inner flex group
+      padding: $euiSizeL !important;
 
-    tr:hover td {
-      background: tintOrShade($euiColorLightestShade, 50%, 20%);
+      tr:hover td {
+        background: tintOrShade($euiColorLightestShade, 50%, 20%);
+      }
     }
-  }
 
-  td {
-    border-top: none !important;
+    td {
+      border-top: none !important;
+    }
   }
-}
 
-/* ------------- open -------- */
-.osdDocTableOpen__button {
-  appearance: none;
-  background-color: transparent;
-  padding: 0;
-  border: none;
-  width: 14px; /* 1 */
-  height: 14px;
-}
-
-/* ------------- table header -------- */
-.osdDocTableHeader {
-  white-space: nowrap;
-}
-.osdDocTableHeader button {
-  margin-left: $euiSizeXS;
-}
-.osdDocTableHeader__move,
-.osdDocTableHeader__sortChange {
-  opacity: 0;
-  th:hover &,
-  &:focus {
-    opacity: 1;
+  /* ------------- open -------- */
+  .osdDocTableOpen__button {
+    appearance: none;
+    background-color: transparent;
+    padding: 0;
+    border: none;
+    width: 14px; /* 1 */
+    height: 14px;
   }
-}
-
-/* ------------- doc_viewer -------- */
-.osdDocViewerTable {
-  margin-top: $euiSizeS;
-}
 
-.osdDocViewer {
-  pre,
-  .osdDocViewer__value {
-    display: inline-block;
-    word-break: break-all;
-    word-wrap: break-word;
-    white-space: pre-wrap;
-    color: $euiColorFullShade;
-    vertical-align: top;
-    padding-top: 2px;
+  /* ------------- table header -------- */
+  .osdDocTableHeader {
+    white-space: nowrap;
   }
-  .osdDocViewer__field {
-    padding-top: 8px;
+  .osdDocTableHeader button {
+    margin-left: $euiSizeXS;
   }
-
-  .dscFieldName {
-    color: $euiColorDarkShade;
+  .osdDocTableHeader__move,
+  .osdDocTableHeader__sortChange {
+    opacity: 0;
+    th:hover &,
+    &:focus {
+      opacity: 1;
+    }
   }
 
-  td,
-  pre {
-    font-family: $euiCodeFontFamily;
+  /* ------------- doc_viewer -------- */
+  .osdDocViewerTable {
+    margin-top: $euiSizeS;
   }
 
-  tr:first-child td {
-    border-top-color: transparent;
-  }
+  .osdDocViewer {
+    pre,
+    .osdDocViewer__value {
+      display: inline-block;
+      word-break: break-all;
+      word-wrap: break-word;
+      white-space: pre-wrap;
+      color: $euiColorFullShade;
+      vertical-align: top;
+      padding-top: 2px;
+    }
+    .osdDocViewer__field {
+      padding-top: 8px;
+    }
 
-  tr:hover {
-    .osdDocViewer__actionButton {
-      opacity: 1;
+    .dscFieldName {
+      color: $euiColorDarkShade;
+    }
+
+    td,
+    pre {
+      font-family: $euiCodeFontFamily;
+    }
+
+    tr:first-child td {
+      border-top-color: transparent;
+    }
+
+    tr:hover {
+      .osdDocViewer__actionButton {
+        opacity: 1;
+      }
     }
   }
-}
 
-.osdDocViewer__buttons,
-.osdDocViewer__field {
-  white-space: nowrap;
-}
-.osdDocViewer__buttons {
-  width: 60px;
+  .osdDocViewer__buttons,
+  .osdDocViewer__field {
+    white-space: nowrap;
+  }
+  .osdDocViewer__buttons {
+    width: 60px;
 
-  // Show all icons if one is focused,
-  // IE doesn't support, but the fallback is just the focused button becomes visible
-  &:focus-within {
-    .osdDocViewer__actionButton {
-      opacity: 1;
+    // Show all icons if one is focused,
+    // IE doesn't support, but the fallback is just the focused button becomes visible
+    &:focus-within {
+      .osdDocViewer__actionButton {
+        opacity: 1;
+      }
     }
   }
-}
 
-.osdDocViewer__field {
-  width: 160px;
-}
+  .osdDocViewer__field {
+    width: 160px;
+  }
 
-.osdDocViewer__actionButton {
-  opacity: 0;
+  .osdDocViewer__actionButton {
+    opacity: 0;
 
-  &:focus {
-    opacity: 1;
+    &:focus {
+      opacity: 1;
+    }
   }
-}
 
-.osdDocViewer__warning {
-  margin-right: $euiSizeS;
+  .osdDocViewer__warning {
+    margin-right: $euiSizeS;
+  }
 }
-
diff --git a/public/components/event_analytics/explorer/explorer.tsx b/public/components/event_analytics/explorer/explorer.tsx
index 9bd371ecd0..379663cf29 100644
--- a/public/components/event_analytics/explorer/explorer.tsx
+++ b/public/components/event_analytics/explorer/explorer.tsx
@@ -1264,7 +1264,9 @@ export const Explorer = ({
       }}
     >
       <div
-        className={`dscAppContainer${uiSettingsService.get('theme:darkMode') && ' explorer-dark'}`}
+        className={`obsExplorer dscAppContainer${
+          uiSettingsService.get('theme:darkMode') && ' explorer-dark'
+        }`}
       >
         <Search
           key="search-component"
diff --git a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_input.test.tsx.snap b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_input.test.tsx.snap
index 813c41868f..a328c3d42b 100644
--- a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_input.test.tsx.snap
+++ b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_input.test.tsx.snap
@@ -2,10 +2,10 @@
 
 exports[`<para_input /> spec renders the markdown component 1`] = `
 <div
-  class="sc-gKXOVf fPkmRS"
+  class="sc-gLDzan gebGCr"
 >
   <div
-    class="sc-bczRLJ hRTESd"
+    class="sc-beqWaB CSaoA"
   />
   <div
     style="width: 100%;"
@@ -52,10 +52,10 @@ exports[`<para_input /> spec renders the markdown component 1`] = `
 
 exports[`<para_input /> spec renders the visualization component 1`] = `
 <div
-  class="sc-gKXOVf fPkmRS"
+  class="sc-gLDzan gebGCr"
 >
   <div
-    class="sc-bczRLJ hRTESd"
+    class="sc-beqWaB CSaoA"
   />
   <div
     class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsFlexEnd euiFlexGroup--directionRow euiFlexGroup--responsive"
diff --git a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
index 0828c3f4c9..a56281a104 100644
--- a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
+++ b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/para_output.test.tsx.snap
@@ -19,7 +19,7 @@ exports[`<ParaOutput /> spec renders other types of outputs 1`] = `
   class="euiText euiText--medium"
 >
   <div
-    class="sc-crXcEl gqVnJo"
+    class="sc-csCMJt hFpeNP"
   />
 </div>
 `;
diff --git a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
index ce102f0b7d..0fb4568101 100644
--- a/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
+++ b/public/components/notebooks/components/paragraph_components/__tests__/__snapshots__/paragraphs.test.tsx.snap
@@ -79,10 +79,10 @@ exports[`<Paragraphs /> spec renders the component 1`] = `
         class="euiFormRow__fieldWrapper"
       >
         <div
-          class="sc-gKXOVf fPkmRS"
+          class="sc-gLDzan gebGCr"
         >
           <div
-            class="sc-bczRLJ hRTESd"
+            class="sc-beqWaB CSaoA"
           />
           <div
             style="width: 100%;"
diff --git a/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap b/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
deleted file mode 100644
index 143b45efce..0000000000
--- a/public/components/visualizations/charts/__tests__/__snapshots__/logs_view.test.tsx.snap
+++ /dev/null
@@ -1,2163 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Logs View component Renders logs view component 1`] = `
-<LogsView
-  config={Object {}}
-  layout={
-    Object {
-      "colorway": Array [
-        "#8C55A3",
-      ],
-      "height": 220,
-      "margin": Object {
-        "b": 15,
-        "l": 60,
-        "pad": 0,
-        "r": 10,
-        "t": 30,
-      },
-      "showlegend": true,
-    }
-  }
-  visualizations={
-    Object {
-      "data": Object {
-        "appData": Object {
-          "fromApp": false,
-        },
-        "defaultAxes": Object {},
-        "explorer": Object {
-          "explorerData": Object {
-            "jsonData": Array [
-              Object {
-                "double_per_ip_bytes": 11606,
-                "host": "artifacts.opensearch.org",
-                "ip_count": 176,
-                "per_ip_bytes": 5803,
-                "resp_code": "404",
-                "sum_bytes": 1021420,
-              },
-              Object {
-                "double_per_ip_bytes": 10100,
-                "host": "www.opensearch.org",
-                "ip_count": 111,
-                "per_ip_bytes": 5050,
-                "resp_code": "404",
-                "sum_bytes": 560638,
-              },
-              Object {
-                "double_per_ip_bytes": 0,
-                "host": "artifacts.opensearch.org",
-                "ip_count": 94,
-                "per_ip_bytes": 0,
-                "resp_code": "503",
-                "sum_bytes": 0,
-              },
-              Object {
-                "double_per_ip_bytes": 0,
-                "host": "www.opensearch.org",
-                "ip_count": 78,
-                "per_ip_bytes": 0,
-                "resp_code": "503",
-                "sum_bytes": 0,
-              },
-              Object {
-                "double_per_ip_bytes": 11526,
-                "host": "cdn.opensearch-opensearch-opensearch.org",
-                "ip_count": 43,
-                "per_ip_bytes": 5763,
-                "resp_code": "404",
-                "sum_bytes": 247840,
-              },
-              Object {
-                "double_per_ip_bytes": 0,
-                "host": "cdn.opensearch-opensearch-opensearch.org",
-                "ip_count": 34,
-                "per_ip_bytes": 0,
-                "resp_code": "503",
-                "sum_bytes": 0,
-              },
-              Object {
-                "double_per_ip_bytes": 8882,
-                "host": "opensearch-opensearch-opensearch.org",
-                "ip_count": 13,
-                "per_ip_bytes": 4441,
-                "resp_code": "404",
-                "sum_bytes": 57735,
-              },
-              Object {
-                "double_per_ip_bytes": 0,
-                "host": "opensearch-opensearch-opensearch.org",
-                "ip_count": 6,
-                "per_ip_bytes": 0,
-                "resp_code": "503",
-                "sum_bytes": 0,
-              },
-            ],
-            "schema": Array [
-              Object {
-                "name": "agent",
-                "type": "string",
-              },
-              Object {
-                "name": "bytes",
-                "type": "long",
-              },
-              Object {
-                "name": "clientip",
-                "type": "ip",
-              },
-              Object {
-                "name": "event",
-                "type": "struct",
-              },
-              Object {
-                "name": "extension",
-                "type": "string",
-              },
-              Object {
-                "name": "geo",
-                "type": "struct",
-              },
-              Object {
-                "name": "host",
-                "type": "string",
-              },
-              Object {
-                "name": "index",
-                "type": "string",
-              },
-              Object {
-                "name": "ip",
-                "type": "ip",
-              },
-              Object {
-                "name": "machine",
-                "type": "struct",
-              },
-              Object {
-                "name": "memory",
-                "type": "double",
-              },
-              Object {
-                "name": "message",
-                "type": "string",
-              },
-              Object {
-                "name": "phpmemory",
-                "type": "long",
-              },
-              Object {
-                "name": "referer",
-                "type": "string",
-              },
-              Object {
-                "name": "request",
-                "type": "string",
-              },
-              Object {
-                "name": "response",
-                "type": "string",
-              },
-              Object {
-                "name": "tags",
-                "type": "string",
-              },
-              Object {
-                "name": "timestamp",
-                "type": "timestamp",
-              },
-              Object {
-                "name": "url",
-                "type": "string",
-              },
-              Object {
-                "name": "utc_time",
-                "type": "timestamp",
-              },
-            ],
-          },
-        },
-        "indexFields": Object {
-          "availableFields": Array [
-            Object {
-              "name": "agent",
-              "type": "string",
-            },
-            Object {
-              "name": "bytes",
-              "type": "long",
-            },
-            Object {
-              "name": "clientip",
-              "type": "ip",
-            },
-            Object {
-              "name": "event",
-              "type": "struct",
-            },
-            Object {
-              "name": "extension",
-              "type": "string",
-            },
-            Object {
-              "name": "geo",
-              "type": "struct",
-            },
-            Object {
-              "name": "host",
-              "type": "string",
-            },
-            Object {
-              "name": "index",
-              "type": "string",
-            },
-            Object {
-              "name": "ip",
-              "type": "ip",
-            },
-            Object {
-              "name": "machine",
-              "type": "struct",
-            },
-            Object {
-              "name": "memory",
-              "type": "double",
-            },
-            Object {
-              "name": "message",
-              "type": "string",
-            },
-            Object {
-              "name": "phpmemory",
-              "type": "long",
-            },
-            Object {
-              "name": "referer",
-              "type": "string",
-            },
-            Object {
-              "name": "request",
-              "type": "string",
-            },
-            Object {
-              "name": "response",
-              "type": "string",
-            },
-            Object {
-              "name": "tags",
-              "type": "string",
-            },
-            Object {
-              "name": "timestamp",
-              "type": "timestamp",
-            },
-            Object {
-              "name": "url",
-              "type": "string",
-            },
-            Object {
-              "name": "utc_time",
-              "type": "timestamp",
-            },
-          ],
-          "queriedFields": Array [
-            Object {
-              "name": "double_per_ip_bytes",
-              "type": "long",
-            },
-            Object {
-              "name": "host",
-              "type": "text",
-            },
-            Object {
-              "name": "ip_count",
-              "type": "integer",
-            },
-            Object {
-              "name": "per_ip_bytes",
-              "type": "long",
-            },
-            Object {
-              "name": "resp_code",
-              "type": "text",
-            },
-            Object {
-              "name": "sum_bytes",
-              "type": "long",
-            },
-          ],
-          "selectedFields": Array [],
-          "unselectedFields": Array [],
-        },
-        "query": Object {},
-        "rawVizData": Object {
-          "data": Object {
-            "count()": Array [
-              154,
-              1753,
-              116,
-              468,
-              1964,
-              219,
-            ],
-            "tags": Array [
-              "error",
-              "info",
-              "login",
-              "security",
-              "success",
-              "warning",
-            ],
-          },
-          "jsonData": Array [
-            Object {
-              "count()": 154,
-              "tags": "error",
-            },
-            Object {
-              "count()": 1753,
-              "tags": "info",
-            },
-            Object {
-              "count()": 116,
-              "tags": "login",
-            },
-            Object {
-              "count()": 468,
-              "tags": "security",
-            },
-            Object {
-              "count()": 1964,
-              "tags": "success",
-            },
-            Object {
-              "count()": 219,
-              "tags": "warning",
-            },
-          ],
-          "metadata": Object {
-            "fields": Array [
-              Object {
-                "name": "count()",
-                "type": "integer",
-              },
-              Object {
-                "name": "tags",
-                "type": "text",
-              },
-            ],
-            "size": 6,
-            "status": 200,
-          },
-        },
-        "userConfigs": Object {
-          "dataConfig": Object {
-            "valueOptions": Object {
-              "dimensions": Array [
-                Object {
-                  "label": "tags",
-                  "name": "tags",
-                  "type": "text",
-                },
-              ],
-              "metrics": Array [
-                Object {
-                  "label": "count()",
-                  "name": "count()",
-                  "side": "left",
-                  "type": "integer",
-                },
-              ],
-            },
-          },
-        },
-      },
-      "vis": Object {
-        "barwidth": 0.97,
-        "category": "Visualizations",
-        "categoryaxis": "xaxis",
-        "component": [Function],
-        "editorconfig": Object {
-          "panelTabs": Array [
-            Object {
-              "editor": [Function],
-              "id": "data-panel",
-              "mapTo": "dataConfig",
-              "name": "Style",
-              "sections": Array [
-                Object {
-                  "editor": [Function],
-                  "id": "tooltip_options",
-                  "mapTo": "tooltipOptions",
-                  "name": "Tooltip options",
-                  "schemas": Array [
-                    Object {
-                      "component": null,
-                      "mapTo": "tooltipMode",
-                      "name": "Tooltip mode",
-                      "props": Object {
-                        "defaultSelections": Array [
-                          Object {
-                            "id": "show",
-                            "name": "Show",
-                          },
-                        ],
-                        "options": Array [
-                          Object {
-                            "id": "show",
-                            "name": "Show",
-                          },
-                          Object {
-                            "id": "hidden",
-                            "name": "Hidden",
-                          },
-                        ],
-                      },
-                    },
-                    Object {
-                      "component": null,
-                      "mapTo": "tooltipText",
-                      "name": "Tooltip text",
-                      "props": Object {
-                        "defaultSelections": Array [
-                          Object {
-                            "id": "all",
-                            "name": "All",
-                          },
-                        ],
-                        "options": Array [
-                          Object {
-                            "id": "all",
-                            "name": "All",
-                          },
-                          Object {
-                            "id": "x",
-                            "name": "Dimension",
-                          },
-                          Object {
-                            "id": "y",
-                            "name": "Series",
-                          },
-                        ],
-                      },
-                    },
-                  ],
-                },
-                Object {
-                  "editor": [Function],
-                  "id": "legend",
-                  "mapTo": "legend",
-                  "name": "Legend",
-                  "schemas": Array [
-                    Object {
-                      "component": null,
-                      "mapTo": "showLegend",
-                      "name": "Show legend",
-                      "props": Object {
-                        "defaultSelections": Array [
-                          Object {
-                            "id": "show",
-                            "name": "Show",
-                          },
-                        ],
-                        "options": Array [
-                          Object {
-                            "id": "show",
-                            "name": "Show",
-                          },
-                          Object {
-                            "id": "hidden",
-                            "name": "Hidden",
-                          },
-                        ],
-                      },
-                    },
-                    Object {
-                      "component": null,
-                      "mapTo": "position",
-                      "name": "Position",
-                      "props": Object {
-                        "defaultSelections": Array [
-                          Object {
-                            "id": "v",
-                            "name": "Right",
-                          },
-                        ],
-                        "options": Array [
-                          Object {
-                            "id": "v",
-                            "name": "Right",
-                          },
-                          Object {
-                            "id": "h",
-                            "name": "Bottom",
-                          },
-                        ],
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "eleType": "input",
-                      "mapTo": "legendSize",
-                      "name": "Legend size",
-                      "title": "Legend size",
-                    },
-                  ],
-                },
-                Object {
-                  "editor": [Function],
-                  "id": "chart_styles",
-                  "mapTo": "chartStyles",
-                  "name": "Chart styles",
-                  "schemas": Array [
-                    Object {
-                      "component": [Function],
-                      "eleType": "buttons",
-                      "mapTo": "mode",
-                      "name": "Mode",
-                      "props": Object {
-                        "defaultSelections": Array [
-                          Object {
-                            "id": "group",
-                            "name": "Group",
-                          },
-                        ],
-                        "options": Array [
-                          Object {
-                            "id": "group",
-                            "name": "Group",
-                          },
-                          Object {
-                            "id": "stack",
-                            "name": "Stack",
-                          },
-                        ],
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "eleType": "input",
-                      "mapTo": "labelSize",
-                      "name": "Label size",
-                    },
-                    Object {
-                      "component": [Function],
-                      "defaultState": 0,
-                      "eleType": "slider",
-                      "mapTo": "rotateBarLabels",
-                      "name": "Rotate bar labels",
-                      "props": Object {
-                        "max": 90,
-                        "min": -90,
-                        "showTicks": true,
-                        "ticks": Array [
-                          Object {
-                            "label": "-90°",
-                            "value": -90,
-                          },
-                          Object {
-                            "label": "-45°",
-                            "value": -45,
-                          },
-                          Object {
-                            "label": "0°",
-                            "value": 0,
-                          },
-                          Object {
-                            "label": "45°",
-                            "value": 45,
-                          },
-                          Object {
-                            "label": "90°",
-                            "value": 90,
-                          },
-                        ],
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "defaultState": 0.7,
-                      "eleType": "slider",
-                      "mapTo": "groupWidth",
-                      "name": "Group width",
-                      "props": Object {
-                        "max": 1,
-                        "step": 0.01,
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "defaultState": 0.97,
-                      "eleType": "slider",
-                      "mapTo": "barWidth",
-                      "name": "Bar width",
-                      "props": Object {
-                        "max": 1,
-                        "step": 0.01,
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "defaultState": 0,
-                      "eleType": "slider",
-                      "mapTo": "lineWidth",
-                      "name": "Line width",
-                      "props": Object {
-                        "max": 10,
-                      },
-                    },
-                    Object {
-                      "component": [Function],
-                      "defaultState": 100,
-                      "eleType": "slider",
-                      "mapTo": "fillOpacity",
-                      "name": "Fill opacity",
-                      "props": Object {
-                        "max": 100,
-                      },
-                    },
-                  ],
-                },
-              ],
-            },
-            Object {
-              "editor": [Function],
-              "id": "availability-panel",
-              "mapTo": "availabilityConfig",
-              "name": "Availability",
-            },
-          ],
-        },
-        "fillopacity": 100,
-        "fulllabel": "Vertical bar",
-        "groupwidth": 0.7,
-        "icon": [Function],
-        "icontype": "visBarVerticalStacked",
-        "id": "bar",
-        "label": "Vertical bar",
-        "labelangle": 0,
-        "legendposition": "v",
-        "linewidth": 0,
-        "mode": "group",
-        "name": "bar",
-        "orientation": "v",
-        "selection": Object {
-          "dataLoss": "nothing",
-        },
-        "seriesaxis": "yaxis",
-        "showlegend": "show",
-        "type": "bar",
-        "visconfig": Object {
-          "config": Object {
-            "displaylogo": false,
-            "responsive": true,
-          },
-          "isUniColor": false,
-          "layout": Object {
-            "height": 1180,
-            "legend": Object {
-              "orientation": "v",
-              "traceorder": "normal",
-            },
-            "margin": Object {
-              "b": 30,
-              "l": 60,
-              "pad": 0,
-              "r": 30,
-              "t": 50,
-            },
-            "showlegend": true,
-          },
-        },
-      },
-    }
-  }
->
-  <div
-    className="logs-view-container"
-  >
-    <DataGrid
-      explorerFields={
-        Object {
-          "availableFields": Array [],
-          "queriedFields": undefined,
-          "selectedFields": Array [],
-          "unselectedFields": Array [],
-        }
-      }
-      rawQuery=""
-      rows={
-        Array [
-          Object {
-            "double_per_ip_bytes": 11606,
-            "host": "artifacts.opensearch.org",
-            "ip_count": 176,
-            "per_ip_bytes": 5803,
-            "resp_code": "404",
-            "sum_bytes": 1021420,
-          },
-          Object {
-            "double_per_ip_bytes": 10100,
-            "host": "www.opensearch.org",
-            "ip_count": 111,
-            "per_ip_bytes": 5050,
-            "resp_code": "404",
-            "sum_bytes": 560638,
-          },
-          Object {
-            "double_per_ip_bytes": 0,
-            "host": "artifacts.opensearch.org",
-            "ip_count": 94,
-            "per_ip_bytes": 0,
-            "resp_code": "503",
-            "sum_bytes": 0,
-          },
-          Object {
-            "double_per_ip_bytes": 0,
-            "host": "www.opensearch.org",
-            "ip_count": 78,
-            "per_ip_bytes": 0,
-            "resp_code": "503",
-            "sum_bytes": 0,
-          },
-          Object {
-            "double_per_ip_bytes": 11526,
-            "host": "cdn.opensearch-opensearch-opensearch.org",
-            "ip_count": 43,
-            "per_ip_bytes": 5763,
-            "resp_code": "404",
-            "sum_bytes": 247840,
-          },
-          Object {
-            "double_per_ip_bytes": 0,
-            "host": "cdn.opensearch-opensearch-opensearch.org",
-            "ip_count": 34,
-            "per_ip_bytes": 0,
-            "resp_code": "503",
-            "sum_bytes": 0,
-          },
-          Object {
-            "double_per_ip_bytes": 8882,
-            "host": "opensearch-opensearch-opensearch.org",
-            "ip_count": 13,
-            "per_ip_bytes": 4441,
-            "resp_code": "404",
-            "sum_bytes": 57735,
-          },
-          Object {
-            "double_per_ip_bytes": 0,
-            "host": "opensearch-opensearch-opensearch.org",
-            "ip_count": 6,
-            "per_ip_bytes": 0,
-            "resp_code": "503",
-            "sum_bytes": 0,
-          },
-        ]
-      }
-      rowsAll={Array []}
-      timeStampField=""
-    >
-      <div
-        className="dscTable dscTableFixedScroll"
-      >
-        <table
-          className="osd-table table"
-          data-test-subj="docTable"
-        >
-          <thead>
-            <tr
-              className="osdDocTableHeader"
-            >
-              <th
-                key="datagrid-header-4"
-              />
-              <th
-                key="datagrid-header-5"
-              >
-                Time
-              </th>
-              <th
-                key="datagrid-header-6"
-              >
-                _source
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 11606,
-                  "host": "artifacts.opensearch.org",
-                  "ip_count": 176,
-                  "per_ip_bytes": 5803,
-                  "resp_code": "404",
-                  "sum_bytes": 1021420,
-                }
-              }
-              docId="doc_view15"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view15"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-30"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-29"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc23"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              176
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc24"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              1021420
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc25"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              artifacts.opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc26"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              404
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc27"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              5803
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc28"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              11606
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 10100,
-                  "host": "www.opensearch.org",
-                  "ip_count": 111,
-                  "per_ip_bytes": 5050,
-                  "resp_code": "404",
-                  "sum_bytes": 560638,
-                }
-              }
-              docId="doc_view16"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view16"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-54"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-53"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc47"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              111
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc48"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              560638
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc49"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              www.opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc50"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              404
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc51"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              5050
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc52"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              10100
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 0,
-                  "host": "artifacts.opensearch.org",
-                  "ip_count": 94,
-                  "per_ip_bytes": 0,
-                  "resp_code": "503",
-                  "sum_bytes": 0,
-                }
-              }
-              docId="doc_view17"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view17"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-78"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-77"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc71"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              94
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc72"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc73"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              artifacts.opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc74"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              503
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc75"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc76"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 0,
-                  "host": "www.opensearch.org",
-                  "ip_count": 78,
-                  "per_ip_bytes": 0,
-                  "resp_code": "503",
-                  "sum_bytes": 0,
-                }
-              }
-              docId="doc_view18"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view18"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-102"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-101"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc95"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              78
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc96"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc97"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              www.opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc98"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              503
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc99"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc100"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 11526,
-                  "host": "cdn.opensearch-opensearch-opensearch.org",
-                  "ip_count": 43,
-                  "per_ip_bytes": 5763,
-                  "resp_code": "404",
-                  "sum_bytes": 247840,
-                }
-              }
-              docId="doc_view19"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view19"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-126"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-125"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc119"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              43
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc120"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              247840
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc121"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              cdn.opensearch-opensearch-opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc122"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              404
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc123"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              5763
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc124"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              11526
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 0,
-                  "host": "cdn.opensearch-opensearch-opensearch.org",
-                  "ip_count": 34,
-                  "per_ip_bytes": 0,
-                  "resp_code": "503",
-                  "sum_bytes": 0,
-                }
-              }
-              docId="doc_view20"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view20"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-150"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-149"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc143"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              34
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc144"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc145"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              cdn.opensearch-opensearch-opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc146"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              503
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc147"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc148"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 8882,
-                  "host": "opensearch-opensearch-opensearch.org",
-                  "ip_count": 13,
-                  "per_ip_bytes": 4441,
-                  "resp_code": "404",
-                  "sum_bytes": 57735,
-                }
-              }
-              docId="doc_view21"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view21"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-174"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-173"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc167"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              13
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc168"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              57735
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc169"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              opensearch-opensearch-opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc170"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              404
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc171"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              4441
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc172"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              8882
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-            <ForwardRef
-              doc={
-                Object {
-                  "double_per_ip_bytes": 0,
-                  "host": "opensearch-opensearch-opensearch.org",
-                  "ip_count": 6,
-                  "per_ip_bytes": 0,
-                  "resp_code": "503",
-                  "sum_bytes": 0,
-                }
-              }
-              docId="doc_view22"
-              explorerFields={
-                Object {
-                  "availableFields": Array [],
-                  "queriedFields": undefined,
-                  "selectedFields": Array [],
-                  "unselectedFields": Array [],
-                }
-              }
-              key="doc_view22"
-              onFlyoutOpen={[Function]}
-              rawQuery=""
-              selectedCols={Array []}
-              timeStampField=""
-            >
-              <tr
-                className="osdDocTable__row"
-              >
-                <td
-                  className="osdDocTableCell__toggleDetails"
-                  key="grid-td-198"
-                >
-                  <EuiButtonIcon
-                    className="euiButtonIcon euiButtonIcon--text"
-                    data-click-metric-element="event_analytics.events_view.toggle_details"
-                    iconType="arrowRight"
-                    onClick={[Function]}
-                  >
-                    <button
-                      className="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall euiButtonIcon euiButtonIcon--text"
-                      data-click-metric-element="event_analytics.events_view.toggle_details"
-                      disabled={false}
-                      onClick={[Function]}
-                      type="button"
-                    >
-                      <EuiIcon
-                        aria-hidden="true"
-                        className="euiButtonIcon__icon"
-                        color="inherit"
-                        size="m"
-                        type="arrowRight"
-                      >
-                        <EuiIconEmpty
-                          aria-hidden={true}
-                          className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                          focusable="false"
-                          role="img"
-                          style={null}
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </EuiIconEmpty>
-                      </EuiIcon>
-                    </button>
-                  </EuiButtonIcon>
-                </td>
-                <td
-                  className="osdDocTableCell__dataField eui-textBreakAll eui-textBreakWord"
-                  key="datagrid-cell-197"
-                >
-                  <div
-                    className="truncate-by-height"
-                  >
-                    <span>
-                      <dl
-                        className="source truncate-by-height"
-                      >
-                        <span
-                          key="grid-desc191"
-                        >
-                          <dt>
-                            ip_count
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              6
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc192"
-                        >
-                          <dt>
-                            sum_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc193"
-                        >
-                          <dt>
-                            host
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              opensearch-opensearch-opensearch.org
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc194"
-                        >
-                          <dt>
-                            resp_code
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              503
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc195"
-                        >
-                          <dt>
-                            per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                        <span
-                          key="grid-desc196"
-                        >
-                          <dt>
-                            double_per_ip_bytes
-                            :
-                          </dt>
-                          <dd>
-                            <span>
-                              0
-                            </span>
-                          </dd>
-                        </span>
-                      </dl>
-                    </span>
-                  </div>
-                </td>
-              </tr>
-            </ForwardRef>
-          </tbody>
-        </table>
-      </div>
-      <div />
-    </DataGrid>
-  </div>
-</LogsView>
-`;
diff --git a/public/components/visualizations/charts/__tests__/logs_view.test.tsx b/public/components/visualizations/charts/__tests__/logs_view.test.tsx
deleted file mode 100644
index e467d60556..0000000000
--- a/public/components/visualizations/charts/__tests__/logs_view.test.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { configure, mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-import React from 'react';
-import { waitFor } from '@testing-library/react';
-import { LogsView } from '../logs_view/logs_view';
-import {
-  LAYOUT_CONFIG,
-  TEST_VISUALIZATIONS_DATA,
-} from '../../../../../test/event_analytics_constants';
-
-describe('Logs View component', () => {
-  configure({ adapter: new Adapter() });
-
-  it('Renders logs view component', async () => {
-    const wrapper = mount(
-      <LogsView visualizations={TEST_VISUALIZATIONS_DATA} layout={LAYOUT_CONFIG} config={{}} />
-    );
-
-    wrapper.update();
-
-    await waitFor(() => {
-      expect(wrapper).toMatchSnapshot();
-    });
-  });
-});
diff --git a/public/components/visualizations/charts/logs_view/logs_view.scss b/public/components/visualizations/charts/logs_view/logs_view.scss
deleted file mode 100644
index 013f0d307d..0000000000
--- a/public/components/visualizations/charts/logs_view/logs_view.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-table {
-  border-collapse: collapse;
-  width: 100%;
-}
-
-th,
-td {
-  text-align: left;
-}
-
-tr:hover {
-  background-color: #ddd;
-}
-
-.logs-view-container {
-  font-size: 16px;
-}
diff --git a/public/components/visualizations/charts/logs_view/logs_view.tsx b/public/components/visualizations/charts/logs_view/logs_view.tsx
deleted file mode 100644
index 0e8e88f4c7..0000000000
--- a/public/components/visualizations/charts/logs_view/logs_view.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-import React from 'react';
-import { IExplorerFields } from '../../../../../common/types/explorer';
-import { RAW_QUERY, SELECTED_TIMESTAMP } from '../../../../../common/constants/explorer';
-import { DataGrid } from '../../../../components/event_analytics/explorer/events_views/data_grid';
-import './logs_view.scss';
-
-export const LogsView = ({ visualizations }: any) => {
-  const explorer = visualizations?.data?.explorer;
-
-  const http = explorer?.http;
-  const pplService = explorer?.pplService;
-  const explorerData = explorer?.explorerData;
-  const explorerFields = explorer?.explorerFields;
-  const query = explorer?.query;
-
-  const emptyExplorerFields: IExplorerFields = {
-    availableFields: [],
-    queriedFields: explorerFields,
-    selectedFields: [],
-    unselectedFields: [],
-  };
-
-  return (
-    <div className="logs-view-container">
-      <DataGrid
-        http={http}
-        pplService={pplService}
-        rows={explorerData?.jsonData !== undefined ? explorerData.jsonData : []}
-        rowsAll={explorerData?.jsonDataAll !== undefined ? explorerData.jsonDataAll : []}
-        explorerFields={query !== undefined ? explorerFields : emptyExplorerFields}
-        timeStampField={query?.[SELECTED_TIMESTAMP] !== undefined ? query[SELECTED_TIMESTAMP] : ''}
-        rawQuery={query?.[RAW_QUERY] !== undefined ? query[RAW_QUERY] : ''}
-      />
-    </div>
-  );
-};
diff --git a/public/components/visualizations/charts/logs_view/logs_view_type.ts b/public/components/visualizations/charts/logs_view/logs_view_type.ts
deleted file mode 100644
index a4ecad4b80..0000000000
--- a/public/components/visualizations/charts/logs_view/logs_view_type.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { LogsView } from './logs_view';
-import { getPlotlyCategory, getPlotlySharedConfigs } from '../shared/shared_configs';
-import { LensIconChartDatatable } from '../../assets/chart_datatable';
-import { VizDataPanel } from '../../../event_analytics/explorer/visualizations/config_panel/config_panes/default_vis_editor';
-import { PLOTLY_COLOR } from '../../../../../common/constants/shared';
-
-const sharedConfigs = getPlotlySharedConfigs();
-const VIS_CATEGORY = getPlotlyCategory();
-
-export const createLogsViewTypeDefinition = (params: any = {}) => ({
-  name: 'logs_view',
-  type: 'logs_view',
-  id: 'logs_view',
-  label: 'Logs view',
-  fulllabel: 'Logs view',
-  icontype: 'visTable',
-  category: VIS_CATEGORY.BASICS,
-  selection: {
-    dataLoss: 'nothing',
-  },
-  icon: LensIconChartDatatable,
-  categoryaxis: 'xaxis',
-  seriesaxis: 'yaxis',
-  editorconfig: {
-    panelTabs: [
-      {
-        id: 'data-panel',
-        name: 'Style',
-        mapTo: 'dataConfig',
-        editor: VizDataPanel,
-        sections: [],
-      },
-    ],
-  },
-  visconfig: {
-    layout: {
-      ...sharedConfigs.layout,
-      colorway: PLOTLY_COLOR,
-      plot_bgcolor: 'rgba(0, 0, 0, 0)',
-      paper_bgcolor: 'rgba(0, 0, 0, 0)',
-      xaxis: {
-        fixedrange: true,
-        showgrid: false,
-        visible: true,
-      },
-      yaxis: {
-        fixedrange: true,
-        showgrid: false,
-        visible: true,
-      },
-    },
-    config: {
-      ...sharedConfigs.config,
-      barmode: 'line',
-      xaxis: {
-        automargin: true,
-      },
-      yaxis: {
-        automargin: true,
-      },
-    },
-  },
-  component: LogsView,
-});
diff --git a/public/components/visualizations/charts/vis_types.ts b/public/components/visualizations/charts/vis_types.ts
index 2c761f2bd6..f6858519b1 100644
--- a/public/components/visualizations/charts/vis_types.ts
+++ b/public/components/visualizations/charts/vis_types.ts
@@ -13,7 +13,6 @@ import { createDatatableTypeDefinition } from './data_table/data_table_type';
 import { createGaugeTypeDefinition } from './financial/gauge/gauge_type';
 import { createTreeMapDefinition } from './maps/treemap_type';
 import { createTextTypeDefinition } from './text/text_type';
-import { createLogsViewTypeDefinition } from './logs_view/logs_view_type';
 import { createMetricsTypeDefinition } from './metrics/metrics_type';
 
 export const VIS_TYPES = {
@@ -29,7 +28,6 @@ export const VIS_TYPES = {
   tree_map: createTreeMapDefinition,
   text: createTextTypeDefinition,
   scatter: createLineTypeDefinition,
-  logs_view: createLogsViewTypeDefinition,
   metrics: createMetricsTypeDefinition,
 };