From 015cab872ddfdfff8f2461442f4899671fb3c27a Mon Sep 17 00:00:00 2001
From: sumukhswamy <sumukhhs@amazon.com>
Date: Tue, 24 Oct 2023 21:12:52 -0700
Subject: [PATCH] UI fixes for loading state, empty tree, added toast for
 error, fixed no indicies error (#176)

* sample query button

Signed-off-by: Paul Sebastian <paulstn@amazon.com>

* added toasts for failure cases

Signed-off-by: Paul Sebastian <paulstn@amazon.com>

* added changes for error loading message, fixed initial loading screen, added badge for no indicies

Signed-off-by: sumukhswamy <sumukhhs@amazon.com>

* ui changes to curb sidebar

Signed-off-by: Paul Sebastian <paulstn@amazon.com>

* added fix for error from async query

Signed-off-by: sumukhswamy <sumukhhs@amazon.com>

* updated snapshots

Signed-off-by: Paul Sebastian <paulstn@amazon.com>

* added changes for for mocking toasts, changed table test

Signed-off-by: sumukhswamy <sumukhhs@amazon.com>

* pr requested changes

Signed-off-by: Paul Sebastian <paulstn@amazon.com>

* fix main.tsx tests

Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>

---------

Signed-off-by: Paul Sebastian <paulstn@amazon.com>
Signed-off-by: sumukhswamy <sumukhhs@amazon.com>
Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>
Co-authored-by: Paul Sebastian <paulstn@amazon.com>
Co-authored-by: Shenoy Pratik <sgguruda@amazon.com>
---
 common/constants/index.ts                     |    3 +
 common/toast/index.tsx                        |   37 +
 common/utils/async_query_helpers.ts           |    5 +-
 .../Main/__snapshots__/main.test.tsx.snap     | 9036 +++++++++++++----
 public/components/Main/main.test.tsx          |   28 +-
 public/components/Main/main.tsx               |   54 +-
 public/components/PPLPage/PPLPage.tsx         |   32 +-
 .../__snapshots__/PPLPage.test.tsx.snap       |    4 +-
 public/components/SQLPage/SQLPage.tsx         |   36 +-
 .../__snapshots__/table_view.test.tsx.snap    | 1020 --
 .../__snapshots__/table_view.test.tsx.snap    | 1039 ++
 .../{ => __tests__}/table_view.test.tsx       |   20 +-
 public/components/SQLPage/table_view.tsx      |  202 +-
 public/framework/core_refs.ts                 |   27 +
 public/plugin.ts                              |    8 +
 test/mocks/coreMocks.ts                       |   19 +
 test/mocks/mockData.ts                        | 4063 ++++----
 test/setup.jest.ts                            |   37 +-
 18 files changed, 10165 insertions(+), 5505 deletions(-)
 create mode 100644 common/toast/index.tsx
 delete mode 100644 public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
 create mode 100644 public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
 rename public/components/SQLPage/{ => __tests__}/table_view.test.tsx (80%)
 create mode 100644 public/framework/core_refs.ts
 create mode 100644 test/mocks/coreMocks.ts

diff --git a/common/constants/index.ts b/common/constants/index.ts
index 6e88cb94..724aae24 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -95,3 +95,6 @@ export const POLL_INTERVAL_MS = 2000;
 export const ASYNC_QUERY_ENDPOINT = '/api/spark_sql_console';
 export const ASYNC_QUERY_JOB_ENDPOINT = ASYNC_QUERY_ENDPOINT + '/job/';
 export const ASYNC_QUERY_SESSION_ID = 'async-query-session-id';
+
+export const SAMPLE_PPL_QUERY = 'source = <datasource>.<database>.<table> | head 10';
+export const SAMPLE_SQL_QUERY = 'select * from <datasource>.<database>.<table> limit 10';
diff --git a/common/toast/index.tsx b/common/toast/index.tsx
new file mode 100644
index 00000000..d832ff1e
--- /dev/null
+++ b/common/toast/index.tsx
@@ -0,0 +1,37 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { ToastInputFields } from '../../../../src/core/public';
+import { coreRefs } from '../../public/framework/core_refs';
+
+type Color = 'success' | 'primary' | 'warning' | 'danger' | undefined;
+
+export const useToast = () => {
+  const toasts = coreRefs.toasts!;
+
+  const setToast = (title: string, color: Color = 'success', text?: string) => {
+    const newToast: ToastInputFields = {
+      id: new Date().toISOString(),
+      title,
+      text,
+    };
+    switch (color) {
+      case 'danger': {
+        toasts.addDanger(newToast);
+        break;
+      }
+      case 'warning': {
+        toasts.addWarning(newToast);
+        break;
+      }
+      default: {
+        toasts.addSuccess(newToast);
+        break;
+      }
+    }
+  };
+
+  return { setToast };
+};
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
index ca20fd79..1dad6116 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -50,7 +50,8 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
         callback({ status: status });
         setTimeout(() => pollQueryStatus(id, http, callback), POLL_INTERVAL_MS);
       } else if (status === 'failed') {
-        callback({ status: 'FAILED', results: [] });
+        const results = res.data.resp;
+        callback({ status: 'FAILED', error: results.error });
       } else if (status === 'success') {
         const results = _.get(res.data.resp, 'datarows');
         callback({ status: 'SUCCESS', results: results });
@@ -58,6 +59,6 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
     })
     .catch((err) => {
       console.error(err);
-      callback([]);
+      callback({ status: 'FAILED', error: 'Failed to fetch data' });
     });
 };
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 5627180f..c90809bc 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -193,2052 +193,1844 @@ exports[`<Main /> spec click clear button 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
         >
           <div
-            class="euiFlexItem"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
             >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
                 />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiEmptyPrompt"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--xxLarge euiIcon--danger"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M7.59 10.059 7.35 5.18h1.3L8.4 10.06h-.81Zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184ZM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2Zm0-1h12L8 2 2 13Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                    <div
-                      class="euiSpacer euiSpacer--m"
-                    />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </svg>
+            </button>
           </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
         </div>
-      </div>
-    </div>
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-        />
         <div
           class="euiSpacer euiSpacer--l"
         />
-        <div>
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiSpacer euiSpacer--s"
-            />
-            <div
-              class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <button
-                class="euiCodeEditorKeyboardHint"
-                data-test-subj="codeEditorHint"
-                id="some_html_id"
+              <div
+                class="euiText euiText--medium euiTreeView__wrapper"
               >
                 <p
-                  class="euiText"
-                >
-                  Press Enter to start editing.
-                </p>
-                <p
-                  class="euiText"
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
                 >
-                  When you're done, press Escape to stop editing.
+                  You can quickly navigate this list using arrow keys.
                 </p>
-              </button>
-              <div
-                class=" ace_editor ace-tm"
-                id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
-              >
-                <textarea
-                  aria-label="Code Editor"
-                  autocapitalize="off"
-                  autocorrect="off"
-                  class="ace_text-input"
-                  spellcheck="false"
-                  style="opacity: 0;"
-                  tabindex="-1"
-                  wrap="off"
-                />
-                <div
-                  aria-hidden="true"
-                  class="ace_gutter"
-                >
-                  <div
-                    class="ace_layer ace_gutter-layer ace_folding-enabled"
-                  />
-                  <div
-                    class="ace_gutter-active-line"
-                  />
-                </div>
-                <div
-                  class="ace_scroller"
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
                 >
-                  <div
-                    class="ace_content"
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <div
-                      class="ace_layer ace_print-margin-layer"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
                     >
-                      <div
-                        class="ace_print-margin"
-                        style="left: 4px; visibility: hidden;"
-                      />
-                    </div>
-                    <div
-                      class="ace_layer ace_marker-layer"
-                    />
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana_1
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_text-layer"
-                      style="padding: 0px 4px;"
+                      id="some_html_id"
                     />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_1"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-job-scheduler-lock
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_marker-layer"
+                      id="some_html_id"
                     />
-                    <div
-                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
-                    >
-                      <div
-                        class="ace_cursor"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-v"
-                  style="display: none; width: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="width: 20px;"
-                  />
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-h"
-                  style="display: none; height: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="height: 20px;"
-                  />
-                </div>
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-                >
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  />
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  >
-                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem"
-              >
-                <div
-                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
-                >
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_2"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Run
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-definitions
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_3"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Clear
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-instances
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_4"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Explain
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro_security
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div
-          class="sql-console-query-result"
-        >
-          <div
-            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
-          >
-            <div
-              style="padding: 20px 20px 0px 20px;"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem"
-                >
-                  <div
-                    class="euiText euiText--medium query-result-panel-header"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <h3>
-                      Results
-                    </h3>
-                  </div>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-            <div
-              class="euiText euiText--medium"
-            >
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <h4>
-                  No result
-                </h4>
-              </div>
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <p>
-                  Enter a query in the query editor above to see results.
-                </p>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Main /> spec click run button, and response causes an error 1`] = `
-<div>
-  <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-  >
-    <div
-      class="euiFlexItem"
-    >
-      <div
-        class="euiText euiText--medium"
-      >
-        Data Sources
-      </div>
-      <div
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="euiComboBox"
-        role="combobox"
-      >
-        <div
-          class="euiFormControlLayout"
-        >
-          <div
-            class="euiFormControlLayout__childrenWrapper"
-          >
-            <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
-              data-test-subj="comboBoxInput"
-              tabindex="-1"
-            >
-              <span
-                class="euiComboBoxPill euiComboBoxPill--plainText"
-              >
-                OpenSearch
-              </span>
-              <div
-                class="euiComboBox__input"
-                style="font-size: 14px; display: inline-block;"
-              >
-                <input
-                  aria-controls=""
-                  data-test-subj="comboBoxSearchInput"
-                  role="textbox"
-                  style="box-sizing: content-box; width: 2px;"
-                  value=""
-                />
-                <div
-                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                />
-              </div>
-            </div>
-            <div
-              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-            >
-              <button
-                aria-label="Open list of options"
-                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                data-test-subj="comboBoxToggleListButton"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                    fill-rule="non-zero"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <fieldset
-        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
-      >
-        <legend
-          class="euiScreenReaderOnly"
-        >
-          query-language-swtich
-        </legend>
-        <div
-          class="euiButtonGroup__buttons"
-        >
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="SQL"
-                title="SQL"
-              >
-                <input
-                  checked=""
-                  class="euiScreenReaderOnly"
-                  data-test-subj="SQL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                SQL
-              </span>
-            </span>
-          </label>
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="PPL"
-                title="PPL"
-              >
-                <input
-                  class="euiScreenReaderOnly"
-                  data-test-subj="PPL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                PPL
-              </span>
-            </span>
-          </label>
-        </div>
-      </fieldset>
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <a
-        class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        <span
-          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-            focusable="false"
-            height="16"
-            role="img"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-            />
-          </svg>
-          <span
-            class="euiButton__text"
-          >
-            SQL documentation
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-  <div
-    class="euiPage euiPage--grow"
-  >
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    >
-      <div
-        class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem"
-          >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiEmptyPrompt"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--xxLarge euiIcon--danger"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M7.59 10.059 7.35 5.18h1.3L8.4 10.06h-.81Zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184ZM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2Zm0-1h12L8 2 2 13Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
-                    <div
-                      class="euiSpacer euiSpacer--m"
-                    />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-        />
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div>
-          <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
-          >
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
-            <div
-              class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
-            >
-              <button
-                class="euiCodeEditorKeyboardHint"
-                data-test-subj="codeEditorHint"
-                id="some_html_id"
-              >
-                <p
-                  class="euiText"
-                >
-                  Press Enter to start editing.
-                </p>
-                <p
-                  class="euiText"
-                >
-                  When you're done, press Escape to stop editing.
-                </p>
-              </button>
-              <div
-                class=" ace_editor ace-tm"
-                id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
-              >
-                <textarea
-                  aria-label="Code Editor"
-                  autocapitalize="off"
-                  autocorrect="off"
-                  class="ace_text-input"
-                  spellcheck="false"
-                  style="opacity: 0;"
-                  tabindex="-1"
-                  wrap="off"
-                />
-                <div
-                  aria-hidden="true"
-                  class="ace_gutter"
-                >
-                  <div
-                    class="ace_layer ace_gutter-layer ace_folding-enabled"
-                  />
-                  <div
-                    class="ace_gutter-active-line"
-                  />
-                </div>
-                <div
-                  class="ace_scroller"
-                >
-                  <div
-                    class="ace_content"
-                  >
-                    <div
-                      class="ace_layer ace_print-margin-layer"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_5"
                     >
-                      <div
-                        class="ace_print-margin"
-                        style="left: 4px; visibility: hidden;"
-                      />
-                    </div>
-                    <div
-                      class="ace_layer ace_marker-layer"
-                    />
-                    <div
-                      class="ace_layer ace_text-layer"
-                      style="padding: 0px 4px;"
-                    />
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opensearch-observability
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_marker-layer"
+                      id="some_html_id"
                     />
-                    <div
-                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
-                    >
-                      <div
-                        class="ace_cursor"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-v"
-                  style="display: none; width: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="width: 20px;"
-                  />
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-h"
-                  style="display: none; height: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="height: 20px;"
-                  />
-                </div>
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-                >
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  />
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  >
-                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem"
-              >
-                <div
-                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
-                >
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_6"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Run
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .plugins-ml-config
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_7"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Clear
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .ql-datasources
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_8"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Explain
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-service-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div
-          class="sql-console-query-result"
-        >
-          <div
-            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
-          >
-            <div
-              style="padding: 20px 20px 0px 20px;"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem"
-                >
-                  <div
-                    class="euiText euiText--medium query-result-panel-header"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <h3>
-                      Results
-                    </h3>
-                  </div>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-            <div
-              class="euiText euiText--medium"
-            >
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <h4>
-                  No result
-                </h4>
-              </div>
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <p>
-                  Enter a query in the query editor above to see results.
-                </p>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Main /> spec click run button, and response is not ok 1`] = `
-<div>
-  <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-  >
-    <div
-      class="euiFlexItem"
-    >
-      <div
-        class="euiText euiText--medium"
-      >
-        Data Sources
-      </div>
-      <div
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="euiComboBox"
-        role="combobox"
-      >
-        <div
-          class="euiFormControlLayout"
-        >
-          <div
-            class="euiFormControlLayout__childrenWrapper"
-          >
-            <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
-              data-test-subj="comboBoxInput"
-              tabindex="-1"
-            >
-              <span
-                class="euiComboBoxPill euiComboBoxPill--plainText"
-              >
-                OpenSearch
-              </span>
-              <div
-                class="euiComboBox__input"
-                style="font-size: 14px; display: inline-block;"
-              >
-                <input
-                  aria-controls=""
-                  data-test-subj="comboBoxSearchInput"
-                  role="textbox"
-                  style="box-sizing: content-box; width: 2px;"
-                  value=""
-                />
-                <div
-                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                />
-              </div>
-            </div>
-            <div
-              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-            >
-              <button
-                aria-label="Open list of options"
-                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                data-test-subj="comboBoxToggleListButton"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                    fill-rule="non-zero"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <fieldset
-        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
-      >
-        <legend
-          class="euiScreenReaderOnly"
-        >
-          query-language-swtich
-        </legend>
-        <div
-          class="euiButtonGroup__buttons"
-        >
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="SQL"
-                title="SQL"
-              >
-                <input
-                  checked=""
-                  class="euiScreenReaderOnly"
-                  data-test-subj="SQL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                SQL
-              </span>
-            </span>
-          </label>
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="PPL"
-                title="PPL"
-              >
-                <input
-                  class="euiScreenReaderOnly"
-                  data-test-subj="PPL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                PPL
-              </span>
-            </span>
-          </label>
-        </div>
-      </fieldset>
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <a
-        class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        <span
-          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-            focusable="false"
-            height="16"
-            role="img"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-            />
-          </svg>
-          <span
-            class="euiButton__text"
-          >
-            SQL documentation
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-  <div
-    class="euiPage euiPage--grow"
-  >
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    >
-      <div
-        class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem"
-          >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiEmptyPrompt"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--xxLarge euiIcon--danger"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_9"
                     >
-                      <path
-                        d="M7.59 10.059 7.35 5.18h1.3L8.4 10.06h-.81Zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184ZM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2Zm0-1h12L8 2 2 13Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-span-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="euiSpacer euiSpacer--m"
+                      id="some_html_id"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-        />
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div>
-          <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
-          >
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
-            <div
-              class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
-            >
-              <button
-                class="euiCodeEditorKeyboardHint"
-                data-test-subj="codeEditorHint"
-                id="some_html_id"
-              >
-                <p
-                  class="euiText"
-                >
-                  Press Enter to start editing.
-                </p>
-                <p
-                  class="euiText"
-                >
-                  When you're done, press Escape to stop editing.
-                </p>
-              </button>
-              <div
-                class=" ace_editor ace-tm"
-                id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
-              >
-                <textarea
-                  aria-label="Code Editor"
-                  autocapitalize="off"
-                  autocorrect="off"
-                  class="ace_text-input"
-                  spellcheck="false"
-                  style="opacity: 0;"
-                  tabindex="-1"
-                  wrap="off"
-                />
-                <div
-                  aria-hidden="true"
-                  class="ace_gutter"
-                >
-                  <div
-                    class="ace_layer ace_gutter-layer ace_folding-enabled"
-                  />
-                  <div
-                    class="ace_gutter-active-line"
-                  />
-                </div>
-                <div
-                  class="ace_scroller"
-                >
-                  <div
-                    class="ace_content"
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <div
-                      class="ace_layer ace_print-margin-layer"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_10"
                     >
-                      <div
-                        class="ace_print-margin"
-                        style="left: 4px; visibility: hidden;"
-                      />
-                    </div>
-                    <div
-                      class="ace_layer ace_marker-layer"
-                    />
-                    <div
-                      class="ace_layer ace_text-layer"
-                      style="padding: 0px 4px;"
-                    />
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_marker-layer"
+                      id="some_html_id"
                     />
-                    <div
-                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
-                    >
-                      <div
-                        class="ace_cursor"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-v"
-                  style="display: none; width: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="width: 20px;"
-                  />
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-h"
-                  style="display: none; height: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="height: 20px;"
-                  />
-                </div>
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-                >
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  />
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  >
-                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem"
-              >
-                <div
-                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
-                >
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_11"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Run
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_flights
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_12"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Clear
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_logs
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_13"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Explain
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-service-map
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div
-          class="sql-console-query-result"
-        >
-          <div
-            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
-          >
-            <div
-              style="padding: 20px 20px 0px 20px;"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem"
-                >
-                  <div
-                    class="euiText euiText--medium query-result-panel-header"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <h3>
-                      Results
-                    </h3>
-                  </div>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-            <div
-              class="euiText euiText--medium"
-            >
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <h4>
-                  No result
-                </h4>
-              </div>
-              <div
-                class="euiTextAlign euiTextAlign--center"
-              >
-                <p>
-                  Enter a query in the query editor above to see results.
-                </p>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--xxl"
-            />
-            <div
-              class="euiSpacer euiSpacer--xl"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`<Main /> spec click run button, and response is ok 1`] = `
-<div>
-  <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-  >
-    <div
-      class="euiFlexItem"
-    >
-      <div
-        class="euiText euiText--medium"
-      >
-        Data Sources
-      </div>
-      <div
-        aria-expanded="false"
-        aria-haspopup="listbox"
-        class="euiComboBox"
-        role="combobox"
-      >
-        <div
-          class="euiFormControlLayout"
-        >
-          <div
-            class="euiFormControlLayout__childrenWrapper"
-          >
-            <div
-              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
-              data-test-subj="comboBoxInput"
-              tabindex="-1"
-            >
-              <span
-                class="euiComboBoxPill euiComboBoxPill--plainText"
-              >
-                OpenSearch
-              </span>
-              <div
-                class="euiComboBox__input"
-                style="font-size: 14px; display: inline-block;"
-              >
-                <input
-                  aria-controls=""
-                  data-test-subj="comboBoxSearchInput"
-                  role="textbox"
-                  style="box-sizing: content-box; width: 2px;"
-                  value=""
-                />
-                <div
-                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                />
-              </div>
-            </div>
-            <div
-              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
-            >
-              <button
-                aria-label="Open list of options"
-                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
-                data-test-subj="comboBoxToggleListButton"
-                type="button"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
-                    fill-rule="non-zero"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        class="euiSpacer euiSpacer--l"
-      />
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <fieldset
-        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
-      >
-        <legend
-          class="euiScreenReaderOnly"
-        >
-          query-language-swtich
-        </legend>
-        <div
-          class="euiButtonGroup__buttons"
-        >
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="SQL"
-                title="SQL"
-              >
-                <input
-                  checked=""
-                  class="euiScreenReaderOnly"
-                  data-test-subj="SQL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                SQL
-              </span>
-            </span>
-          </label>
-          <label
-            class="euiButtonGroupButton euiButtonGroupButton--text"
-            for="some_html_id"
-          >
-            <span
-              class="euiButtonContent euiButton__content"
-            >
-              <span
-                class="euiButton__text euiButtonGroupButton__textShift"
-                data-text="PPL"
-                title="PPL"
-              >
-                <input
-                  class="euiScreenReaderOnly"
-                  data-test-subj="PPL"
-                  id="some_html_id"
-                  name="some_html_id"
-                  type="radio"
-                  value=""
-                />
-                PPL
-              </span>
-            </span>
-          </label>
-        </div>
-      </fieldset>
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <a
-        class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
-        rel="noopener noreferrer"
-        target="_blank"
-      >
-        <span
-          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-            focusable="false"
-            height="16"
-            role="img"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
-            />
-          </svg>
-          <span
-            class="euiButton__text"
-          >
-            SQL documentation
-          </span>
-        </span>
-      </a>
-    </div>
-  </div>
-  <div
-    class="euiPage euiPage--grow"
-  >
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
-    >
-      <div
-        class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-        >
-          <div
-            class="euiFlexItem"
-          >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <div
-                  class="euiText euiText--medium euiTreeView__wrapper"
-                >
-                  <p
-                    class="euiScreenReaderOnly"
-                    id="some_html_id--instruction"
-                  >
-                    You can quickly navigate this list using arrow keys.
-                  </p>
-                  <ul
-                    aria-describedby="some_html_id--instruction"
-                    aria-label="Sample Folder Tree"
-                    class="euiTreeView"
-                    id="some_html_id"
-                  >
-                    <li
-                      class="euiTreeView__node"
-                    >
-                      <button
-                        aria-controls="some_html_id"
-                        aria-expanded="false"
-                        class="euiTreeView__nodeInner"
-                        data-test-subj="euiTreeViewButton-some_html_id"
-                        id="element_0"
-                      >
-                        <span
-                          class="euiTreeView__iconWrapper"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
-                            />
-                          </svg>
-                        </span>
-                        <span
-                          class="euiTreeView__nodeLabel"
-                        >
-                          <div>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                2
-                              </div>
-                            </span>
-                             
-                          </div>
-                        </span>
-                      </button>
-                      <div
-                        id="some_html_id"
-                      />
-                    </li>
-                    <li
-                      class="euiTreeView__node"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_14"
                     >
-                      <button
-                        aria-controls="some_html_id"
-                        aria-expanded="false"
-                        class="euiTreeView__nodeInner"
-                        data-test-subj="euiTreeViewButton-some_html_id"
-                        id="element_1"
+                      <span
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiTreeView__iconWrapper"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
-                            />
-                          </svg>
-                        </span>
-                        <span
-                          class="euiTreeView__nodeLabel"
-                        >
-                          <div>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                2
-                              </div>
-                            </span>
-                             
-                          </div>
-                        </span>
-                      </button>
-                      <div
-                        id="some_html_id"
-                      />
-                    </li>
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-    <div
-      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
-      role="main"
-    >
-      <div
-        class="euiPageContentBody"
-      >
-        <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-        />
-        <div
-          class="euiSpacer euiSpacer--l"
-        />
-        <div>
-          <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
-          >
-            <div
-              class="euiSpacer euiSpacer--s"
-            />
-            <div
-              class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
-            >
-              <button
-                class="euiCodeEditorKeyboardHint"
-                data-test-subj="codeEditorHint"
-                id="some_html_id"
-              >
-                <p
-                  class="euiText"
-                >
-                  Press Enter to start editing.
-                </p>
-                <p
-                  class="euiText"
-                >
-                  When you're done, press Escape to stop editing.
-                </p>
-              </button>
-              <div
-                class=" ace_editor ace-tm"
-                id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
-              >
-                <textarea
-                  aria-label="Code Editor"
-                  autocapitalize="off"
-                  autocorrect="off"
-                  class="ace_text-input"
-                  spellcheck="false"
-                  style="opacity: 0;"
-                  tabindex="-1"
-                  wrap="off"
-                />
-                <div
-                  aria-hidden="true"
-                  class="ace_gutter"
-                >
-                  <div
-                    class="ace_layer ace_gutter-layer ace_folding-enabled"
-                  />
-                  <div
-                    class="ace_gutter-active-line"
-                  />
-                </div>
-                <div
-                  class="ace_scroller"
-                >
-                  <div
-                    class="ace_content"
-                  >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000001
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_print-margin-layer"
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_15"
                     >
-                      <div
-                        class="ace_print-margin"
-                        style="left: 4px; visibility: hidden;"
-                      />
-                    </div>
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000002
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_marker-layer"
+                      id="some_html_id"
                     />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_16"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_text-layer"
-                      style="padding: 0px 4px;"
+                      id="some_html_id"
                     />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_17"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-host-health
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_marker-layer"
+                      id="some_html_id"
                     />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_18"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-http-responses
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_19"
                     >
-                      <div
-                        class="ace_cursor"
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-v"
-                  style="display: none; width: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="width: 20px;"
-                  />
-                </div>
-                <div
-                  class="ace_scrollbar ace_scrollbar-h"
-                  style="display: none; height: 20px;"
-                >
-                  <div
-                    class="ace_scrollbar-inner"
-                    style="height: 20px;"
-                  />
-                </div>
-                <div
-                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
-                >
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
-                  />
-                  <div
-                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.16
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
-                  </div>
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem"
-              >
-                <div
-                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
-                >
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_20"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.17
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_21"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Run
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.18
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_22"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Clear
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.19
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                  <div
-                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
                     <button
-                      class="euiButton euiButton--primary sql-editor-button"
-                      type="button"
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_23"
                     >
                       <span
-                        class="euiButtonContent euiButton__content"
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiButton__text"
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
                         >
-                          Explain
-                        </span>
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.20
+                            </div>
+                          </span>
+                           
+                        </div>
                       </span>
                     </button>
-                  </div>
-                </div>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_24"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.21
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_25"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.22
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_26"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.23
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_27"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_28"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.25
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_29"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              windows
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_30"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_31"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              s3--pWlOosB5t9LzIj0oUsS
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      role="main"
+    >
+      <div
+        class="euiPageContentBody"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
+          <div
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+          >
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 10rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
+              <div
+                class=" ace_editor ace-tm"
+                id="some_html_id"
+                style="width: 100%; height: 10rem; font-size: 14px;"
+              >
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
+                />
+                <div
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
+                <div
+                  class="ace_scroller"
+                >
+                  <div
+                    class="ace_content"
+                  >
+                    <div
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
+                  />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
+                  />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  />
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  >
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            >
+              <div
+                class="euiFlexItem"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
               </div>
             </div>
           </div>
@@ -2312,7 +2104,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
 </div>
 `;
 
-exports[`<Main /> spec click run button, response fills null and missing values 1`] = `
+exports[`<Main /> spec click run button, and response causes an error 1`] = `
 <div>
   <div
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@@ -2505,168 +2297,94 @@ exports[`<Main /> spec click run button, response fills null and missing values
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
         >
           <div
-            class="euiFlexItem"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
             >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
                 />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
             >
               <div
                 class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiText euiText--medium euiTreeView__wrapper"
+                  class="euiEmptyPrompt"
                 >
+                  <svg
+                    aria-hidden="true"
+                    class="euiIcon euiIcon--medium"
+                    focusable="false"
+                    height="16"
+                    role="img"
+                    viewBox="0 0 16 16"
+                    width="16"
+                    xmlns="http://www.w3.org/2000/svg"
+                  >
+                    <path
+                      d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                    />
+                  </svg>
+                  <div
+                    class="euiSpacer euiSpacer--m"
+                  />
                   <p
-                    class="euiScreenReaderOnly"
-                    id="some_html_id--instruction"
+                    class="euiTitle euiTitle--xsmall"
                   >
-                    You can quickly navigate this list using arrow keys.
+                    No Data available
                   </p>
-                  <ul
-                    aria-describedby="some_html_id--instruction"
-                    aria-label="Sample Folder Tree"
-                    class="euiTreeView"
-                    id="some_html_id"
-                  >
-                    <li
-                      class="euiTreeView__node"
-                    >
-                      <button
-                        aria-controls="some_html_id"
-                        aria-expanded="false"
-                        class="euiTreeView__nodeInner"
-                        data-test-subj="euiTreeViewButton-some_html_id"
-                        id="element_0"
-                      >
-                        <span
-                          class="euiTreeView__iconWrapper"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
-                            />
-                          </svg>
-                        </span>
-                        <span
-                          class="euiTreeView__nodeLabel"
-                        >
-                          <div>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              />
-                            </span>
-                             
-                          </div>
-                        </span>
-                      </button>
-                      <div
-                        id="some_html_id"
-                      />
-                    </li>
-                    <li
-                      class="euiTreeView__node"
+                  <span
+                    class="euiTextColor euiTextColor--subdued"
+                  >
+                    <div
+                      class="euiSpacer euiSpacer--m"
+                    />
+                    <div
+                      class="euiText euiText--medium"
                     >
-                      <button
-                        aria-controls="some_html_id"
-                        aria-expanded="false"
-                        class="euiTreeView__nodeInner"
-                        data-test-subj="euiTreeViewButton-some_html_id"
-                        id="element_1"
-                      >
-                        <span
-                          class="euiTreeView__iconWrapper"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
-                            />
-                          </svg>
-                        </span>
-                        <span
-                          class="euiTreeView__nodeLabel"
-                        >
-                          <div>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              />
-                            </span>
-                             
-                          </div>
-                        </span>
-                      </button>
-                      <div
-                        id="some_html_id"
-                      />
-                    </li>
-                  </ul>
+                      <p>
+                        err
+                      </p>
+                    </div>
+                  </span>
                 </div>
               </div>
             </div>
@@ -2949,11 +2667,8 @@ exports[`<Main /> spec click run button, response fills null and missing values
 </div>
 `;
 
-exports[`<Main /> spec click translation button, and response is ok 1`] = `
-<div
-  aria-hidden="true"
-  data-aria-hidden="true"
->
+exports[`<Main /> spec click run button, and response is not ok 1`] = `
+<div>
   <div
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
@@ -3145,89 +2860,5007 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
         >
           <div
-            class="euiFlexItem"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
-            <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
             >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
-                      />
-                    </svg>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
                 />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
             <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                class="euiText euiText--medium euiTreeView__wrapper"
               >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                <p
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
                 >
-                  <div
-                    class="euiEmptyPrompt"
+                  You can quickly navigate this list using arrow keys.
+                </p>
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
+                >
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana_1
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_1"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-job-scheduler-lock
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_2"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-definitions
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_3"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-instances
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_4"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro_security
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_5"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opensearch-observability
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_6"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .plugins-ml-config
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_7"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .ql-datasources
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_8"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-service-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_9"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-span-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_10"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_11"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_flights
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_12"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_logs
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_13"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-service-map
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_14"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000001
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_15"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000002
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_16"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_17"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-host-health
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_18"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-http-responses
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_19"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.16
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_20"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.17
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_21"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.18
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_22"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.19
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_23"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.20
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_24"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.21
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_25"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.22
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_26"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.23
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_27"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_28"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.25
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_29"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              windows
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_30"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_31"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              s3--pWlOosB5t9LzIj0oUsS
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      role="main"
+    >
+      <div
+        class="euiPageContentBody"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
+          <div
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+          >
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 10rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
+              <div
+                class=" ace_editor ace-tm"
+                id="some_html_id"
+                style="width: 100%; height: 10rem; font-size: 14px;"
+              >
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
+                />
+                <div
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
+                <div
+                  class="ace_scroller"
+                >
+                  <div
+                    class="ace_content"
+                  >
+                    <div
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
+                  />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
+                  />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  />
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  >
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            >
+              <div
+                class="euiFlexItem"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
+        >
+          <div
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          >
+            <div
+              style="padding: 20px 20px 0px 20px;"
+            >
+              <div
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              >
+                <div
+                  class="euiFlexItem"
+                >
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
+                </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Main /> spec click run button, and response is ok 1`] = `
+<div>
+  <div
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+  >
+    <div
+      class="euiFlexItem"
+    >
+      <div
+        class="euiText euiText--medium"
+      >
+        Data Sources
+      </div>
+      <div
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="euiComboBox"
+        role="combobox"
+      >
+        <div
+          class="euiFormControlLayout"
+        >
+          <div
+            class="euiFormControlLayout__childrenWrapper"
+          >
+            <div
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
+              data-test-subj="comboBoxInput"
+              tabindex="-1"
+            >
+              <span
+                class="euiComboBoxPill euiComboBoxPill--plainText"
+              >
+                OpenSearch
+              </span>
+              <div
+                class="euiComboBox__input"
+                style="font-size: 14px; display: inline-block;"
+              >
+                <input
+                  aria-controls=""
+                  data-test-subj="comboBoxSearchInput"
+                  role="textbox"
+                  style="box-sizing: content-box; width: 2px;"
+                  value=""
+                />
+                <div
+                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                />
+              </div>
+            </div>
+            <div
+              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+            >
+              <button
+                aria-label="Open list of options"
+                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                data-test-subj="comboBoxToggleListButton"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                    fill-rule="non-zero"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiSpacer euiSpacer--l"
+      />
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <fieldset
+        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
+      >
+        <legend
+          class="euiScreenReaderOnly"
+        >
+          query-language-swtich
+        </legend>
+        <div
+          class="euiButtonGroup__buttons"
+        >
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="SQL"
+                title="SQL"
+              >
+                <input
+                  checked=""
+                  class="euiScreenReaderOnly"
+                  data-test-subj="SQL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                SQL
+              </span>
+            </span>
+          </label>
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="PPL"
+                title="PPL"
+              >
+                <input
+                  class="euiScreenReaderOnly"
+                  data-test-subj="PPL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                PPL
+              </span>
+            </span>
+          </label>
+        </div>
+      </fieldset>
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <a
+        class="euiButton euiButton--primary"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        <span
+          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+        >
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+            />
+          </svg>
+          <span
+            class="euiButton__text"
+          >
+            SQL documentation
+          </span>
+        </span>
+      </a>
+    </div>
+  </div>
+  <div
+    class="euiPage euiPage--grow"
+  >
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <div
+        class="euiPageSideBar"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <div
+                class="euiText euiText--medium euiTreeView__wrapper"
+              >
+                <p
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
+                >
+                  You can quickly navigate this list using arrow keys.
+                </p>
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
+                >
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              2
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_1"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              2
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      role="main"
+    >
+      <div
+        class="euiPageContentBody"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
+          <div
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+          >
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 10rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
+              <div
+                class=" ace_editor ace-tm"
+                id="some_html_id"
+                style="width: 100%; height: 10rem; font-size: 14px;"
+              >
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
+                />
+                <div
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
+                <div
+                  class="ace_scroller"
+                >
+                  <div
+                    class="ace_content"
+                  >
+                    <div
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
+                  />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
+                  />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  />
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  >
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            >
+              <div
+                class="euiFlexItem"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
+        >
+          <div
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          >
+            <div
+              style="padding: 20px 20px 0px 20px;"
+            >
+              <div
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              >
+                <div
+                  class="euiFlexItem"
+                >
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
+                </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Main /> spec click run button, response fills null and missing values 1`] = `
+<div>
+  <div
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+  >
+    <div
+      class="euiFlexItem"
+    >
+      <div
+        class="euiText euiText--medium"
+      >
+        Data Sources
+      </div>
+      <div
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="euiComboBox"
+        role="combobox"
+      >
+        <div
+          class="euiFormControlLayout"
+        >
+          <div
+            class="euiFormControlLayout__childrenWrapper"
+          >
+            <div
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
+              data-test-subj="comboBoxInput"
+              tabindex="-1"
+            >
+              <span
+                class="euiComboBoxPill euiComboBoxPill--plainText"
+              >
+                OpenSearch
+              </span>
+              <div
+                class="euiComboBox__input"
+                style="font-size: 14px; display: inline-block;"
+              >
+                <input
+                  aria-controls=""
+                  data-test-subj="comboBoxSearchInput"
+                  role="textbox"
+                  style="box-sizing: content-box; width: 2px;"
+                  value=""
+                />
+                <div
+                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                />
+              </div>
+            </div>
+            <div
+              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+            >
+              <button
+                aria-label="Open list of options"
+                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                data-test-subj="comboBoxToggleListButton"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                    fill-rule="non-zero"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiSpacer euiSpacer--l"
+      />
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <fieldset
+        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
+      >
+        <legend
+          class="euiScreenReaderOnly"
+        >
+          query-language-swtich
+        </legend>
+        <div
+          class="euiButtonGroup__buttons"
+        >
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="SQL"
+                title="SQL"
+              >
+                <input
+                  checked=""
+                  class="euiScreenReaderOnly"
+                  data-test-subj="SQL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                SQL
+              </span>
+            </span>
+          </label>
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="PPL"
+                title="PPL"
+              >
+                <input
+                  class="euiScreenReaderOnly"
+                  data-test-subj="PPL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                PPL
+              </span>
+            </span>
+          </label>
+        </div>
+      </fieldset>
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <a
+        class="euiButton euiButton--primary"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        <span
+          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+        >
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+            />
+          </svg>
+          <span
+            class="euiButton__text"
+          >
+            SQL documentation
+          </span>
+        </span>
+      </a>
+    </div>
+  </div>
+  <div
+    class="euiPage euiPage--grow"
+  >
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <div
+        class="euiPageSideBar"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <div
+                class="euiText euiText--medium euiTreeView__wrapper"
+              >
+                <p
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
+                >
+                  You can quickly navigate this list using arrow keys.
+                </p>
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
+                >
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            />
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_1"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            />
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow euiPageContent"
+      role="main"
+    >
+      <div
+        class="euiPageContentBody"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+        />
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
+          <div
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+          >
+            <div
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 10rem;"
+            >
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
+              >
+                <p
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
+                >
+                  When you're done, press Escape to stop editing.
+                </p>
+              </button>
+              <div
+                class=" ace_editor ace-tm"
+                id="some_html_id"
+                style="width: 100%; height: 10rem; font-size: 14px;"
+              >
+                <textarea
+                  aria-label="Code Editor"
+                  autocapitalize="off"
+                  autocorrect="off"
+                  class="ace_text-input"
+                  spellcheck="false"
+                  style="opacity: 0;"
+                  tabindex="-1"
+                  wrap="off"
+                />
+                <div
+                  aria-hidden="true"
+                  class="ace_gutter"
+                >
+                  <div
+                    class="ace_layer ace_gutter-layer ace_folding-enabled"
+                  />
+                  <div
+                    class="ace_gutter-active-line"
+                  />
+                </div>
+                <div
+                  class="ace_scroller"
+                >
+                  <div
+                    class="ace_content"
+                  >
+                    <div
+                      class="ace_layer ace_print-margin-layer"
+                    >
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
+                    />
+                    <div
+                      class="ace_layer ace_marker-layer"
+                    />
+                    <div
+                      class="ace_layer ace_cursor-layer ace_hidden-cursors"
+                    >
+                      <div
+                        class="ace_cursor"
+                      />
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-v"
+                  style="display: none; width: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="width: 20px;"
+                  />
+                </div>
+                <div
+                  class="ace_scrollbar ace_scrollbar-h"
+                  style="display: none; height: 20px;"
+                >
+                  <div
+                    class="ace_scrollbar-inner"
+                    style="height: 20px;"
+                  />
+                </div>
+                <div
+                  style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: hidden;"
+                >
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  />
+                  <div
+                    style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+                  >
+                    XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--l"
+            />
+            <div
+              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
+            >
+              <div
+                class="euiFlexItem"
+              >
+                <div
+                  class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+                >
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Run
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Clear
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                  <div
+                    class="euiFlexItem euiFlexItem--flexGrowZero"
+                  >
+                    <button
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
+                    >
+                      <span
+                        class="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          class="euiButton__text"
+                        >
+                          Explain
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="sql-console-query-result"
+        >
+          <div
+            class="euiPanel euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow query-result-container"
+          >
+            <div
+              style="padding: 20px 20px 0px 20px;"
+            >
+              <div
+                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+              >
+                <div
+                  class="euiFlexItem"
+                >
+                  <div
+                    class="euiText euiText--medium query-result-panel-header"
+                  >
+                    <h3>
+                      Results
+                    </h3>
+                  </div>
+                </div>
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                />
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+            <div
+              class="euiText euiText--medium"
+            >
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <h4>
+                  No result
+                </h4>
+              </div>
+              <div
+                class="euiTextAlign euiTextAlign--center"
+              >
+                <p>
+                  Enter a query in the query editor above to see results.
+                </p>
+              </div>
+            </div>
+            <div
+              class="euiSpacer euiSpacer--xxl"
+            />
+            <div
+              class="euiSpacer euiSpacer--xl"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<Main /> spec click translation button, and response is ok 1`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <div
+    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
+  >
+    <div
+      class="euiFlexItem"
+    >
+      <div
+        class="euiText euiText--medium"
+      >
+        Data Sources
+      </div>
+      <div
+        aria-expanded="false"
+        aria-haspopup="listbox"
+        class="euiComboBox"
+        role="combobox"
+      >
+        <div
+          class="euiFormControlLayout"
+        >
+          <div
+            class="euiFormControlLayout__childrenWrapper"
+          >
+            <div
+              class="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
+              data-test-subj="comboBoxInput"
+              tabindex="-1"
+            >
+              <span
+                class="euiComboBoxPill euiComboBoxPill--plainText"
+              >
+                OpenSearch
+              </span>
+              <div
+                class="euiComboBox__input"
+                style="font-size: 14px; display: inline-block;"
+              >
+                <input
+                  aria-controls=""
+                  data-test-subj="comboBoxSearchInput"
+                  role="textbox"
+                  style="box-sizing: content-box; width: 2px;"
+                  value=""
+                />
+                <div
+                  style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
+                />
+              </div>
+            </div>
+            <div
+              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+            >
+              <button
+                aria-label="Open list of options"
+                class="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+                data-test-subj="comboBoxToggleListButton"
+                type="button"
+              >
+                <svg
+                  aria-hidden="true"
+                  class="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__icon"
+                  focusable="false"
+                  height="16"
+                  role="img"
+                  viewBox="0 0 16 16"
+                  width="16"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M13.069 5.157 8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0Z"
+                    fill-rule="non-zero"
+                  />
+                </svg>
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="euiSpacer euiSpacer--l"
+      />
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <fieldset
+        class="euiButtonGroup euiButtonGroup--medium euiButtonGroup--text query-language-switch"
+      >
+        <legend
+          class="euiScreenReaderOnly"
+        >
+          query-language-swtich
+        </legend>
+        <div
+          class="euiButtonGroup__buttons"
+        >
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text euiButtonGroupButton--fill euiButtonGroupButton-isSelected"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="SQL"
+                title="SQL"
+              >
+                <input
+                  checked=""
+                  class="euiScreenReaderOnly"
+                  data-test-subj="SQL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                SQL
+              </span>
+            </span>
+          </label>
+          <label
+            class="euiButtonGroupButton euiButtonGroupButton--text"
+            for="some_html_id"
+          >
+            <span
+              class="euiButtonContent euiButton__content"
+            >
+              <span
+                class="euiButton__text euiButtonGroupButton__textShift"
+                data-text="PPL"
+                title="PPL"
+              >
+                <input
+                  class="euiScreenReaderOnly"
+                  data-test-subj="PPL"
+                  id="some_html_id"
+                  name="some_html_id"
+                  type="radio"
+                  value=""
+                />
+                PPL
+              </span>
+            </span>
+          </label>
+        </div>
+      </fieldset>
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <a
+        class="euiButton euiButton--primary"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        rel="noopener noreferrer"
+        target="_blank"
+      >
+        <span
+          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+        >
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
+            focusable="false"
+            height="16"
+            role="img"
+            viewBox="0 0 16 16"
+            width="16"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M13 8.5a.5.5 0 1 1 1 0V12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h3.5a.5.5 0 0 1 0 1H4a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8.5Zm-5.12.339a.5.5 0 1 1-.706-.707L13.305 2H10.5a.5.5 0 1 1 0-1H14a1 1 0 0 1 1 1v3.5a.5.5 0 1 1-1 0V2.72L7.88 8.838Z"
+            />
+          </svg>
+          <span
+            class="euiButton__text"
+          >
+            SQL documentation
+          </span>
+        </span>
+      </a>
+    </div>
+  </div>
+  <div
+    class="euiPage euiPage--grow"
+  >
+    <div
+      class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <div
+        class="euiPageSideBar"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M11.228 2.942a.5.5 0 1 1-.538.842A5 5 0 1 0 13 8a.5.5 0 1 1 1 0 6 6 0 1 1-2.772-5.058ZM14 1.5v3A1.5 1.5 0 0 1 12.5 6h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 1 1 1 0Z"
+                />
+              </svg>
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <div
+                class="euiText euiText--medium euiTreeView__wrapper"
+              >
+                <p
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
+                >
+                  You can quickly navigate this list using arrow keys.
+                </p>
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
+                >
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana_1
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_1"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-job-scheduler-lock
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_2"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-definitions
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_3"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro-reports-instances
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_4"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opendistro_security
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_5"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .opensearch-observability
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_6"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .plugins-ml-config
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_7"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .ql-datasources
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_8"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-service-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_9"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              jaeger-span-2023-01-24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_10"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_11"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_flights
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_12"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              opensearch_dashboards_sample_data_logs
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_13"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-service-map
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_14"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000001
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_15"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              otel-v1-apm-span-000002
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_16"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-ecommerce
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_17"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-host-health
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_18"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              sample-http-responses
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_19"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.16
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
                   >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--xxLarge euiIcon--danger"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_20"
                     >
-                      <path
-                        d="M7.59 10.059 7.35 5.18h1.3L8.4 10.06h-.81Zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184ZM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2Zm0-1h12L8 2 2 13Z"
-                        fill-rule="evenodd"
-                      />
-                    </svg>
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.17
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
                     <div
-                      class="euiSpacer euiSpacer--m"
+                      id="some_html_id"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_21"
                     >
-                      Error loading data
-                    </h4>
-                  </div>
-                </div>
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.18
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_22"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.19
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_23"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.20
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_24"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.21
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_25"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.22
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_26"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.23
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_27"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.24
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_28"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              security-auditlog-2023.10.25
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_29"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              windows
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_30"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                  <li
+                    class="euiTreeView__node"
+                  >
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_31"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
+                      >
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        >
+                          <path
+                            d="M2 12h12v-1.97c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V12Zm-1 0V3c0-1.105 3.134-2 7-2s7 .895 7 2v9c0 1.105-3.134 2-7 2s-7-.895-7-2Zm1-3h12V7.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97V9Zm0-4.97V6h12V4.03c-1.225.582-3.454.97-6 .97s-4.775-.388-6-.97Zm10.675-1.483C11.467 2.202 9.795 2 8 2c-1.794 0-3.467.202-4.675.547-.492.14-.88.298-1.136.453.256.155.644.312 1.136.453C4.533 3.798 6.205 4 8 4c1.794 0 3.467-.202 4.675-.547.492-.14.88-.298 1.136-.453-.256-.155-.644-.312-1.136-.453ZM2 6c.257.155.833.312 1.325.453C4.533 6.798 6.205 7 8 7c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 9.798 6.205 10 8 10c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Zm0 3c.257.155.833.312 1.325.453C4.533 12.798 6.205 13 8 13c1.794 0 3.467-.202 4.675-.547.492-.14 1.07-.298 1.327-.453H2Z"
+                          />
+                        </svg>
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              s3--pWlOosB5t9LzIj0oUsS
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
               </div>
             </div>
             <div
@@ -3693,116 +8326,109 @@ exports[`<Main /> spec renders the component 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
+        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
       >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <button
+              aria-label="refresh"
+              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
+              type="button"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </button>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          />
+        </div>
+        <div
+          class="euiSpacer euiSpacer--l"
+        />
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
         >
           <div
-            class="euiFlexItem"
+            class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+                class="euiText euiText--medium euiTreeView__wrapper"
               >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                <p
+                  class="euiScreenReaderOnly"
+                  id="some_html_id--instruction"
                 >
-                  <button
-                    aria-label="refresh"
-                    class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-                    type="button"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    />
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                />
-              </div>
-            </div>
-            <div
-              class="euiSpacer euiSpacer--l"
-            />
-            <div
-              class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <div
-                  class="euiText euiText--medium euiTreeView__wrapper"
+                  You can quickly navigate this list using arrow keys.
+                </p>
+                <ul
+                  aria-describedby="some_html_id--instruction"
+                  aria-label="Sample Folder Tree"
+                  class="euiTreeView"
+                  id="some_html_id"
                 >
-                  <p
-                    class="euiScreenReaderOnly"
-                    id="some_html_id--instruction"
+                  <li
+                    class="euiTreeView__node"
                   >
-                    You can quickly navigate this list using arrow keys.
-                  </p>
-                  <ul
-                    aria-describedby="some_html_id--instruction"
-                    aria-label="Sample Folder Tree"
-                    class="euiTreeView"
-                    id="some_html_id"
-                  >
-                    <li
-                      class="euiTreeView__node"
-                    >
-                      <button
-                        aria-controls="some_html_id"
-                        aria-expanded="false"
-                        class="euiTreeView__nodeInner"
-                        data-test-subj="euiTreeViewButton-some_html_id"
-                        id="element_0"
+                    <button
+                      aria-controls="some_html_id"
+                      aria-expanded="false"
+                      class="euiTreeView__nodeInner"
+                      data-test-subj="euiTreeViewButton-some_html_id"
+                      id="element_0"
+                    >
+                      <span
+                        class="euiTreeView__iconWrapper"
                       >
-                        <span
-                          class="euiTreeView__iconWrapper"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium euiIcon-isLoading"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                        </span>
-                        <span
-                          class="euiTreeView__nodeLabel"
-                        >
-                          <div>
-                            <span
-                              class="euiToolTipAnchor"
-                            >
-                              <div
-                                class="euiText euiText--medium"
-                              >
-                                .kibana_1
-                              </div>
-                            </span>
-                             
-                          </div>
-                        </span>
-                      </button>
-                      <div
-                        id="some_html_id"
-                      />
-                    </li>
-                  </ul>
-                </div>
+                        <svg
+                          aria-hidden="true"
+                          class="euiIcon euiIcon--medium euiIcon-isLoading"
+                          focusable="false"
+                          height="16"
+                          role="img"
+                          viewBox="0 0 16 16"
+                          width="16"
+                          xmlns="http://www.w3.org/2000/svg"
+                        />
+                      </span>
+                      <span
+                        class="euiTreeView__nodeLabel"
+                      >
+                        <div>
+                          <span
+                            class="euiToolTipAnchor"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            >
+                              .kibana_1
+                            </div>
+                          </span>
+                           
+                        </div>
+                      </span>
+                    </button>
+                    <div
+                      id="some_html_id"
+                    />
+                  </li>
+                </ul>
               </div>
             </div>
             <div
diff --git a/public/components/Main/main.test.tsx b/public/components/Main/main.test.tsx
index c80508aa..cb548d24 100644
--- a/public/components/Main/main.test.tsx
+++ b/public/components/Main/main.test.tsx
@@ -6,11 +6,13 @@
 import '@testing-library/jest-dom/extend-expect';
 import { fireEvent, render } from '@testing-library/react';
 import React from 'react';
+import { HttpResponse } from '../../../../../src/core/public';
 import { httpClientMock } from '../../../test/mocks';
 import {
   mockDatasourcesQuery,
   mockHttpQuery,
   mockNotOkQueryResultResponse,
+  mockOpenSearchTreeQuery,
   mockQueryResultJDBCResponse,
   mockQueryTranslationResponse,
   mockResultWithNull,
@@ -33,6 +35,7 @@ describe('<Main /> spec', () => {
 
   it('click run button, and response is ok', async () => {
     const client = httpClientMock;
+    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
     client.post = jest.fn().mockResolvedValue(mockQueryResultJDBCResponse);
 
     const { getByText } = await render(
@@ -79,8 +82,16 @@ describe('<Main /> spec', () => {
   });
 
   it('click run button, and response is not ok', async () => {
+    let postRequestFlag = 0;
     const client = httpClientMock;
-    client.post = jest.fn().mockResolvedValue(mockNotOkQueryResultResponse);
+    client.post = jest.fn(() => {
+      if (postRequestFlag > 0)
+        return Promise.resolve((mockNotOkQueryResultResponse as unknown) as HttpResponse);
+      else {
+        postRequestFlag = 1;
+        return Promise.resolve((mockOpenSearchTreeQuery as unknown) as HttpResponse);
+      }
+    });
     client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
 
     const { getByText } = await render(
@@ -95,9 +106,16 @@ describe('<Main /> spec', () => {
   });
 
   it('click translation button, and response is ok', async () => {
+    let postRequestFlag = 0;
     const client = httpClientMock;
-    client.post = jest.fn().mockResolvedValue(mockQueryTranslationResponse);
-    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+    client.post = jest.fn(() => {
+      if (postRequestFlag > 0)
+        return Promise.resolve((mockQueryTranslationResponse as unknown) as HttpResponse);
+      else {
+        postRequestFlag = 1;
+        return Promise.resolve((mockOpenSearchTreeQuery as unknown) as HttpResponse);
+      }
+    });
 
     const { getByText } = await render(
       <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
@@ -111,8 +129,12 @@ describe('<Main /> spec', () => {
   });
 
   it('click clear button', async () => {
+    let postRequestFlag = 0;
     const client = httpClientMock;
     client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+    client.post = jest.fn(() => {
+      return Promise.resolve((mockOpenSearchTreeQuery as unknown) as HttpResponse);
+    });
 
     const { getByText } = await render(
       <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 742776a6..fe1ebacc 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -878,6 +878,7 @@ export class Main extends React.Component<MainProps, MainState> {
           pplQuery={this.state.pplQueriesString}
           pplTranslations={this.state.queryTranslations}
           updatePPLQueries={this.updatePPLQueries}
+          selectedDatasource={this.state.selectedDatasource}
           asyncLoading={this.state.asyncLoading}
         />
       );
@@ -962,33 +963,36 @@ export class Main extends React.Component<MainProps, MainState> {
                 style={{
                   maxWidth: '400px',
                   width: '400px',
-                  maxHeight: '1200px',
-                  overflowY: 'auto',
-                  overflowX: 'hidden',
+                  height: 'calc(100vh - 254px)',
                 }}
               >
-                <EuiFlexGroup direction="column">
-                  <EuiFlexItem>
-                    <EuiFlexItem grow={false}>
-                      <EuiFlexGroup direction="row" gutterSize="s">
-                        <EuiFlexItem grow={false}>
-                          <EuiButtonIcon
-                            display="base"
-                            iconType="refresh"
-                            size="m"
-                            aria-label="refresh"
-                            onClick={this.handleReloadTree}
-                          />
-                        </EuiFlexItem>
-                        <EuiFlexItem grow={false}>
-                          <CreateButton
-                            updateSQLQueries={this.updateSQLQueries}
-                            selectedDatasource={this.state.selectedDatasource}
-                          />
-                        </EuiFlexItem>
-                      </EuiFlexGroup>
-                    </EuiFlexItem>
-                    <EuiSpacer />
+                <EuiFlexGroup direction="row" gutterSize="s">
+                  <EuiFlexItem grow={false}>
+                    <EuiButtonIcon
+                      display="base"
+                      iconType="refresh"
+                      size="m"
+                      aria-label="refresh"
+                      onClick={this.handleReloadTree}
+                    />
+                  </EuiFlexItem>
+                  <EuiFlexItem grow={false}>
+                    <CreateButton
+                      updateSQLQueries={this.updateSQLQueries}
+                      selectedDatasource={this.state.selectedDatasource}
+                    />
+                  </EuiFlexItem>
+                </EuiFlexGroup>
+                <EuiSpacer size="l" />
+                <EuiFlexGroup
+                  direction="column"
+                  style={{
+                    overflowY: 'auto',
+                    overflowX: 'hidden',
+                    height: 'calc(100vh - 308px)',
+                  }}
+                >
+                  <EuiFlexItem grow={false}>
                     <TableView
                       http={this.httpClient}
                       selectedItems={this.state.selectedDatasource}
diff --git a/public/components/PPLPage/PPLPage.tsx b/public/components/PPLPage/PPLPage.tsx
index 82f01771..58f39dd7 100644
--- a/public/components/PPLPage/PPLPage.tsx
+++ b/public/components/PPLPage/PPLPage.tsx
@@ -7,6 +7,7 @@ import {
   EuiButton,
   EuiCodeBlock,
   EuiCodeEditor,
+  EuiComboBoxOptionOption,
   EuiFlexGroup,
   EuiFlexItem,
   EuiModal,
@@ -21,6 +22,7 @@ import {
 } from '@elastic/eui';
 import React from 'react';
 import { ResponseDetail, TranslateResult } from '../Main/main';
+import { SAMPLE_PPL_QUERY } from '../../../common/constants';
 
 interface PPLPageProps {
   onRun: (query: string) => void;
@@ -29,6 +31,7 @@ interface PPLPageProps {
   updatePPLQueries: (query: string) => void;
   pplQuery: string;
   pplTranslations: ResponseDetail<TranslateResult>[];
+  selectedDatasource: EuiComboBoxOptionOption[];
   asyncLoading: boolean;
 }
 
@@ -147,17 +150,26 @@ export class PPLPage extends React.Component<PPLPageProps, PPLPageState> {
               Clear
             </EuiButton>
           </EuiFlexItem>
-          <EuiFlexItem grow={false} onClick={() => this.props.onTranslate(this.props.pplQuery)}>
-            <EuiButton
-              className="sql-editor-button"
-              onClick={showModal}
-              isDisabled={this.props.asyncLoading}
-            >
-              Explain
-            </EuiButton>
-            {modal}
-          </EuiFlexItem>
+          {this.props.selectedDatasource &&
+          this.props.selectedDatasource[0].label === 'OpenSearch' ? (
+            <EuiFlexItem grow={false} onClick={() => this.props.onTranslate(this.props.pplQuery)}>
+              <EuiButton
+                className="sql-editor-button"
+                onClick={showModal}
+                isDisabled={this.props.asyncLoading}
+              >
+                Explain
+              </EuiButton>
+            </EuiFlexItem>
+          ) : (
+            <EuiFlexItem grow={false} onClick={() => this.props.updatePPLQueries(SAMPLE_PPL_QUERY)}>
+              <EuiButton className="sql-editor-button" isDisabled={this.props.asyncLoading}>
+                Sample Query
+              </EuiButton>
+            </EuiFlexItem>
+          )}
         </EuiFlexGroup>
+        {modal}
       </EuiPanel>
     );
   }
diff --git a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
index 60bec295..a6e979fc 100644
--- a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
+++ b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
@@ -183,7 +183,7 @@ exports[`<PPLPage /> spec renders the component 1`] = `
             <span
               class="euiButton__text"
             >
-              Explain
+              Sample Query
             </span>
           </span>
         </button>
@@ -376,7 +376,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
             <span
               class="euiButton__text"
             >
-              Explain
+              Sample Query
             </span>
           </span>
         </button>
diff --git a/public/components/SQLPage/SQLPage.tsx b/public/components/SQLPage/SQLPage.tsx
index 0bc1c952..4e31b6d4 100644
--- a/public/components/SQLPage/SQLPage.tsx
+++ b/public/components/SQLPage/SQLPage.tsx
@@ -25,6 +25,7 @@ import React from 'react';
 import { CoreStart } from '../../../../../src/core/public';
 import { ResponseDetail, TranslateResult } from '../Main/main';
 import { CreateAcceleration } from '../acceleration/create/create_acceleration';
+import { SAMPLE_SQL_QUERY } from '../../../common/constants';
 
 interface SQLPageProps {
   http: CoreStart['http'];
@@ -186,20 +187,29 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
                   </EuiButton>
                 </EuiFlexItem>
                 {this.props.selectedDatasource &&
-                  this.props.selectedDatasource[0].label === 'OpenSearch' && (
-                    <EuiFlexItem
-                      grow={false}
-                      onClick={() => this.props.onTranslate(this.props.sqlQuery)}
+                this.props.selectedDatasource[0].label === 'OpenSearch' ? (
+                  <EuiFlexItem
+                    grow={false}
+                    onClick={() => this.props.onTranslate(this.props.sqlQuery)}
+                  >
+                    <EuiButton
+                      className="sql-editor-button"
+                      onClick={showModal}
+                      isDisabled={this.props.asyncLoading}
                     >
-                      <EuiButton
-                        className="sql-editor-button"
-                        onClick={showModal}
-                        isDisabled={this.props.asyncLoading}
-                      >
-                        Explain
-                      </EuiButton>
-                    </EuiFlexItem>
-                  )}
+                      Explain
+                    </EuiButton>
+                  </EuiFlexItem>
+                ) : (
+                  <EuiFlexItem
+                    grow={false}
+                    onClick={() => this.props.updateSQLQueries(SAMPLE_SQL_QUERY)}
+                  >
+                    <EuiButton className="sql-editor-button" isDisabled={this.props.asyncLoading}>
+                      Sample Query
+                    </EuiButton>
+                  </EuiFlexItem>
+                )}
               </EuiFlexGroup>
             </EuiFlexItem>
             {this.props.selectedDatasource &&
diff --git a/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap b/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
deleted file mode 100644
index 56a16514..00000000
--- a/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
+++ /dev/null
@@ -1,1020 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Render databases in tree fetches and displays database nodes when datasource is s3 1`] = `
-<div>
-  <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-  >
-    <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-    >
-      <div
-        class="euiFlexItem euiFlexItem--flexGrowZero"
-      >
-        <div
-          class="euiEmptyPrompt"
-        >
-          <svg
-            aria-hidden="true"
-            class="euiIcon euiIcon--xxLarge euiIcon--danger"
-            focusable="false"
-            height="16"
-            role="img"
-            viewBox="0 0 16 16"
-            width="16"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M7.59 10.059 7.35 5.18h1.3L8.4 10.06h-.81Zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184ZM2 14a1 1 0 0 1-.878-1.479l6-11a1 1 0 0 1 1.756 0l6 11A1 1 0 0 1 14 14H2Zm0-1h12L8 2 2 13Z"
-              fill-rule="evenodd"
-            />
-          </svg>
-          <div
-            class="euiSpacer euiSpacer--m"
-          />
-          <h4
-            class="euiTitle euiTitle--xsmall"
-          >
-            Error loading data
-          </h4>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`Render databases in tree fetches and displays indicies when datasource is OpenSearch 1`] = `
-<div>
-  <div
-    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-  >
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
-    >
-      <div
-        class="euiText euiText--medium euiTreeView__wrapper"
-      >
-        <p
-          class="euiScreenReaderOnly"
-          id="some_html_id--instruction"
-        >
-          You can quickly navigate this list using arrow keys.
-        </p>
-        <ul
-          aria-describedby="some_html_id--instruction"
-          aria-label="Sample Folder Tree"
-          class="euiTreeView"
-          id="some_html_id"
-        >
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_0"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .kibana_1
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_1"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .kibana_2
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_2"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .kibana_3
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_3"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .opendistro-reports-definitions
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_4"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .opendistro-reports-instances
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_5"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .opensearch-observability
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_6"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .plugins-ml-config
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_7"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .ql-datasources
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_8"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .ql-job-metadata
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_9"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .query_execution_result
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_10"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_alb_logs_temp_10_test_index
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_11"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_alb_logs_temp_5_mys3_default...
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_12"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_elb_logs_regex_elb_logs_rege...
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_13"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_empty_table_empty_table_inde...
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_14"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_http_logs_skipping_index
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_15"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      flint_mys3_default_parquet_elb_logs_simple_parq...
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_16"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      opensearch_dashboards_sample_data_flights
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_17"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      opensearch_dashboards_sample_data_logs
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_18"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      ss4o_traces-elb-test
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_19"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .flint-elv-mv
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-          <li
-            class="euiTreeView__node"
-          >
-            <button
-              aria-controls="some_html_id"
-              aria-expanded="false"
-              class="euiTreeView__nodeInner"
-              data-test-subj="euiTreeViewButton-some_html_id"
-              id="element_20"
-            >
-              <span
-                class="euiTreeView__iconWrapper"
-              >
-                <svg
-                  aria-hidden="true"
-                  class="euiIcon euiIcon--medium euiIcon-isLoading"
-                  focusable="false"
-                  height="16"
-                  role="img"
-                  viewBox="0 0 16 16"
-                  width="16"
-                  xmlns="http://www.w3.org/2000/svg"
-                />
-              </span>
-              <span
-                class="euiTreeView__nodeLabel"
-              >
-                <div>
-                  <span
-                    class="euiToolTipAnchor"
-                  >
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      .kibana
-                    </div>
-                  </span>
-                   
-                </div>
-              </span>
-            </button>
-            <div
-              id="some_html_id"
-            />
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap b/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
new file mode 100644
index 00000000..b863ab12
--- /dev/null
+++ b/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
@@ -0,0 +1,1039 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Render databases in tree fetches and displays database nodes when datasource is s3 1`] = `
+<div>
+  <div
+    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+  >
+    <div
+      class="euiSpacer euiSpacer--l"
+    />
+    <div
+      class="euiFlexItem"
+    >
+      <span
+        class="euiLoadingSpinner euiLoadingSpinner--large"
+      />
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      Loading data
+    </div>
+    <div
+      class="euiFlexItem euiFlexItem--flexGrowZero"
+    >
+      <div
+        style="padding: 10px;"
+      >
+        <div
+          class="euiFlexItem"
+        >
+          <div
+            class="euiText euiText--medium"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiTextColor euiTextColor--subdued"
+              >
+                Loading may take over 30 seconds
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="euiFlexItem"
+        >
+          <div
+            class="euiText euiText--medium"
+          >
+            <div
+              class="euiTextAlign euiTextAlign--center"
+            >
+              <div
+                class="euiTextColor euiTextColor--subdued"
+              >
+                Status: 
+                Query Not Run
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches and displays indicies when datasource is OpenSearch 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero"
+  >
+    <div
+      class="euiText euiText--medium euiTreeView__wrapper"
+    >
+      <p
+        class="euiScreenReaderOnly"
+        id="some_html_id--instruction"
+      >
+        You can quickly navigate this list using arrow keys.
+      </p>
+      <ul
+        aria-describedby="some_html_id--instruction"
+        aria-label="Sample Folder Tree"
+        class="euiTreeView"
+        id="some_html_id"
+      >
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_0"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .kibana_1
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_1"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .kibana_2
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_2"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .kibana_3
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_3"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .opendistro-reports-definitions
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_4"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .opendistro-reports-instances
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_5"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .opensearch-observability
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_6"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .plugins-ml-config
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_7"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .ql-datasources
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_8"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .ql-job-metadata
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_9"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .query_execution_result
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_10"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_alb_logs_temp_10_test_index
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_11"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_alb_logs_temp_5_mys3_default...
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_12"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_elb_logs_regex_elb_logs_rege...
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_13"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_empty_table_empty_table_inde...
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_14"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_http_logs_skipping_index
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_15"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    flint_mys3_default_parquet_elb_logs_simple_parq...
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_16"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    opensearch_dashboards_sample_data_flights
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_17"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    opensearch_dashboards_sample_data_logs
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_18"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    ss4o_traces-elb-test
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_19"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .flint-elv-mv
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+        <li
+          class="euiTreeView__node"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="false"
+            class="euiTreeView__nodeInner"
+            data-test-subj="euiTreeViewButton-some_html_id"
+            id="element_20"
+          >
+            <span
+              class="euiTreeView__iconWrapper"
+            >
+              <svg
+                aria-hidden="true"
+                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                focusable="false"
+                height="16"
+                role="img"
+                viewBox="0 0 16 16"
+                width="16"
+                xmlns="http://www.w3.org/2000/svg"
+              />
+            </span>
+            <span
+              class="euiTreeView__nodeLabel"
+            >
+              <div>
+                <span
+                  class="euiToolTipAnchor"
+                >
+                  <div
+                    class="euiText euiText--medium"
+                  >
+                    .kibana
+                  </div>
+                </span>
+                 
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
diff --git a/public/components/SQLPage/table_view.test.tsx b/public/components/SQLPage/__tests__/table_view.test.tsx
similarity index 80%
rename from public/components/SQLPage/table_view.test.tsx
rename to public/components/SQLPage/__tests__/table_view.test.tsx
index a4a0d5c4..e794a8f5 100644
--- a/public/components/SQLPage/table_view.test.tsx
+++ b/public/components/SQLPage/__tests__/table_view.test.tsx
@@ -1,12 +1,20 @@
-import '@testing-library/jest-dom';
-import React from 'react';
-import { httpClientMock } from '../../../test/mocks';
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
 
+import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
-import { HttpResponse } from '../../../../../src/core/public';
-import { mockDatabaseQuery, mockJobId, mockOpenSearchIndicies } from '../../../test/mocks/mockData';
-import { TableView } from './table_view';
+import React from 'react';
+import { HttpResponse } from '../../../../../../src/core/public';
+import { httpClientMock } from '../../../../test/mocks';
+import {
+  mockDatabaseQuery,
+  mockJobId,
+  mockOpenSearchIndicies,
+} from '../../../../test/mocks/mockData';
+import { TableView } from '../table_view';
 
 describe('Render databases in tree', () => {
   it('fetches and displays indicies when datasource is OpenSearch', async () => {
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index ea96fa29..bc3206ad 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -31,6 +31,7 @@ import {
   TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME,
   TREE_ITEM_TABLE_NAME_DEFAULT_NAME,
 } from '../../../common/constants';
+import { useToast } from '../../../common/toast';
 import { getJobId, pollQueryStatus } from '../../../common/utils/async_query_helpers';
 import { AccelerationIndexFlyout } from './acceleration_index_flyout';
 
@@ -51,6 +52,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   });
   const [indexFlyout, setIndexFlyout] = useState(<></>);
   const [treeData, setTreeData] = useState<TreeItem[]>([]);
+  const { setToast } = useToast();
 
   const resetFlyout = () => {
     setIndexFlyout(<></>);
@@ -98,6 +100,10 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   const getSidebarContent = () => {
     if (selectedItems[0].label === 'OpenSearch') {
       setTableNames([]);
+      setIsLoading({
+        flag: false,
+        status: 'Query is run',
+      });
       const query = { query: LOAD_OPENSEARCH_INDICES_QUERY };
       http
         .post(FETCH_OPENSEARCH_INDICES_PATH, {
@@ -106,13 +112,26 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         .then((res) => {
           const responseObj = res.data.resp ? JSON.parse(res.data.resp) : {};
           const dataRows: any[][] = _.get(responseObj, 'datarows');
-          const fields = dataRows.map((data) => {
-            return data[2];
-          });
-          setTableNames(fields);
+          if (dataRows.length > 0) {
+            const fields = dataRows.map((data) => {
+              return data[2];
+            });
+            setTableNames(fields);
+          } else {
+            setIsLoading({
+              flag: false,
+              status: 'Error fetching data',
+            });
+            setToast(`ERROR: fetching data`, 'danger');
+          }
         })
         .catch((err) => {
           console.error(err);
+          setIsLoading({
+            flag: false,
+            status: err,
+          });
+          setToast(`ERROR: ${err}`,'danger');
         });
     } else {
       setTableNames([]);
@@ -128,6 +147,12 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             const fetchedDatanases = [].concat(...data.results);
             setTreeData(loadTreeItem(fetchedDatanases, TREE_ITEM_DATABASE_NAME_DEFAULT_NAME));
             setIsLoading({ flag: false, status: data.status });
+          } else if (data.status === 'FAILED') {
+            setIsLoading({
+              flag: false,
+              status: data.error,
+            });
+            setToast(`ERROR: ${data.error}`,'danger');
           }
         });
       });
@@ -136,8 +161,8 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   useEffect(() => {
     setIsLoading({
-      flag: false,
-      status: 'Not loading',
+      flag: true,
+      status: 'Query Not Run',
     });
     getSidebarContent();
   }, [selectedItems, refreshTree]);
@@ -175,6 +200,12 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               return database;
             });
           });
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
         }
       });
     });
@@ -198,9 +229,15 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
                   ...database,
                   values: database.values?.map((table) => {
                     if (table.name === tableName) {
+                      let newValues = table.values?.concat(...coverIndexObj);
+                      if (newValues?.length === 0) {
+                        newValues = [
+                          { name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false },
+                        ];
+                      }
                       return {
                         ...table,
-                        values: table.values?.concat(...coverIndexObj),
+                        values: newValues,
                         isLoading: false,
                         isExpanded: true,
                       };
@@ -212,6 +249,12 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               return database;
             });
           });
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`, 'danger');
         }
       });
     });
@@ -275,6 +318,12 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               return database;
             });
           });
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
         }
       });
     });
@@ -309,29 +358,37 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     getJobId(skipQuery, http, (id) => {
       pollQueryStatus(id, http, (data) => {
         if (data.status === 'SUCCESS') {
-          setTreeData((prevTreeData) => {
-            return prevTreeData.map((database) => {
-              if (database.name === selectedDatabase) {
-                return {
-                  ...database,
-                  values: database.values?.map((table) => {
-                    if (table.name === tableName) {
-                      return {
-                        ...table,
-                        values: loadTreeItem(
-                          [TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME],
-                          TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME
-                        ),
-                      };
-                    }
-                    return table;
-                  }),
-                };
-              }
-              return database;
+          if (data.resp.values.length > 0) {
+            setTreeData((prevTreeData) => {
+              return prevTreeData.map((database) => {
+                if (database.name === selectedDatabase) {
+                  return {
+                    ...database,
+                    values: database.values?.map((table) => {
+                      if (table.name === tableName) {
+                        return {
+                          ...table,
+                          values: loadTreeItem(
+                            [TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME],
+                            TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME
+                          ),
+                        };
+                      }
+                      return table;
+                    }),
+                  };
+                }
+                return database;
+              });
             });
-          });
+          }
           loadCoveringIndex(tableName);
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
         }
       });
     });
@@ -419,10 +476,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             database.name,
             table.name
           );
-        } else {
-          if (table.values?.length === 0) {
-            table.values = [{ name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false }];
-          }
         }
       },
       isSelectable: true,
@@ -448,51 +501,50 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   return (
     <>
-      <EuiFlexGroup>
-        {isLoadingBanner.flag ? (
-          <EuiFlexGroup alignItems="center" gutterSize="s" direction="column">
-            <EuiSpacer />
-            <EuiFlexItem>
-              <EuiLoadingSpinner size="l" />
-            </EuiFlexItem>
-            <EuiFlexItem grow={false}>Loading data</EuiFlexItem>
-            <EuiFlexItem grow={false}>
-              <div style={{ padding: '10px' }}>
-                <EuiFlexItem>
-                  <EuiText textAlign="center" color="subdued">
-                    Loading may take over 30 seconds
-                  </EuiText>
-                </EuiFlexItem>
-                <EuiFlexItem>
-                  <EuiText textAlign="center" color="subdued">
-                    Status: {isLoadingBanner.status}
-                  </EuiText>
-                </EuiFlexItem>
-              </div>
-            </EuiFlexItem>
-          </EuiFlexGroup>
-        ) : OpenSearchIndicesTree.length > 0 || treeDataDatabases.length > 0 ? (
+      {isLoadingBanner.flag ? (
+        <EuiFlexGroup alignItems="center" gutterSize="s" direction="column">
+          <EuiSpacer />
+          <EuiFlexItem>
+            <EuiLoadingSpinner size="l" />
+          </EuiFlexItem>
+          <EuiFlexItem grow={false}>Loading data</EuiFlexItem>
+          <EuiFlexItem grow={false}>
+            <div style={{ padding: '10px' }}>
+              <EuiFlexItem>
+                <EuiText textAlign="center" color="subdued">
+                  Loading may take over 30 seconds
+                </EuiText>
+              </EuiFlexItem>
+              <EuiFlexItem>
+                <EuiText textAlign="center" color="subdued">
+                  Status: {isLoadingBanner.status}
+                </EuiText>
+              </EuiFlexItem>
+            </div>
+          </EuiFlexItem>
+        </EuiFlexGroup>
+      ) : OpenSearchIndicesTree.length > 0 || treeDataDatabases.length > 0 ? (
+        <EuiFlexItem grow={false}>
+          {selectedItems[0].label === 'OpenSearch' ? (
+            <EuiTreeView aria-label="Sample Folder Tree" items={OpenSearchIndicesTree} />
+          ) : (
+            <EuiTreeView aria-label="Sample Folder Tree" items={treeDataDatabases} />
+          )}
+        </EuiFlexItem>
+      ) : (
+        <EuiFlexGroup alignItems="center" direction="column">
           <EuiFlexItem grow={false}>
-            {selectedItems[0].label === 'OpenSearch' ? (
-              <EuiTreeView aria-label="Sample Folder Tree" items={OpenSearchIndicesTree} />
-            ) : (
-              <EuiTreeView aria-label="Sample Folder Tree" items={treeDataDatabases} />
-            )}
+            <EuiEmptyPrompt
+              icon={<EuiIcon type="database" size="m" />}
+              iconColor="subdued"
+              titleSize="xs"
+              title={<p>No Data available</p>}
+              body={<p>{isLoadingBanner.status}</p>}
+            />
           </EuiFlexItem>
-        ) : (
-          <EuiFlexGroup alignItems="center" direction="column">
-            <EuiFlexItem grow={false}>
-              <EuiEmptyPrompt
-                iconType="alert"
-                iconColor="danger"
-                titleSize="xs"
-                title={<h4>Error loading data</h4>}
-              />
-            </EuiFlexItem>
-          </EuiFlexGroup>
-        )}
-        {indexFlyout}
-      </EuiFlexGroup>
+        </EuiFlexGroup>
+      )}
+      {indexFlyout}
     </>
   );
 };
diff --git a/public/framework/core_refs.ts b/public/framework/core_refs.ts
new file mode 100644
index 00000000..4fb9f758
--- /dev/null
+++ b/public/framework/core_refs.ts
@@ -0,0 +1,27 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { ApplicationStart, ChromeStart, HttpStart, IToasts } from '../../../../src/core/public';
+import { SavedObjectsClientContract } from '../../../../src/core/public';
+
+class CoreRefs {
+  private static _instance: CoreRefs;
+
+  public http?: HttpStart;
+  public savedObjectsClient?: SavedObjectsClientContract;
+  public toasts?: IToasts;
+  public chrome?: ChromeStart;
+  public application?: ApplicationStart;
+  private constructor() {
+    // ...
+  }
+
+  public static get Instance() {
+    // Do you need arguments? Make it a regular static method instead.
+    return this._instance || (this._instance = new this());
+  }
+}
+
+export const coreRefs = CoreRefs.Instance;
\ No newline at end of file
diff --git a/public/plugin.ts b/public/plugin.ts
index 213f4142..72e4ebfc 100644
--- a/public/plugin.ts
+++ b/public/plugin.ts
@@ -5,6 +5,7 @@
 
 import { AppMountParameters, CoreSetup, CoreStart, Plugin } from '../../../src/core/public';
 import { PLUGIN_NAME } from '../common/constants';
+import { coreRefs } from './framework/core_refs';
 import { AppPluginStartDependencies, WorkbenchPluginSetup, WorkbenchPluginStart } from './types';
 
 export class WorkbenchPlugin implements Plugin<WorkbenchPluginSetup, WorkbenchPluginStart> {
@@ -34,6 +35,13 @@ export class WorkbenchPlugin implements Plugin<WorkbenchPluginSetup, WorkbenchPl
   }
 
   public start(core: CoreStart): WorkbenchPluginStart {
+
+    coreRefs.http = core.http;
+    coreRefs.savedObjectsClient = core.savedObjects.client;
+    coreRefs.toasts = core.notifications.toasts;
+    coreRefs.chrome = core.chrome;
+    coreRefs.application = core.application;
+    
     return {};
   }
 
diff --git a/test/mocks/coreMocks.ts b/test/mocks/coreMocks.ts
new file mode 100644
index 00000000..6077a585
--- /dev/null
+++ b/test/mocks/coreMocks.ts
@@ -0,0 +1,19 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { CoreStart } from '../../../../src/core/public';
+import { coreMock } from '../../../../src/core/public/mocks';
+import httpClientMock from './httpClientMock';
+
+const coreStart = coreMock.createStart();
+coreStart.savedObjects.client.find = jest.fn(() => Promise.resolve({ savedObjects: [] })) as any;
+
+// TODO use coreMock for http
+const coreStartMock = ({
+  ...coreStart,
+  http: httpClientMock,
+} as unknown) as CoreStart;
+
+export { coreStartMock };
diff --git a/test/mocks/mockData.ts b/test/mocks/mockData.ts
index 9a01e0fa..7bfafa50 100644
--- a/test/mocks/mockData.ts
+++ b/test/mocks/mockData.ts
@@ -4,2253 +4,2055 @@
  */
 
 // @ts-ignore
-import { SortableProperty } from "@elastic/eui/lib/services";
+import { SortableProperty } from '@elastic/eui/lib/services';
 
 export const mockQueryResults = [
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Teddy",
-            "customer_full_name": "Teddy Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "Teddy@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Teddy',
+            customer_full_name: 'Teddy Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'Teddy@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "teddy",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'teddy',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 1,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 2,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 3,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 4,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 5,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 6,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 7,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 8,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 9,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 10,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 11,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
         },
         {
           rowId: 12,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
+      message: 'Successfull',
+    },
   },
   {
-    "fulfilled": true,
-    "data": {
-      "fields": [
-        "category",
-        "currency",
-        "customer_first_name",
-        "customer_full_name",
-        "customer_gender",
-        "customer_id",
-        "customer_last_name",
-        "customer_phone",
-        "day_of_week",
-        "day_of_week_i",
-        "email",
-        "manufacturer",
-        "order_date",
-        "order_id",
-        "products",
-        "sku",
-        "taxful_total_price",
-        "taxless_total_price",
-        "total_quantity",
-        "total_unique_products",
-        "type",
-        "user",
-        "geoip"
+    fulfilled: true,
+    data: {
+      fields: [
+        'category',
+        'currency',
+        'customer_first_name',
+        'customer_full_name',
+        'customer_gender',
+        'customer_id',
+        'customer_last_name',
+        'customer_phone',
+        'day_of_week',
+        'day_of_week_i',
+        'email',
+        'manufacturer',
+        'order_date',
+        'order_id',
+        'products',
+        'sku',
+        'taxful_total_price',
+        'taxless_total_price',
+        'total_quantity',
+        'total_unique_products',
+        'type',
+        'user',
+        'geoip',
       ],
-      "records": [
+      records: [
         {
           rowId: 0,
-          data:
-          {
-            "category": [
-              "Men's Clothing"
-            ],
-            "currency": "EUR",
-            "customer_first_name": "Eddie",
-            "customer_full_name": "Eddie Underwood",
-            "customer_gender": "MALE",
-            "customer_id": 38,
-            "customer_last_name": "Underwood",
-            "customer_phone": "",
-            "day_of_week": "Monday",
-            "day_of_week_i": 0,
-            "email": "eddie@underwood-family.zzz",
-            "manufacturer": [
-              "Elitelligence",
-              "Oceanavigations"
-            ],
-            "order_date": "2019-10-07T09:28:48+00:00",
-            "order_id": 584677,
-            "products": [
+          data: {
+            category: ["Men's Clothing"],
+            currency: 'EUR',
+            customer_first_name: 'Eddie',
+            customer_full_name: 'Eddie Underwood',
+            customer_gender: 'MALE',
+            customer_id: 38,
+            customer_last_name: 'Underwood',
+            customer_phone: '',
+            day_of_week: 'Monday',
+            day_of_week_i: 0,
+            email: 'eddie@underwood-family.zzz',
+            manufacturer: ['Elitelligence', 'Oceanavigations'],
+            order_date: '2019-10-07T09:28:48+00:00',
+            order_id: 584677,
+            products: [
               {
-                "base_price": 11.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Elitelligence",
-                "tax_amount": 0,
-                "product_id": 6283,
-                "category": "Men's Clothing",
-                "sku": "ZO0549605496",
-                "taxless_price": 11.99,
-                "unit_discount_amount": 0,
-                "min_price": 6.35,
-                "_id": "sold_product_584677_6283",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Basic T-shirt - dark blue/white",
-                "price": 11.99,
-                "taxful_price": 11.99,
-                "base_unit_price": 11.99
+                base_price: 11.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Elitelligence',
+                tax_amount: 0,
+                product_id: 6283,
+                category: "Men's Clothing",
+                sku: 'ZO0549605496',
+                taxless_price: 11.99,
+                unit_discount_amount: 0,
+                min_price: 6.35,
+                _id: 'sold_product_584677_6283',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Basic T-shirt - dark blue/white',
+                price: 11.99,
+                taxful_price: 11.99,
+                base_unit_price: 11.99,
               },
               {
-                "base_price": 24.99,
-                "discount_percentage": 0,
-                "quantity": 1,
-                "manufacturer": "Oceanavigations",
-                "tax_amount": 0,
-                "product_id": 19400,
-                "category": "Men's Clothing",
-                "sku": "ZO0299602996",
-                "taxless_price": 24.99,
-                "unit_discount_amount": 0,
-                "min_price": 11.75,
-                "_id": "sold_product_584677_19400",
-                "discount_amount": 0,
-                "created_on": "2016-12-26T09:28:48+00:00",
-                "product_name": "Sweatshirt - grey multicolor",
-                "price": 24.99,
-                "taxful_price": 24.99,
-                "base_unit_price": 24.99
-              }
-            ],
-            "sku": [
-              "ZO0549605496",
-              "ZO0299602996"
+                base_price: 24.99,
+                discount_percentage: 0,
+                quantity: 1,
+                manufacturer: 'Oceanavigations',
+                tax_amount: 0,
+                product_id: 19400,
+                category: "Men's Clothing",
+                sku: 'ZO0299602996',
+                taxless_price: 24.99,
+                unit_discount_amount: 0,
+                min_price: 11.75,
+                _id: 'sold_product_584677_19400',
+                discount_amount: 0,
+                created_on: '2016-12-26T09:28:48+00:00',
+                product_name: 'Sweatshirt - grey multicolor',
+                price: 24.99,
+                taxful_price: 24.99,
+                base_unit_price: 24.99,
+              },
             ],
-            "taxful_total_price": 36.98,
-            "taxless_total_price": 36.98,
-            "total_quantity": 2,
-            "total_unique_products": 2,
-            "type": "order",
-            "user": "eddie",
-            "geoip": {
-              "country_iso_code": "EG",
-              "location": {
-                "lon": 31.3,
-                "lat": 30.1
-              },
-              "region_name": "Cairo Governorate",
-              "continent_name": "Africa",
-              "city_name": "Cairo"
-            }
-          }
-        }
+            sku: ['ZO0549605496', 'ZO0299602996'],
+            taxful_total_price: 36.98,
+            taxless_total_price: 36.98,
+            total_quantity: 2,
+            total_unique_products: 2,
+            type: 'order',
+            user: 'eddie',
+            geoip: {
+              country_iso_code: 'EG',
+              location: {
+                lon: 31.3,
+                lat: 30.1,
+              },
+              region_name: 'Cairo Governorate',
+              continent_name: 'Africa',
+              city_name: 'Cairo',
+            },
+          },
+        },
       ],
-      "message": "Successfull"
-    }
-  }
+      message: 'Successfull',
+    },
+  },
 ];
 
 export const mockSortableColumns = getSortableColumns();
@@ -2261,93 +2063,93 @@ function getSortableColumns() {
     sortableColumns.push({
       name: field,
       getValue: (item: any) => item[field],
-      isAscending: true
+      isAscending: true,
     });
   });
   return sortableColumns;
 }
 
-
-export const mockQueries = ["select * from index_1",
-  "select * from index_2",
-  "select * from index_3",
-  "select * from index_4",
-  "select * from index_5",
-  "select * from index_6",
-  "select * from index_7",
-  "select * from index_8",
-  "select * from index_9",
-  "select * from index_10"];
+export const mockQueries = [
+  'select * from index_1',
+  'select * from index_2',
+  'select * from index_3',
+  'select * from index_4',
+  'select * from index_5',
+  'select * from index_6',
+  'select * from index_7',
+  'select * from index_8',
+  'select * from index_9',
+  'select * from index_10',
+];
 export const mockErrorMessage = [{ text: 'Error', className: 'error-message' }];
 export const mockSuccessfulMessage = [{ text: 'Successfull', className: 'successful-message' }];
 
-export const mockExpandedMap = new Map<number, { nodes: {}; expandedRow: {}; selectedNodes: {}; }>();
+export const mockExpandedMap = new Map<number, { nodes: {}; expandedRow: {}; selectedNodes: {} }>();
 mockExpandedMap[0] = {
   expandedRow: {},
   nodes: {},
-  selectedNodes: { "0_manufacturer": ["Elitelligence", "Oceanavigations"] }
+  selectedNodes: { '0_manufacturer': ['Elitelligence', 'Oceanavigations'] },
 };
 
 export const mockQueryResultJSONResponse = {
-  "data": {
-    "ok": true,
-    "resp": "{\"took\":6,\"timed_out\":false,\"_shards\":{\"total\":1,\"successful\":1,\"skipped\":0,\"failed\":0},\"hits\":{\"total\":4675,\"max_score\":1,\"hits\":[{\"_index\":\"kibana_sample_data_ecommerce\",\"_type\":\"_doc\",\"_id\":\"zpOZZG0BTX1z5xbJBaBA\",\"_score\":1,\"_source\":{\"category\":[\"Men's Clothing\"],\"currency\":\"EUR\",\"customer_first_name\":\"Eddie\",\"customer_full_name\":\"Eddie Underwood\",\"customer_gender\":\"MALE\",\"customer_id\":38,\"customer_last_name\":\"Underwood\",\"customer_phone\":\"\",\"day_of_week\":\"Monday\",\"day_of_week_i\":0,\"email\":\"eddie@underwood-family.zzz\",\"manufacturer\":[\"Elitelligence\",\"Oceanavigations\"],\"order_date\":\"2019-10-07T09:28:48+00:00\",\"order_id\":584677,\"products\":[{\"base_price\":11.99,\"discount_percentage\":0,\"quantity\":1,\"manufacturer\":\"Elitelligence\",\"tax_amount\":0,\"product_id\":6283,\"category\":\"Men's Clothing\",\"sku\":\"ZO0549605496\",\"taxless_price\":11.99,\"unit_discount_amount\":0,\"min_price\":6.35,\"_id\":\"sold_product_584677_6283\",\"discount_amount\":0,\"created_on\":\"2016-12-26T09:28:48+00:00\",\"product_name\":\"Basic T-shirt - dark blue/white\",\"price\":11.99,\"taxful_price\":11.99,\"base_unit_price\":11.99},{\"base_price\":24.99,\"discount_percentage\":0,\"quantity\":1,\"manufacturer\":\"Oceanavigations\",\"tax_amount\":0,\"product_id\":19400,\"category\":\"Men's Clothing\",\"sku\":\"ZO0299602996\",\"taxless_price\":24.99,\"unit_discount_amount\":0,\"min_price\":11.75,\"_id\":\"sold_product_584677_19400\",\"discount_amount\":0,\"created_on\":\"2016-12-26T09:28:48+00:00\",\"product_name\":\"Sweatshirt - grey multicolor\",\"price\":24.99,\"taxful_price\":24.99,\"base_unit_price\":24.99}],\"sku\":[\"ZO0549605496\",\"ZO0299602996\"],\"taxful_total_price\":36.98,\"taxless_total_price\":36.98,\"total_quantity\":2,\"total_unique_products\":2,\"type\":\"order\",\"user\":\"eddie\",\"geoip\":{\"country_iso_code\":\"EG\",\"location\":{\"lon\":31.3,\"lat\":30.1},\"region_name\":\"Cairo Governorate\",\"continent_name\":\"Africa\",\"city_name\":\"Cairo\"}}}]}}"
-  }
+  data: {
+    ok: true,
+    resp:
+      '{"took":6,"timed_out":false,"_shards":{"total":1,"successful":1,"skipped":0,"failed":0},"hits":{"total":4675,"max_score":1,"hits":[{"_index":"kibana_sample_data_ecommerce","_type":"_doc","_id":"zpOZZG0BTX1z5xbJBaBA","_score":1,"_source":{"category":["Men\'s Clothing"],"currency":"EUR","customer_first_name":"Eddie","customer_full_name":"Eddie Underwood","customer_gender":"MALE","customer_id":38,"customer_last_name":"Underwood","customer_phone":"","day_of_week":"Monday","day_of_week_i":0,"email":"eddie@underwood-family.zzz","manufacturer":["Elitelligence","Oceanavigations"],"order_date":"2019-10-07T09:28:48+00:00","order_id":584677,"products":[{"base_price":11.99,"discount_percentage":0,"quantity":1,"manufacturer":"Elitelligence","tax_amount":0,"product_id":6283,"category":"Men\'s Clothing","sku":"ZO0549605496","taxless_price":11.99,"unit_discount_amount":0,"min_price":6.35,"_id":"sold_product_584677_6283","discount_amount":0,"created_on":"2016-12-26T09:28:48+00:00","product_name":"Basic T-shirt - dark blue/white","price":11.99,"taxful_price":11.99,"base_unit_price":11.99},{"base_price":24.99,"discount_percentage":0,"quantity":1,"manufacturer":"Oceanavigations","tax_amount":0,"product_id":19400,"category":"Men\'s Clothing","sku":"ZO0299602996","taxless_price":24.99,"unit_discount_amount":0,"min_price":11.75,"_id":"sold_product_584677_19400","discount_amount":0,"created_on":"2016-12-26T09:28:48+00:00","product_name":"Sweatshirt - grey multicolor","price":24.99,"taxful_price":24.99,"base_unit_price":24.99}],"sku":["ZO0549605496","ZO0299602996"],"taxful_total_price":36.98,"taxless_total_price":36.98,"total_quantity":2,"total_unique_products":2,"type":"order","user":"eddie","geoip":{"country_iso_code":"EG","location":{"lon":31.3,"lat":30.1},"region_name":"Cairo Governorate","continent_name":"Africa","city_name":"Cairo"}}}]}}',
+  },
 };
 
-export const mockQueryResultCSVResponse =
-{
-  "data": {
-    "ok": true,
-    "resp": "\"geoip,customer_first_name,customer_phone,type,manufacturer,products,customer_full_name,order_date,customer_last_name,day_of_week_i,total_quantity,currency,taxless_total_price,total_unique_products,category,customer_id,sku,order_id,user,customer_gender,email,day_of_week,taxful_total_price\\n{continent_name=Africa, city_name=Cairo, country_iso_code=EG, location={lon=31.3, lat=30.1}, region_name=Cairo Governorate},Eddie,,order,[Elitelligence, Oceanavigations],[{tax_amount=0, taxful_price=11.99, quantity=1, taxless_price=11.99, discount_amount=0, base_unit_price=11.99, discount_percentage=0, product_name=Basic T-shirt - dark blue/white, manufacturer=Elitelligence, min_price=6.35, created_on=2016-12-26T09:28:48+00:00, unit_discount_amount=0, price=11.99, product_id=6283, base_price=11.99, _id=sold_product_584677_6283, category=Men's Clothing, sku=ZO0549605496}, {tax_amount=0, taxful_price=24.99, quantity=1, taxless_price=24.99, discount_amount=0, base_unit_price=24.99, discount_percentage=0, product_name=Sweatshirt - grey multicolor, manufacturer=Oceanavigations, min_price=11.75, created_on=2016-12-26T09:28:48+00:00, unit_discount_amount=0, price=24.99, product_id=19400, base_price=24.99, _id=sold_product_584677_19400, category=Men's Clothing, sku=ZO0299602996}],Eddie Underwood,2019-10-07T09:28:48+00:00,Underwood,0,2,EUR,36.98,2,[Men's Clothing],38,[ZO0549605496, ZO0299602996],584677,eddie,MALE,eddie@underwood-family.zzz,Monday,36.98\""
-  }
+export const mockQueryResultCSVResponse = {
+  data: {
+    ok: true,
+    resp:
+      "\"geoip,customer_first_name,customer_phone,type,manufacturer,products,customer_full_name,order_date,customer_last_name,day_of_week_i,total_quantity,currency,taxless_total_price,total_unique_products,category,customer_id,sku,order_id,user,customer_gender,email,day_of_week,taxful_total_price\\n{continent_name=Africa, city_name=Cairo, country_iso_code=EG, location={lon=31.3, lat=30.1}, region_name=Cairo Governorate},Eddie,,order,[Elitelligence, Oceanavigations],[{tax_amount=0, taxful_price=11.99, quantity=1, taxless_price=11.99, discount_amount=0, base_unit_price=11.99, discount_percentage=0, product_name=Basic T-shirt - dark blue/white, manufacturer=Elitelligence, min_price=6.35, created_on=2016-12-26T09:28:48+00:00, unit_discount_amount=0, price=11.99, product_id=6283, base_price=11.99, _id=sold_product_584677_6283, category=Men's Clothing, sku=ZO0549605496}, {tax_amount=0, taxful_price=24.99, quantity=1, taxless_price=24.99, discount_amount=0, base_unit_price=24.99, discount_percentage=0, product_name=Sweatshirt - grey multicolor, manufacturer=Oceanavigations, min_price=11.75, created_on=2016-12-26T09:28:48+00:00, unit_discount_amount=0, price=24.99, product_id=19400, base_price=24.99, _id=sold_product_584677_19400, category=Men's Clothing, sku=ZO0299602996}],Eddie Underwood,2019-10-07T09:28:48+00:00,Underwood,0,2,EUR,36.98,2,[Men's Clothing],38,[ZO0549605496, ZO0299602996],584677,eddie,MALE,eddie@underwood-family.zzz,Monday,36.98\"",
+  },
 };
 
-export const mockQueryResultJDBCResponse =
-{
-  "data": {
-    "ok": true,
-    "resp": "{\"schema\":[{\"name\":\"type\",\"type\":\"keyword\"},{\"name\":\"day_of_week_i\",\"type\":\"integer\"},{\"name\":\"total_quantity\",\"type\":\"integer\"},{\"name\":\"taxless_total_price\",\"type\":\"half_float\"},{\"name\":\"total_unique_products\",\"type\":\"integer\"},{\"name\":\"sku\",\"type\":\"keyword\"},{\"name\":\"customer_first_name\",\"type\":\"text\"},{\"name\":\"customer_phone\",\"type\":\"keyword\"},{\"name\":\"customer_full_name\",\"type\":\"text\"},{\"name\":\"order_id\",\"type\":\"keyword\"},{\"name\":\"manufacturer\",\"type\":\"text\"},{\"name\":\"customer_last_name\",\"type\":\"text\"},{\"name\":\"currency\",\"type\":\"keyword\"},{\"name\":\"email\",\"type\":\"keyword\"},{\"name\":\"day_of_week\",\"type\":\"keyword\"},{\"name\":\"customer_birth_date\",\"type\":\"date\"},{\"name\":\"order_date\",\"type\":\"date\"},{\"name\":\"category\",\"type\":\"text\"},{\"name\":\"customer_id\",\"type\":\"keyword\"},{\"name\":\"user\",\"type\":\"keyword\"},{\"name\":\"customer_gender\",\"type\":\"keyword\"},{\"name\":\"taxful_total_price\",\"type\":\"half_float\"}],\"total\":4675,\"datarows\":[[\"order\",0,2,36.98,2,[\"ZO0549605496\",\"ZO0299602996\"],\"Eddie\",\"\",\"Eddie Underwood\",584677,[\"Elitelligence\",\"Oceanavigations\"],\"Underwood\",\"EUR\",\"eddie@underwood-family.zzz\",\"Monday\",null,\"2019-10-07T09:28:48+00:00\",[\"Men's Clothing\"],38,\"eddie\",\"MALE\",36.98],[\"order\",6,2,53.98,2,[\"ZO0489604896\",\"ZO0185501855\"],\"Mary\",\"\",\"Mary Bailey\",584021,[\"Champion Arts\",\"Pyramidustries\"],\"Bailey\",\"EUR\",\"mary@bailey-family.zzz\",\"Sunday\",null,\"2019-10-06T21:59:02+00:00\",[\"Women's Clothing\"],20,\"mary\",\"FEMALE\",53.98]],\"size\":200,\"status\":200}"
-  }
+export const mockQueryResultJDBCResponse = {
+  data: {
+    ok: true,
+    resp:
+      '{"schema":[{"name":"type","type":"keyword"},{"name":"day_of_week_i","type":"integer"},{"name":"total_quantity","type":"integer"},{"name":"taxless_total_price","type":"half_float"},{"name":"total_unique_products","type":"integer"},{"name":"sku","type":"keyword"},{"name":"customer_first_name","type":"text"},{"name":"customer_phone","type":"keyword"},{"name":"customer_full_name","type":"text"},{"name":"order_id","type":"keyword"},{"name":"manufacturer","type":"text"},{"name":"customer_last_name","type":"text"},{"name":"currency","type":"keyword"},{"name":"email","type":"keyword"},{"name":"day_of_week","type":"keyword"},{"name":"customer_birth_date","type":"date"},{"name":"order_date","type":"date"},{"name":"category","type":"text"},{"name":"customer_id","type":"keyword"},{"name":"user","type":"keyword"},{"name":"customer_gender","type":"keyword"},{"name":"taxful_total_price","type":"half_float"}],"total":4675,"datarows":[["order",0,2,36.98,2,["ZO0549605496","ZO0299602996"],"Eddie","","Eddie Underwood",584677,["Elitelligence","Oceanavigations"],"Underwood","EUR","eddie@underwood-family.zzz","Monday",null,"2019-10-07T09:28:48+00:00",["Men\'s Clothing"],38,"eddie","MALE",36.98],["order",6,2,53.98,2,["ZO0489604896","ZO0185501855"],"Mary","","Mary Bailey",584021,["Champion Arts","Pyramidustries"],"Bailey","EUR","mary@bailey-family.zzz","Sunday",null,"2019-10-06T21:59:02+00:00",["Women\'s Clothing"],20,"mary","FEMALE",53.98]],"size":200,"status":200}',
+  },
 };
 
-export const mockQueryTranslationResponse =
-{
-  "data": {
-    "ok": true,
-    "resp": "{\"from\":0,\"size\":200}"
-  }
+export const mockQueryTranslationResponse = {
+  data: {
+    ok: true,
+    resp: '{"from":0,"size":200}',
+  },
 };
 
-export const mockNotOkQueryResultResponse =
-{
-  "data": {
-    "ok": false,
-    "resp": ""
-  }
+export const mockNotOkQueryResultResponse = {
+  data: {
+    ok: false,
+    resp: '',
+  },
 };
 
-export const mockResultWithNull =
-{
-  "data": {
-    "ok": true,
-    "resp": "{\"schema\":[{\"name\":\"name\",\"type\":\"keyword\"},{\"name\":\"city\",\"type\":\"keyword\"}],\"datarows\":[[\"Hattie\",\"Seattle\"],[\"John\"]]}"
-  }
-}
-export const mockHttpQuery = 
-{
-  "data": {
-    "ok": true,
-    resp: "{\"schema\":[{\"name\":\"TABLE_CAT\",\"type\":\"keyword\"}],\"datarows\":[[\"opensearch\",null,\".kibana_1\",\"BASE TABLE\",null,null,null,null,null,null]]}"
-  }
-}
-export const mockDatasourcesQuery = 
-{
-  "data": {
-    "ok": true,
-    resp: "[{  \"name\": \"my_glue\",  \"description\": \"\",  \"connector\": \"S3GLUE\",  \"allowedRoles\": [],  \"properties\": {      \"glue.indexstore.opensearch.uri\": \"\",      \"glue.indexstore.opensearch.region\": \"\"  }}]"
-  }
-}
+export const mockResultWithNull = {
+  data: {
+    ok: true,
+    resp:
+      '{"schema":[{"name":"name","type":"keyword"},{"name":"city","type":"keyword"}],"datarows":[["Hattie","Seattle"],["John"]]}',
+  },
+};
+export const mockHttpQuery = {
+  data: {
+    ok: true,
+    resp:
+      '{"schema":[{"name":"TABLE_CAT","type":"keyword"}],"datarows":[["opensearch",null,".kibana_1","BASE TABLE",null,null,null,null,null,null]]}',
+  },
+};
+export const mockDatasourcesQuery = {
+  data: {
+    ok: true,
+    resp:
+      '[{  "name": "my_glue",  "description": "",  "connector": "S3GLUE",  "allowedRoles": [],  "properties": {      "glue.indexstore.opensearch.uri": "",      "glue.indexstore.opensearch.region": ""  }}]',
+  },
+};
 
 export const mockJobId = {
   data: {
@@ -2367,8 +2169,15 @@ export const mockOpenSearchIndicies = {
 export const mockDatabaseQuery = {
   data: {
     ok: true,
-    resp: "{    \"schema\": [        {            \"name\": \"namespace\",            \"type\": \"string\"        }    ],    \"datarows\": [        [            \"default\"        ]    ],    \"total\": 1,    \"size\": 1}"
+    resp:
+      '{    "schema": [        {            "name": "namespace",            "type": "string"        }    ],    "datarows": [        [            "default"        ]    ],    "total": 1,    "size": 1}',
   },
 };
 
-
+export const mockOpenSearchTreeQuery = {
+  data: {
+    ok: true,
+    resp:
+      '{"schema":[{"name":"TABLE_CAT","type":"keyword"},{"name":"TABLE_SCHEM","type":"keyword"},{"name":"TABLE_NAME","type":"keyword"},{"name":"TABLE_TYPE","type":"keyword"},{"name":"REMARKS","type":"keyword"},{"name":"TYPE_CAT","type":"keyword"},{"name":"TYPE_SCHEM","type":"keyword"},{"name":"TYPE_NAME","type":"keyword"},{"name":"SELF_REFERENCING_COL_NAME","type":"keyword"},{"name":"REF_GENERATION","type":"keyword"}],"datarows":[["opensearch-cluster",null,".kibana_1","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".opendistro-job-scheduler-lock","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".opendistro-reports-definitions","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".opendistro-reports-instances","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".opendistro_security","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".opensearch-observability","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".plugins-ml-config","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".ql-datasources","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"jaeger-service-2023-01-24","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"jaeger-span-2023-01-24","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"opensearch_dashboards_sample_data_ecommerce","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"opensearch_dashboards_sample_data_flights","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"opensearch_dashboards_sample_data_logs","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"otel-v1-apm-service-map","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"otel-v1-apm-span-000001","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"otel-v1-apm-span-000002","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"sample-ecommerce","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"sample-host-health","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"sample-http-responses","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.16","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.17","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.18","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.19","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.20","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.21","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.22","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.23","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.24","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"security-auditlog-2023.10.25","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"windows","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,".kibana","BASE TABLE",null,null,null,null,null,null],["opensearch-cluster",null,"s3--pWlOosB5t9LzIj0oUsS","BASE TABLE",null,null,null,null,null,null]],"total":32,"size":32,"status":200}',
+  },
+};
diff --git a/test/setup.jest.ts b/test/setup.jest.ts
index 84bb96f2..70797915 100644
--- a/test/setup.jest.ts
+++ b/test/setup.jest.ts
@@ -3,23 +3,22 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import '@testing-library/jest-dom/extend-expect';
+import { configure } from '@testing-library/react';
+import { coreRefs } from '../public/framework/core_refs';
+import { coreStartMock } from '../test/mocks/coreMocks';
+configure({ testIdAttribute: 'data-test-subj' });
 
-import "@testing-library/jest-dom/extend-expect";
-import 'mutationobserver-shim';
-import { configure } from "@testing-library/react";
+jest.mock('@elastic/eui/lib/components/form/form_row/make_id', () => () => 'some_make_id');
 
-configure({ testIdAttribute: "data-test-subj" });
-
-jest.mock("@elastic/eui/lib/components/form/form_row/make_id", () => () => "some_make_id");
-
-jest.mock("@elastic/eui/lib/services/accessibility/html_id_generator", () => ({
+jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
   htmlIdGenerator: () => {
-    return () => "some_html_id";
+    return () => 'some_html_id';
   },
 }));
 
 // @ts-ignore
-window.Worker = function() {
+window.Worker = function () {
   this.postMessage = () => {};
   // @ts-ignore
   this.terminate = () => {};
@@ -28,15 +27,19 @@ window.Worker = function() {
 // @ts-ignore
 window.URL = {
   createObjectURL: () => {
-    return "";
+    return '';
   },
 };
 
-jest.mock("@elastic/eui/lib/components/icon", () => ({
-  EuiIcon: () => "EuiIconMock",
+jest.mock('@elastic/eui/lib/components/icon', () => ({
+  EuiIcon: () => 'EuiIconMock',
   __esModule: true,
-  IconPropType: require("@elastic/eui/lib/components/icon/icon").IconPropType,
-  ICON_TYPES: require("@elastic/eui/lib/components/icon/icon").TYPES,
-  ICON_SIZES: require("@elastic/eui/lib/components/icon/icon").SIZES,
-  ICON_COLORS: require("@elastic/eui/lib/components/icon/icon").COLORS,
+  IconPropType: require('@elastic/eui/lib/components/icon/icon').IconPropType,
+  ICON_TYPES: require('@elastic/eui/lib/components/icon/icon').TYPES,
+  ICON_SIZES: require('@elastic/eui/lib/components/icon/icon').SIZES,
+  ICON_COLORS: require('@elastic/eui/lib/components/icon/icon').COLORS,
 }));
+
+coreRefs.http = coreStartMock.http;
+coreRefs.savedObjectsClient = coreStartMock.savedObjects.client;
+coreRefs.toasts = coreStartMock.notifications.toasts;