From decda7fa651df6ed770855bc61bda78dd4c4f42b Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:11 +0000
Subject: [PATCH 01/12] Revert "Fix error handling for user w/o proper
 permissions (#195) (#197)"

This reverts commit 26ed0dca5e40e4ef0eeb1fa9d284a1238392fd41.

Signed-off-by: Eric <menwe@amazon.com>
---
 public/components/Main/__snapshots__/main.test.tsx.snap | 2 +-
 public/components/SQLPage/table_view.tsx                | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 63d0698f..1735ccb1 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -2381,7 +2381,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
                       class="euiText euiText--medium"
                     >
                       <p>
-                        Error in loading OpenSearch indices
+                        err
                       </p>
                     </div>
                   </span>
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index 9ff070b7..cbe9987c 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -112,7 +112,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           body: JSON.stringify(query),
         })
         .then((res) => {
-          const responseObj = JSON.parse(res.data.resp);
+          const responseObj = res.data.resp ? JSON.parse(res.data.resp) : {};
           const dataRows: any[][] = _.get(responseObj, 'datarows');
           if (dataRows.length > 0) {
             const fields = dataRows.map((data) => {
@@ -131,9 +131,9 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           console.error(err);
           setIsLoading({
             flag: false,
-            status: 'Error in loading OpenSearch indices',
+            status: err,
           });
-          setToast(`Error in loading OpenSearch indices, please check user permissions`, 'danger');
+          setToast(`ERROR ${err}`, 'danger');
         });
     } else {
       setTableNames([]);
@@ -536,7 +536,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
                     {node.type === TREE_ITEM_TABLE_NAME_DEFAULT_NAME && !node.isLoading && (
                       <EuiIcon
                         type="editorCodeBlock"
-                        onClick={(e) => handleQuery(e, parentName, node.name)}
+                        onClick={(e) => handleQuery(e,parentName,node.name)}
                       ></EuiIcon>
                     )}
                   </EuiText>

From 3763377d7c5b843b23c3d10f2bc72cf46984f18e Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:12 +0000
Subject: [PATCH 02/12] Revert "Increment version to 2.11.1.0 (#186)"

This reverts commit b18f5f4e71c9876ea2e41e2ec137ebbc3c3598e3.

Signed-off-by: Eric <menwe@amazon.com>
---
 opensearch_dashboards.json | 10 ++++------
 package.json               |  4 ++--
 2 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/opensearch_dashboards.json b/opensearch_dashboards.json
index c67be322..0240e24f 100644
--- a/opensearch_dashboards.json
+++ b/opensearch_dashboards.json
@@ -1,11 +1,9 @@
 {
   "id": "queryWorkbenchDashboards",
-  "version": "2.11.1.0",
-  "opensearchDashboardsVersion": "2.11.1",
+  "version": "2.11.0.0",
+  "opensearchDashboardsVersion": "2.11.0",
   "server": true,
   "ui": true,
-  "requiredPlugins": [
-    "navigation"
-  ],
+  "requiredPlugins": ["navigation"],
   "optionalPlugins": []
-}
\ No newline at end of file
+}
diff --git a/package.json b/package.json
index dc4cc7cc..55b9208d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "opensearch-query-workbench",
-  "version": "2.11.1.0",
+  "version": "2.11.0.0",
   "description": "Query Workbench",
   "main": "index.js",
   "license": "Apache-2.0",
@@ -47,4 +47,4 @@
     "semver": "^7.5.2",
     "@cypress/request": "^3.0.0"
   }
-}
\ No newline at end of file
+}

From dd4f2cde87e53343a59a8befd0208e128eb56cb6 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:13 +0000
Subject: [PATCH 03/12] Revert "added fix for loading spinner issue for other
 database (#189) (#192)"

This reverts commit 94805c50162946aebd041593e5ba4430153f0f45.

Signed-off-by: Eric <menwe@amazon.com>
---
 .../Main/__snapshots__/main.test.tsx.snap     |  12 +-
 .../__snapshots__/table_view.test.tsx.snap    |   2 +-
 public/components/SQLPage/table_view.scss     |  10 -
 public/components/SQLPage/table_view.tsx      | 230 ++++++++++--------
 .../selectors/index_type_selector.tsx         |  41 ++--
 .../selectors/source_selector.tsx             |  54 ++--
 6 files changed, 177 insertions(+), 172 deletions(-)
 delete mode 100644 public/components/SQLPage/table_view.scss

diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 1735ccb1..c90809bc 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -237,7 +237,7 @@ exports[`<Main /> spec click clear button 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
@@ -2904,7 +2904,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
@@ -5008,7 +5008,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
@@ -5642,7 +5642,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
@@ -6275,7 +6275,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
@@ -8366,7 +8366,7 @@ exports[`<Main /> spec renders the component 1`] = `
             class="euiFlexItem euiFlexItem--flexGrowZero"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
                 class="euiText euiText--medium euiTreeView__wrapper"
diff --git a/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap b/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
index b16a4bf3..b863ab12 100644
--- a/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
+++ b/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
@@ -70,7 +70,7 @@ exports[`Render databases in tree fetches and displays database nodes when datas
 exports[`Render databases in tree fetches and displays indicies when datasource is OpenSearch 1`] = `
 <div>
   <div
-    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+    class="euiFlexItem euiFlexItem--flexGrowZero"
   >
     <div
       class="euiText euiText--medium euiTreeView__wrapper"
diff --git a/public/components/SQLPage/table_view.scss b/public/components/SQLPage/table_view.scss
deleted file mode 100644
index 51b405c6..00000000
--- a/public/components/SQLPage/table_view.scss
+++ /dev/null
@@ -1,10 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-.workbench-tree {
-  .euiTreeView__node--expanded {
-    max-height: none !important; // Fixes OUI issue: https://github.com/opensearch-project/oui/issues/1118
-  }
-}
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index cbe9987c..24377a6b 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -15,7 +15,7 @@ import {
   EuiSpacer,
   EuiText,
   EuiToolTip,
-  EuiTreeView,
+  EuiTreeView
 } from '@elastic/eui';
 import { AccelerationIndexType, DatasourceTreeLoading, TreeItem, TreeItemType } from 'common/types';
 import _ from 'lodash';
@@ -35,7 +35,6 @@ import {
 import { useToast } from '../../../common/toast';
 import { getJobId, pollQueryStatus } from '../../../common/utils/async_query_helpers';
 import { AccelerationIndexFlyout } from './acceleration_index_flyout';
-import './table_view.scss';
 
 interface CustomView {
   http: CoreStart['http'];
@@ -150,28 +149,26 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             status: errorMessage,
           });
           setToast(errorMessage, 'danger');
-        } else {
-          pollQueryStatus(id, http, (data) => {
-            setIsLoading({ flag: true, status: data.status });
-            if (data.status === 'SUCCESS') {
-              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');
-            }
-          });
         }
+        pollQueryStatus(id, http, (data) => {
+          setIsLoading({ flag: true, status: data.status });
+          if (data.status === 'SUCCESS') {
+            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');
+          }
+        });
       });
     }
   };
 
   useEffect(() => {
-    setTreeData([]);
     setIsLoading({
       flag: true,
       status: 'Query Not Run',
@@ -179,17 +176,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     getSidebarContent();
   }, [selectedItems, refreshTree]);
 
-  const setTreeDataDatabaseError = (databaseName: string) => {
-    setTreeData((prevTreeData) => {
-      return prevTreeData.map((database) => {
-        if (database.name === databaseName) {
-          return { ...database, isLoading: false };
-        }
-        return database;
-      });
-    });
-  };
-
   const handleDatabaseClick = (databaseName: string) => {
     setTreeData((prevTreeData) => {
       return prevTreeData.map((database) => {
@@ -212,7 +198,14 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           flag: false,
           status: errorMessage,
         });
-        setTreeDataDatabaseError(databaseName);
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === databaseName) {
+              return { ...database, isExpanded: true, isLoading: false };
+            }
+            return database;
+          });
+        });
         setToast(errorMessage, 'danger');
       } else {
         pollQueryStatus(id, http, (data) => {
@@ -237,40 +230,17 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               flag: false,
               status: data.error,
             });
-            setTreeDataDatabaseError(databaseName);
             setToast(`ERROR ${data.error}`, 'danger');
           }
         });
       }
     });
   };
-  const setTreeDataTableError = (databaseName: string, tableName: string) => {
-    setTreeData((prevTreeData) => {
-      return prevTreeData.map((database) => {
-        if (database.name === databaseName) {
-          return {
-            ...database,
-            values: database.values?.map((table) => {
-              if (table.name === tableName) {
-                return {
-                  ...table,
-                  isLoading: false,
-                  isExpanded: false,
-                };
-              }
-              return table;
-            }),
-          };
-        }
-        return database;
-      });
-    });
-  };
 
-  const loadCoveringIndex = (tableName: string, databaseName: string) => {
+  const loadCoveringIndex = (tableName: string) => {
     const coverQuery = {
       lang: 'sql',
-      query: `SHOW INDEX ON ${selectedItems[0]['label']}.${databaseName}.${tableName}`,
+      query: `SHOW INDEX ON ${selectedItems[0]['label']}.${selectedDatabase}.${tableName}`,
       datasource: selectedItems[0]['label'],
     };
     getJobId(coverQuery, http, (id) => {
@@ -280,7 +250,26 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           flag: false,
           status: errorMessage,
         });
-        setTreeDataTableError(databaseName, tableName);
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === selectedDatabase) {
+              return {
+                ...database,
+                values: database.values?.map((table) => {
+                  if (table.name === tableName) {
+                    return {
+                      ...table,
+                      isLoading: false,
+                      isExpanded: false,
+                    };
+                  }
+                  return table;
+                }),
+              };
+            }
+            return database;
+          });
+        });
         setToast(errorMessage, 'danger');
       }
       pollQueryStatus(id, http, (data) => {
@@ -289,7 +278,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           let coverIndexObj = loadTreeItem(res, TREE_ITEM_COVERING_INDEX_DEFAULT_NAME);
           setTreeData((prevTreeData) => {
             return prevTreeData.map((database) => {
-              if (database.name === databaseName) {
+              if (database.name === selectedDatabase) {
                 return {
                   ...database,
                   values: database.values?.map((table) => {
@@ -319,17 +308,19 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             flag: false,
             status: data.error,
           });
-          setTreeDataTableError(databaseName, tableName);
           setToast(`ERROR ${data.error}`, 'danger');
         }
       });
     });
   };
 
-  const setLoadingForTableElements = (databaseName: string, tableName: string) => {
+  const handleButtonClick = (e: MouseEvent, tableName: string) => {
+    e.stopPropagation();
+    tableName = TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME;
+    setSelectedTable(tableName);
     setTreeData((prevTreeData) => {
       return prevTreeData.map((database) => {
-        if (database.name === databaseName) {
+        if (database.name === selectedDatabase) {
           return {
             ...database,
             values: database.values?.map((table) => {
@@ -346,15 +337,9 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         return database;
       });
     });
-  };
-
-  const handleButtonClick = (tableName: string, databaseName: string) => {
-    tableName = TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME;
-    setSelectedTable(tableName);
-    setLoadingForTableElements(databaseName, tableName);
     const materializedViewQuery = {
       lang: 'sql',
-      query: `SHOW MATERIALIZED VIEW IN ${selectedItems[0]['label']}.${databaseName}`,
+      query: `SHOW MATERIALIZED VIEW IN ${selectedItems[0]['label']}.${selectedDatabase}`,
       datasource: selectedItems[0]['label'],
     };
     getJobId(materializedViewQuery, http, (id) => {
@@ -364,7 +349,25 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           flag: false,
           status: errorMessage,
         });
-        setTreeDataTableError(tableName, databaseName);
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === selectedDatabase) {
+              return {
+                ...database,
+                values: database.values?.map((table) => {
+                  if (table.name === tableName) {
+                    return {
+                      ...table,
+                      isLoading: false,
+                    };
+                  }
+                  return table;
+                }),
+              };
+            }
+            return database;
+          });
+        });
         setToast(errorMessage, 'danger');
       } else {
         pollQueryStatus(id, http, (data) => {
@@ -386,7 +389,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             }
             setTreeData((prevTreeData) => {
               return prevTreeData.map((database) => {
-                if (database.name === databaseName) {
+                if (database.name === selectedDatabase) {
                   const updatedValues = database.values?.filter(
                     (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
                   );
@@ -405,7 +408,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               flag: false,
               status: data.error,
             });
-            setTreeDataTableError(databaseName, tableName);
             setToast(`ERROR ${data.error}`, 'danger');
           }
         });
@@ -413,12 +415,30 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     });
   };
 
-  const handleTableClick = (tableName: string, databaseName: string) => {
+  const handleTableClick = (tableName: string) => {
     setSelectedTable(tableName);
-    setLoadingForTableElements(databaseName, tableName);
+    setTreeData((prevTreeData) => {
+      return prevTreeData.map((database) => {
+        if (database.name === selectedDatabase) {
+          return {
+            ...database,
+            values: database.values?.map((table) => {
+              if (table.name === tableName) {
+                return {
+                  ...table,
+                  isLoading: true,
+                };
+              }
+              return table;
+            }),
+          };
+        }
+        return database;
+      });
+    });
     const skipQuery = {
       lang: 'sql',
-      query: `DESC SKIPPING INDEX ON ${selectedItems[0]['label']}.${databaseName}.${tableName}`,
+      query: `DESC SKIPPING INDEX ON ${selectedItems[0]['label']}.${selectedDatabase}.${tableName}`,
       datasource: selectedItems[0]['label'],
     };
     getJobId(skipQuery, http, (id) => {
@@ -428,7 +448,25 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           flag: false,
           status: 'error',
         });
-        setTreeDataTableError(databaseName, tableName);
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === selectedDatabase) {
+              return {
+                ...database,
+                values: database.values?.map((table) => {
+                  if (table.name === tableName) {
+                    return {
+                      ...table,
+                      isLoading: false,
+                    };
+                  }
+                  return table;
+                }),
+              };
+            }
+            return database;
+          });
+        });
         setToast(errorMessage, 'danger');
       } else {
         pollQueryStatus(id, http, (data) => {
@@ -436,7 +474,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             if (data.results.length > 0) {
               setTreeData((prevTreeData) => {
                 return prevTreeData.map((database) => {
-                  if (database.name === databaseName) {
+                  if (database.name === selectedDatabase) {
                     return {
                       ...database,
                       values: database.values?.map((table) => {
@@ -457,31 +495,22 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
                 });
               });
             }
-            loadCoveringIndex(tableName, databaseName);
+            loadCoveringIndex(tableName);
           } else if (data.status === 'FAILED') {
             setIsLoading({
               flag: false,
               status: data.error,
             });
-            setTreeDataTableError(databaseName, tableName);
             setToast(`ERROR ${data.error}`, 'danger');
           }
         });
       }
     });
   };
-  const handleQuery = (e: MouseEvent, parentName: string, tableName: string) => {
-    e.stopPropagation();
-    updateSQLQueries(`select * from ${selectedItems[0].label}.${parentName}.${tableName} limit 10`);
-  };
 
   const iconCreation = (node: TreeItem) => {
     if (node.type === TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME) {
-      return (
-        <EuiNotificationBadge aria-label="Materialized view" color="subdued">
-          MV
-        </EuiNotificationBadge>
-      );
+      return <EuiNotificationBadge aria-label='Materialized view' color = 'subdued'>MV</EuiNotificationBadge>;
     } else if (
       node.type === TREE_ITEM_BADGE_NAME ||
       node.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
@@ -514,10 +543,12 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         return (
           <div key={node.name}>
             <EuiFlexGroup direction="row">
-              <EuiFlexItem grow={false}>
-                <EuiBadge color="hollow">Load Materialized View</EuiBadge>
+              <EuiFlexItem>
+                <EuiBadge color="hollow" onClick={handleButtonClick}>
+                  Load Materialized View
+                </EuiBadge>
               </EuiFlexItem>
-              <EuiFlexItem grow={false}>
+              <EuiFlexItem>
                 <EuiText>{node.isLoading && <EuiLoadingSpinner size="m" />}</EuiText>
               </EuiFlexItem>
             </EuiFlexGroup>
@@ -529,16 +560,10 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           <div key={node.name}>
             <EuiToolTip position="right" content={node.name} delay="long">
               <EuiFlexGroup direction="row">
-                <EuiFlexItem grow={false}>
+                <EuiFlexItem>
                   <EuiText>
                     {_.truncate(node.name, { length: 50 })}{' '}
                     {node.isLoading && <EuiLoadingSpinner size="m" />}
-                    {node.type === TREE_ITEM_TABLE_NAME_DEFAULT_NAME && !node.isLoading && (
-                      <EuiIcon
-                        type="editorCodeBlock"
-                        onClick={(e) => handleQuery(e,parentName,node.name)}
-                      ></EuiIcon>
-                    )}
                   </EuiText>
                 </EuiFlexItem>
               </EuiFlexGroup>
@@ -577,15 +602,8 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       id: `${database.name}_${table.name}`,
       icon: iconCreation(table),
       callback: () => {
-        if (table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME) {
-          handleButtonClick(table.name, database.name);
-        }
-        if (
-          table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME &&
-          table.type !== TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME &&
-          table.values?.length === 0
-        ) {
-          handleTableClick(table.name, database.name);
+        if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.type !== TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME && table.values?.length === 0) {
+          handleTableClick(table.name);
         }
         if (table.type === TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME) {
           handleAccelerationIndexClick(
@@ -642,7 +660,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           </EuiFlexItem>
         </EuiFlexGroup>
       ) : OpenSearchIndicesTree.length > 0 || treeDataDatabases.length > 0 ? (
-        <EuiFlexItem grow={false} className="workbench-tree">
+        <EuiFlexItem grow={false}>
           {selectedItems[0].label === 'OpenSearch' ? (
             <EuiTreeView aria-label="Sample Folder Tree" items={OpenSearchIndicesTree} />
           ) : (
diff --git a/public/components/acceleration/selectors/index_type_selector.tsx b/public/components/acceleration/selectors/index_type_selector.tsx
index 1ea4bffd..00e1e92d 100644
--- a/public/components/acceleration/selectors/index_type_selector.tsx
+++ b/public/components/acceleration/selectors/index_type_selector.tsx
@@ -56,28 +56,27 @@ export const IndexTypeSelector = ({
       getJobId(query, http, (id: string) => {
         if (id === undefined) {
           setToast(errorMessage, 'danger');
-        } else {
-          pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-            if (data.status === 'SUCCESS') {
-              const dataTableFields: DataTableFieldsType[] = data.results
-                .filter((row) => !row[0].startsWith('#'))
-                .map((row, index) => ({
-                  id: `${idPrefix}${index + 1}`,
-                  fieldName: row[0],
-                  dataType: row[1],
-                }));
-              setAccelerationFormData({
-                ...accelerationFormData,
-                dataTableFields: dataTableFields,
-              });
-              setLoading(false);
-            }
-            if (data.status === 'FAILED') {
-              setLoading(false);
-              setToast(errorMessage, 'danger');
-            }
-          });
         }
+        pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
+          if (data.status === 'SUCCESS') {
+            const dataTableFields: DataTableFieldsType[] = data.results
+              .filter((row) => !row[0].startsWith('#'))
+              .map((row, index) => ({
+                id: `${idPrefix}${index + 1}`,
+                fieldName: row[0],
+                dataType: row[1],
+              }));
+            setAccelerationFormData({
+              ...accelerationFormData,
+              dataTableFields: dataTableFields,
+            });
+            setLoading(false);
+          }
+          if (data.status === 'FAILED') {
+            setLoading(false);
+            setToast(errorMessage, 'danger');
+          }
+        });
       });
     }
   }, [accelerationFormData.dataTable]);
diff --git a/public/components/acceleration/selectors/source_selector.tsx b/public/components/acceleration/selectors/source_selector.tsx
index d23b1230..0c488127 100644
--- a/public/components/acceleration/selectors/source_selector.tsx
+++ b/public/components/acceleration/selectors/source_selector.tsx
@@ -70,21 +70,20 @@ export const AccelerationDataSourceSelector = ({
     getJobId(query, http, (id: string) => {
       if (id === undefined) {
         setToast(errorMessage, 'danger');
-      } else {
-        pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-          if (data.status === 'SUCCESS') {
-            let databaseOptions: EuiComboBoxOptionOption<string>[] = [];
-            if (data.results.length > 0)
-              databaseOptions = data.results.map((subArray: any[]) => ({ label: subArray[0] }));
-            setDatabases(databaseOptions);
-            setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
-          }
-          if (data.status === 'FAILED') {
-            setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
-            setToast(errorMessage, 'danger');
-          }
-        });
       }
+      pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
+        if (data.status === 'SUCCESS') {
+          let databaseOptions: EuiComboBoxOptionOption<string>[] = [];
+          if (data.results.length > 0)
+            databaseOptions = data.results.map((subArray: any[]) => ({ label: subArray[0] }));
+          setDatabases(databaseOptions);
+          setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
+        }
+        if (data.status === 'FAILED') {
+          setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
+          setToast(errorMessage, 'danger');
+        }
+      });
     });
   };
 
@@ -99,21 +98,20 @@ export const AccelerationDataSourceSelector = ({
     getJobId(query, http, (id: string) => {
       if (id === undefined) {
         setToast(errorMessage, 'danger');
-      } else {
-        pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-          if (data.status === 'SUCCESS') {
-            let dataTableOptions: EuiComboBoxOptionOption<string>[] = [];
-            if (data.results.length > 0)
-              dataTableOptions = data.results.map((subArray) => ({ label: subArray[1] }));
-            setTables(dataTableOptions);
-            setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
-          }
-          if (data.status === 'FAILED') {
-            setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
-            setToast(errorMessage, 'danger');
-          }
-        });
       }
+      pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
+        if (data.status === 'SUCCESS') {
+          let dataTableOptions: EuiComboBoxOptionOption<string>[] = [];
+          if (data.results.length > 0)
+            dataTableOptions = data.results.map((subArray) => ({ label: subArray[1] }));
+          setTables(dataTableOptions);
+          setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
+        }
+        if (data.status === 'FAILED') {
+          setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
+          setToast(errorMessage, 'danger');
+        }
+      });
     });
   };
 

From 40091f03bb98be79b27631d824227e15db755c12 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:13 +0000
Subject: [PATCH 04/12] Revert "UI-bug fixes, added create query for MV (#182)
 (#188)"

This reverts commit 4187b6d9bf781fbdca33f6de02ca2a750ffbdb52.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/constants/index.ts                  |  25 +-
 common/utils/async_query_helpers.ts        |   3 -
 public/components/SQLPage/CreateButton.tsx |  19 +-
 public/components/SQLPage/table_view.tsx   | 356 +++++++--------------
 4 files changed, 117 insertions(+), 286 deletions(-)

diff --git a/common/constants/index.ts b/common/constants/index.ts
index 2f04ad9d..e8a1b68f 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -18,20 +18,18 @@ export const TREE_ITEM_TABLE_NAME_DEFAULT_NAME = `table`;
 export const TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME = `Load Materialized View`;
 export const TREE_ITEM_BADGE_NAME = `badge`;
 export const LOAD_OPENSEARCH_INDICES_QUERY = `SHOW tables LIKE '%';`;
-export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON datasource.database.table 
+export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON myS3.logs_db.http_logs 
 (status VALUE_SET) 
 WITH (
-  auto_refresh = true,
-  checkpoint_location = 's3://test/'
+  auto_refresh = true
   )`;
-export const COVERING_INDEX_QUERY = `CREATE INDEX covering_idx ON datasource.database.table
+export const COVERING_INDEX_QUERY = `CREATE INDEX covering_idx ON myS3.logs_db.http_logs
  (status) 
  WITH (
-  auto_refresh = true,
-  checkpoint_location = 's3://test/'
+  auto_refresh = true
   )`;
-export const CREATE_DATABASE_QUERY = `CREATE DATABASE datasource.database`;
-export const CREATE_TABLE_QUERY = `CREATE EXTERNAL TABLE datasource.database.table (
+export const CREATE_DATABASE_QUERY = `CREATE DATABASE myS3.logs_db`;
+export const CREATE_TABLE_QUERY = `CREATE EXTERNAL TABLE myS3.logs_db.logs (
   key BIGINT,
   status INTEGER,
   size FLOAT,
@@ -44,17 +42,6 @@ OPTIONS (
   compression 'gzip'
 );`;
 
-export const CREATE_MATERIALIZED_VIEW = `CREATE MATERIALIZED VIEW datasource.database.materialized_view
-AS SELECT
-   count(field)
-FROM datasource.database.table
-GROUP BY TUMBLE (timestamp, '2 hours')
- WITH (
-auto_refresh = true,
-watermark_delay = '2 minutes',
-checkpoint_location = 's3://test/'
-)`;
-
 export const ACCELERATION_INDEX_TYPES = [
   { label: 'Skipping Index', value: 'skipping' },
   { label: 'Covering Index', value: 'covering' },
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
index bc4f874c..b2153237 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -30,9 +30,6 @@ export const getJobId = (query: {}, http: CoreStart['http'], callback) => {
     .then((res) => {
       const id = res.data.resp.queryId;
       setAsyncSessionId(_.get(res.data.resp, 'sessionId', null));
-      if (id === undefined) {
-        console.error(JSON.parse(res.data.body));
-      }
       callback(id);
     })
     .catch((err) => {
diff --git a/public/components/SQLPage/CreateButton.tsx b/public/components/SQLPage/CreateButton.tsx
index 2120b926..d22eaf34 100644
--- a/public/components/SQLPage/CreateButton.tsx
+++ b/public/components/SQLPage/CreateButton.tsx
@@ -8,9 +8,8 @@ import React, { useState } from 'react';
 import {
   COVERING_INDEX_QUERY,
   CREATE_DATABASE_QUERY,
-  CREATE_MATERIALIZED_VIEW,
   CREATE_TABLE_QUERY,
-  SKIPPING_INDEX_QUERY
+  SKIPPING_INDEX_QUERY,
 } from '../../../common/constants';
 
 interface CreateButtonProps {
@@ -58,13 +57,6 @@ export const CreateButton = ({ updateSQLQueries, selectedDatasource }: CreateBut
     },
   ];
 
-  const materializedViewItems = [
-    {
-      name: 'Materialized View',
-      onClick: () => handleSubMenuClick(CREATE_MATERIALIZED_VIEW),
-    },
-  ];
-
   const button = (
     <EuiButton iconType="arrowDown" iconSide="right" onClick={() => togglePopover(null)}>
       Create
@@ -96,10 +88,6 @@ export const CreateButton = ({ updateSQLQueries, selectedDatasource }: CreateBut
                     name: 'Acceleration Index',
                     panel: 2,
                   },
-                  {
-                    name: 'Materialized View',
-                    panel: 3,
-                  }
                 ],
               },
               {
@@ -112,11 +100,6 @@ export const CreateButton = ({ updateSQLQueries, selectedDatasource }: CreateBut
                 title: 'Acceleration Index Options',
                 items: acceleratedIndexItems,
               },
-              {
-                id: 3,
-                title: 'Create Materialized View',
-                items: materializedViewItems,
-              },
             ]}
           />
         </EuiPopover>
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index 24377a6b..bc3206ad 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -11,11 +11,10 @@ import {
   EuiFlexItem,
   EuiIcon,
   EuiLoadingSpinner,
-  EuiNotificationBadge,
   EuiSpacer,
   EuiText,
   EuiToolTip,
-  EuiTreeView
+  EuiTreeView,
 } from '@elastic/eui';
 import { AccelerationIndexType, DatasourceTreeLoading, TreeItem, TreeItemType } from 'common/types';
 import _ from 'lodash';
@@ -123,7 +122,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               flag: false,
               status: 'Error fetching data',
             });
-            setToast(`ERROR fetching data`, 'danger');
+            setToast(`ERROR: fetching data`, 'danger');
           }
         })
         .catch((err) => {
@@ -132,7 +131,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             flag: false,
             status: err,
           });
-          setToast(`ERROR ${err}`, 'danger');
+          setToast(`ERROR: ${err}`,'danger');
         });
     } else {
       setTableNames([]);
@@ -142,14 +141,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         datasource: selectedItems[0]['label'],
       };
       getJobId(query, http, (id) => {
-        if (id === undefined) {
-          const errorMessage = 'ERROR fetching databases';
-          setIsLoading({
-            flag: false,
-            status: errorMessage,
-          });
-          setToast(errorMessage, 'danger');
-        }
         pollQueryStatus(id, http, (data) => {
           setIsLoading({ flag: true, status: data.status });
           if (data.status === 'SUCCESS') {
@@ -161,7 +152,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               flag: false,
               status: data.error,
             });
-            setToast(`ERROR ${data.error}`, 'danger');
+            setToast(`ERROR: ${data.error}`,'danger');
           }
         });
       });
@@ -192,48 +183,31 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(query, http, (id) => {
-      if (id === undefined) {
-        const errorMessage = 'ERROR fetching Tables';
-        setIsLoading({
-          flag: false,
-          status: errorMessage,
-        });
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === databaseName) {
-              return { ...database, isExpanded: true, isLoading: false };
-            }
-            return database;
-          });
-        });
-        setToast(errorMessage, 'danger');
-      } else {
-        pollQueryStatus(id, http, (data) => {
-          if (data.status === 'SUCCESS') {
-            const fetchTables = data.results.map((subArray) => subArray[1]);
-            let values = loadTreeItem(fetchTables, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
-            let mvObj = loadTreeItem(
-              [TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME],
-              TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-            );
-            values = [...values, ...mvObj];
-            setTreeData((prevTreeData) => {
-              return prevTreeData.map((database) => {
-                if (database.name === databaseName) {
-                  return { ...database, values: values, isExpanded: true, isLoading: false };
-                }
-                return database;
-              });
-            });
-          } else if (data.status === 'FAILED') {
-            setIsLoading({
-              flag: false,
-              status: data.error,
+      pollQueryStatus(id, http, (data) => {
+        if (data.status === 'SUCCESS') {
+          const fetchTables = data.results.map((subArray) => subArray[1]);
+          let values = loadTreeItem(fetchTables, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
+          let mvObj = loadTreeItem(
+            [TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME],
+            TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
+          );
+          values = [...values, ...mvObj];
+          setTreeData((prevTreeData) => {
+            return prevTreeData.map((database) => {
+              if (database.name === databaseName) {
+                return { ...database, values: values, isExpanded: true, isLoading: false };
+              }
+              return database;
             });
-            setToast(`ERROR ${data.error}`, 'danger');
-          }
-        });
-      }
+          });
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
+        }
+      });
     });
   };
 
@@ -244,34 +218,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(coverQuery, http, (id) => {
-      if (id === undefined) {
-        const errorMessage = 'ERROR fetching Covering Index';
-        setIsLoading({
-          flag: false,
-          status: errorMessage,
-        });
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === selectedDatabase) {
-              return {
-                ...database,
-                values: database.values?.map((table) => {
-                  if (table.name === tableName) {
-                    return {
-                      ...table,
-                      isLoading: false,
-                      isExpanded: false,
-                    };
-                  }
-                  return table;
-                }),
-              };
-            }
-            return database;
-          });
-        });
-        setToast(errorMessage, 'danger');
-      }
       pollQueryStatus(id, http, (data) => {
         if (data.status === 'SUCCESS') {
           const res = [].concat(data.results);
@@ -308,7 +254,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             flag: false,
             status: data.error,
           });
-          setToast(`ERROR ${data.error}`, 'danger');
+          setToast(`ERROR: ${data.error}`, 'danger');
         }
       });
     });
@@ -316,7 +262,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   const handleButtonClick = (e: MouseEvent, tableName: string) => {
     e.stopPropagation();
-    tableName = TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME;
     setSelectedTable(tableName);
     setTreeData((prevTreeData) => {
       return prevTreeData.map((database) => {
@@ -343,75 +288,44 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(materializedViewQuery, http, (id) => {
-      if (id === undefined) {
-        const errorMessage = 'ERROR fetching Materialized View';
-        setIsLoading({
-          flag: false,
-          status: errorMessage,
-        });
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === selectedDatabase) {
-              return {
-                ...database,
-                values: database.values?.map((table) => {
-                  if (table.name === tableName) {
-                    return {
-                      ...table,
-                      isLoading: false,
-                    };
-                  }
-                  return table;
-                }),
-              };
-            }
-            return database;
-          });
-        });
-        setToast(errorMessage, 'danger');
-      } else {
-        pollQueryStatus(id, http, (data) => {
-          if (data.status === 'SUCCESS') {
-            const fetchMaterialzedView = data.results;
-            let values = loadTreeItem(
-              fetchMaterialzedView,
-              TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME
-            );
-            if (values.length === 0) {
-              values = [
-                {
-                  name: 'No Materialized View',
-                  type: TREE_ITEM_BADGE_NAME,
-                  isExpanded: false,
+      pollQueryStatus(id, http, (data) => {
+        if (data.status === 'SUCCESS') {
+          const fetchMaterialzedView = data.results.map((subArray) => subArray[1]);
+          let values = loadTreeItem(fetchMaterialzedView, TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME);
+          if (values.length === 0) {
+            values = [
+              {
+                name: 'No Materialized View',
+                type: TREE_ITEM_BADGE_NAME,
+                isExpanded: false,
+                isLoading: false,
+              },
+            ];
+          }
+          setTreeData((prevTreeData) => {
+            return prevTreeData.map((database) => {
+              if (database.name === selectedDatabase) {
+                const updatedValues = database.values?.filter(
+                  (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
+                );
+                return {
+                  ...database,
+                  values: updatedValues?.concat(...values),
                   isLoading: false,
-                },
-              ];
-            }
-            setTreeData((prevTreeData) => {
-              return prevTreeData.map((database) => {
-                if (database.name === selectedDatabase) {
-                  const updatedValues = database.values?.filter(
-                    (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-                  );
-                  return {
-                    ...database,
-                    values: updatedValues?.concat(...values),
-                    isLoading: false,
-                    isExpanded: true,
-                  };
-                }
-                return database;
-              });
-            });
-          } else if (data.status === 'FAILED') {
-            setIsLoading({
-              flag: false,
-              status: data.error,
+                  isExpanded: true,
+                };
+              }
+              return database;
             });
-            setToast(`ERROR ${data.error}`, 'danger');
-          }
-        });
-      }
+          });
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
+        }
+      });
     });
   };
 
@@ -442,92 +356,44 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(skipQuery, http, (id) => {
-      if (id === undefined) {
-        const errorMessage = 'ERROR fetching Skipping index';
-        setIsLoading({
-          flag: false,
-          status: 'error',
-        });
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === selectedDatabase) {
-              return {
-                ...database,
-                values: database.values?.map((table) => {
-                  if (table.name === tableName) {
-                    return {
-                      ...table,
-                      isLoading: false,
-                    };
-                  }
-                  return table;
-                }),
-              };
-            }
-            return database;
-          });
-        });
-        setToast(errorMessage, 'danger');
-      } else {
-        pollQueryStatus(id, http, (data) => {
-          if (data.status === 'SUCCESS') {
-            if (data.results.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;
-                });
+      pollQueryStatus(id, http, (data) => {
+        if (data.status === 'SUCCESS') {
+          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');
           }
-        });
-      }
+          loadCoveringIndex(tableName);
+        } else if (data.status === 'FAILED') {
+          setIsLoading({
+            flag: false,
+            status: data.error,
+          });
+          setToast(`ERROR: ${data.error}`,'danger');
+        }
+      });
     });
   };
 
-  const iconCreation = (node: TreeItem) => {
-    if (node.type === TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME) {
-      return <EuiNotificationBadge aria-label='Materialized view' color = 'subdued'>MV</EuiNotificationBadge>;
-    } else if (
-      node.type === TREE_ITEM_BADGE_NAME ||
-      node.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-    ) {
-      return null;
-    } else if (node.type === TREE_ITEM_TABLE_NAME_DEFAULT_NAME) {
-      return <EuiIcon type="tableDensityCompact" size="s" />;
-    } else if (node.type === TREE_ITEM_DATABASE_NAME_DEFAULT_NAME) {
-      return <EuiIcon type="database" size="m" />;
-    } else if (
-      node.type === TREE_ITEM_COVERING_INDEX_DEFAULT_NAME ||
-      TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME
-    ) {
-      return <EuiIcon type="bolt" size="m" />;
-    }
-  };
-
   const createLabel = (node: TreeItem, parentName: string, index: number) => {
     switch (node.type) {
       case TREE_ITEM_BADGE_NAME:
@@ -542,16 +408,10 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       case TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME:
         return (
           <div key={node.name}>
-            <EuiFlexGroup direction="row">
-              <EuiFlexItem>
-                <EuiBadge color="hollow" onClick={handleButtonClick}>
-                  Load Materialized View
-                </EuiBadge>
-              </EuiFlexItem>
-              <EuiFlexItem>
-                <EuiText>{node.isLoading && <EuiLoadingSpinner size="m" />}</EuiText>
-              </EuiFlexItem>
-            </EuiFlexGroup>
+            <EuiBadge color="hollow" onClick={handleButtonClick}>
+              Load Materialized View
+            </EuiBadge>
+            <EuiText>{node.isLoading && <EuiLoadingSpinner size="m" />}</EuiText>
           </div>
         );
 
@@ -588,7 +448,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   const treeDataDatabases = treeData.map((database, index) => ({
     label: createLabel(database, selectedItems[0].label, index),
-    icon: iconCreation(database),
+    icon: <EuiIcon type="database" size="m" />,
     id: 'element_' + index,
     callback: () => {
       if (database.values?.length === 0 && selectedItems[0].label !== 'OpenSearch') {
@@ -600,12 +460,16 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     children: database.values?.map((table, index) => ({
       label: createLabel(table, database.name, index),
       id: `${database.name}_${table.name}`,
-      icon: iconCreation(table),
+      icon:
+        table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME ? null : table.type ===
+          TREE_ITEM_BADGE_NAME ? null : (
+          <EuiIcon type="tableDensityCompact" size="s" />
+        ),
       callback: () => {
-        if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.type !== TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME && table.values?.length === 0) {
+        if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.values?.length === 0) {
           handleTableClick(table.name);
         }
-        if (table.type === TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME) {
+        if (table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME) {
           handleAccelerationIndexClick(
             'materialized',
             selectedItems[0].label,
@@ -619,7 +483,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       children: table.values?.map((indexChild, index) => ({
         label: createLabel(indexChild, table.name, index),
         id: `${database.name}_${table.name}_${indexChild.name}`,
-        icon: iconCreation(indexChild),
+        icon: indexChild.type === TREE_ITEM_BADGE_NAME ? null : <EuiIcon type="bolt" size="s" />,
         callback: () => {
           if (indexChild.type !== TREE_ITEM_BADGE_NAME) {
             handleAccelerationIndexClick(

From 4a58411f9fe035298a2a1a367c13b84206dddc10 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:13 +0000
Subject: [PATCH 05/12] Revert "Add backticks and remove ckpt for manual
 refresh in acceleration flyout (#183) (#185)"

This reverts commit f96c5d9d6e94052666a7b9a96dfba7401603e4c8.

Signed-off-by: Eric <menwe@amazon.com>
---
 .../__tests__/query_builder.test.tsx          |  7 ---
 .../visual_editors/query_builder.tsx          | 36 +++++++---------
 test/mocks/accelerationMock.ts                | 43 +++++++------------
 3 files changed, 31 insertions(+), 55 deletions(-)

diff --git a/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx b/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
index be39d151..44797479 100644
--- a/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
+++ b/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
@@ -13,13 +13,11 @@ import {
   indexOptionsMock3,
   indexOptionsMock4,
   indexOptionsMock5,
-  indexOptionsMock6,
   indexOptionsMockResult1,
   indexOptionsMockResult2,
   indexOptionsMockResult3,
   indexOptionsMockResult4,
   indexOptionsMockResult5,
-  indexOptionsMockResult6,
   materializedViewBuilderMock1,
   materializedViewBuilderMock2,
   materializedViewBuilderMockResult1,
@@ -62,11 +60,6 @@ describe('buildIndexOptions', () => {
     expect(indexOptions).toEqual(indexOptionsMockResult5);
   });
 
-  it('should build index options with manual refresh and checkpoint', () => {
-    const indexOptions = buildIndexOptions(indexOptionsMock6);
-    expect(indexOptions).toEqual(indexOptionsMockResult6);
-  });
-
   describe('skippingIndexQueryBuilder', () => {
     it('should build skipping index query as expected with interval refresh', () => {
       const result = skippingIndexQueryBuilder(skippingIndexBuilderMock1);
diff --git a/public/components/acceleration/visual_editors/query_builder.tsx b/public/components/acceleration/visual_editors/query_builder.tsx
index c395d9fc..e299f52e 100644
--- a/public/components/acceleration/visual_editors/query_builder.tsx
+++ b/public/components/acceleration/visual_editors/query_builder.tsx
@@ -46,7 +46,7 @@ export const buildIndexOptions = (accelerationformData: CreateAccelerationForm)
     );
   }
 
-  if (refreshType !== 'manual' && checkpointLocation) {
+  if (checkpointLocation) {
     // Add checkpoint location option
     indexOptions.push(`checkpoint_location = '${checkpointLocation}'`);
   }
@@ -58,7 +58,7 @@ export const buildIndexOptions = (accelerationformData: CreateAccelerationForm)
 /* Add skipping index columns to query */
 const buildSkippingIndexColumns = (skippingIndexQueryData: SkippingIndexRowType[]) => {
   return skippingIndexQueryData
-    .map((n) => `   \`${n.fieldName}\` ${n.accelerationMethod}`)
+    .map((n) => `   ${n.fieldName} ${n.accelerationMethod}`)
     .join(', \n');
 };
 
@@ -68,9 +68,9 @@ const buildSkippingIndexColumns = (skippingIndexQueryData: SkippingIndexRowType[
  *
  * CREATE SKIPPING INDEX
  * ON datasource.database.table (
- *    `field1` VALUE_SET,
- *    `field2` PARTITION,
- *    `field3` MIN_MAX,
+ *    field1 VALUE_SET,
+ *    field2 PARTITION,
+ *    field3 MIN_MAX,
  * ) WITH (
  * auto_refresh = true,
  * refresh_interval = '1 minute',
@@ -91,7 +91,7 @@ ${buildSkippingIndexColumns(skippingIndexQueryData)}
 
 /* Add covering index columns to query */
 const buildCoveringIndexColumns = (coveringIndexQueryData: string[]) => {
-  return coveringIndexQueryData.map((field) => `   \`${field}\``).join(', \n');
+  return coveringIndexQueryData.map((field) => `   ${field}`).join(', \n');
 };
 
 /*
@@ -100,9 +100,9 @@ const buildCoveringIndexColumns = (coveringIndexQueryData: string[]) => {
  *
  * CREATE INDEX index_name
  * ON datasource.database.table (
- *    `field1`,
- *    `field2`,
- *    `field3`,
+ *    field1,
+ *    field2,
+ *    field3,
  * ) WITH (
  * auto_refresh = true,
  * refresh_interval = '1 minute',
@@ -127,16 +127,12 @@ ${buildCoveringIndexColumns(coveringIndexQueryData)}
   return codeQuery;
 };
 
-const buildMaterializedViewColumnName = (columnName: string) => {
-  return columnName === '*' ? columnName : `\`${columnName}\``;
-};
-
 const buildMaterializedViewColumns = (columnsValues: MaterializedViewColumn[]) => {
   return columnsValues
     .map(
       (column) =>
-        `   ${column.functionName}(${buildMaterializedViewColumnName(column.functionParam)})${
-          column.fieldAlias ? ` AS \`${column.fieldAlias}\`` : ``
+        `   ${column.functionName}(${column.functionParam})${
+          column.fieldAlias ? ` AS ${column.fieldAlias}` : ``
         }`
     )
     .join(', \n');
@@ -145,7 +141,7 @@ const buildMaterializedViewColumns = (columnsValues: MaterializedViewColumn[]) =
 /* Build group by tumble values */
 const buildTumbleValue = (GroupByTumbleValue: GroupByTumbleType) => {
   const { timeField, tumbleWindow, tumbleInterval } = GroupByTumbleValue;
-  return `(\`${timeField}\`, '${tumbleWindow} ${tumbleInterval}${pluralizeTime(tumbleWindow)}')`;
+  return `(${timeField}, '${tumbleWindow} ${tumbleInterval}${pluralizeTime(tumbleWindow)}')`;
 };
 
 /*
@@ -154,10 +150,10 @@ const buildTumbleValue = (GroupByTumbleValue: GroupByTumbleType) => {
  *
  * CREATE MATERIALIZED VIEW datasource.database.index_name
  * AS SELECT
- * count(`field`) as `counter`,
- * count(*) as `counter1`,
- * sum(`field2`),
- * avg(`field3`) as `average`
+ * count(field) as counter,
+ * count(*) as counter1,
+ * sum(field2),
+ * avg(field3) as average
  *  WITH (
  * auto_refresh = true,
  * refresh_interval = '1 minute',
diff --git a/test/mocks/accelerationMock.ts b/test/mocks/accelerationMock.ts
index 47c96000..16ea9391 100644
--- a/test/mocks/accelerationMock.ts
+++ b/test/mocks/accelerationMock.ts
@@ -236,24 +236,11 @@ export const skippingIndexBuilderMock1: CreateAccelerationForm = {
   checkpointLocation: 's3://test/',
 };
 
-export const indexOptionsMock6: CreateAccelerationForm = {
-  ...createAccelerationEmptyDataMock,
-  primaryShardsCount: 1,
-  replicaShardsCount: 1,
-  refreshType: 'manual',
-  checkpointLocation: 's3://dsfsad/dasda',
-};
-
-export const indexOptionsMockResult6 = `WITH (
-index_settings = '{"number_of_shards":1,"number_of_replicas":1}',
-auto_refresh = false
-)`;
-
 export const skippingIndexBuilderMockResult1 = `CREATE SKIPPING INDEX
 ON datasource.database.table (
-   \`field1\` PARTITION, 
-   \`field2\` VALUE_SET, 
-   \`field3\` MIN_MAX
+   field1 PARTITION, 
+   field2 VALUE_SET, 
+   field3 MIN_MAX
   ) WITH (
 index_settings = '{"number_of_shards":9,"number_of_replicas":2}',
 auto_refresh = true,
@@ -282,7 +269,7 @@ export const skippingIndexBuilderMock2: CreateAccelerationForm = {
 
 export const skippingIndexBuilderMockResult2 = `CREATE SKIPPING INDEX
 ON datasource.database.table (
-   \`field1\` PARTITION
+   field1 PARTITION
   ) WITH (
 index_settings = '{"number_of_shards":5,"number_of_replicas":3}',
 auto_refresh = true,
@@ -308,9 +295,9 @@ export const coveringIndexBuilderMock1: CreateAccelerationForm = {
 
 export const coveringIndexBuilderMockResult1 = `CREATE INDEX index_name
 ON datasource.database.table (
-   \`field1\`, 
-   \`field2\`, 
-   \`field3\`
+   field1, 
+   field2, 
+   field3
   ) WITH (
 index_settings = '{"number_of_shards":9,"number_of_replicas":2}',
 auto_refresh = true,
@@ -333,7 +320,7 @@ export const coveringIndexBuilderMock2: CreateAccelerationForm = {
 
 export const coveringIndexBuilderMockResult2 = `CREATE INDEX index_name
 ON datasource.database.table (
-   \`field1\`
+   field1
   ) WITH (
 index_settings = '{"number_of_shards":5,"number_of_replicas":3}',
 auto_refresh = true,
@@ -376,12 +363,12 @@ export const materializedViewBuilderMock1: CreateAccelerationForm = {
 
 export const materializedViewBuilderMockResult1 = `CREATE MATERIALIZED VIEW datasource.database.index_name
 AS SELECT
-   count(\`field\`) AS \`counter\`, 
-   count(*) AS \`counter1\`, 
-   sum(\`field2\`), 
-   avg(\`field3\`) AS \`average\`
+   count(field) AS counter, 
+   count(*) AS counter1, 
+   sum(field2), 
+   avg(field3) AS average
 FROM datasource.database.table
-GROUP BY TUMBLE (\`timestamp\`, '1 minute')
+GROUP BY TUMBLE (timestamp, '1 minute')
  WITH (
 index_settings = '{"number_of_shards":9,"number_of_replicas":2}',
 auto_refresh = true,
@@ -417,9 +404,9 @@ export const materializedViewBuilderMock2: CreateAccelerationForm = {
 
 export const materializedViewBuilderMockResult2 = `CREATE MATERIALIZED VIEW datasource.database.index_name
 AS SELECT
-   count(\`field\`)
+   count(field)
 FROM datasource.database.table
-GROUP BY TUMBLE (\`timestamp\`, '2 hours')
+GROUP BY TUMBLE (timestamp, '2 hours')
  WITH (
 index_settings = '{"number_of_shards":5,"number_of_replicas":3}',
 auto_refresh = true,

From 2b7fba3971de1956d20369e8fa98abe952681d00 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:13 +0000
Subject: [PATCH 06/12] Revert "Session update, minor fixes for acceleration
 flyout (#179) (#181)"

This reverts commit 257fb538c2ddacce04b2c585857daf2f7765ae6a.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/constants/index.ts                      |  3 +--
 common/utils/async_query_helpers.ts            |  5 ++---
 public/components/Main/main.tsx                | 10 +++-------
 .../create_acceleration.test.tsx.snap          | 12 ++++++------
 .../create/__tests__/utils.test.tsx            |  5 -----
 .../create/create_acceleration.tsx             |  2 +-
 .../define_index_options.test.tsx.snap         |  2 +-
 .../index_setting_options.test.tsx.snap        | 18 +++++++++---------
 .../selectors/define_index_options.tsx         |  5 +----
 .../selectors/index_setting_options.tsx        |  6 +++---
 .../selectors/index_type_selector.tsx          |  7 -------
 .../acceleration/selectors/source_selector.tsx | 13 -------------
 .../materialized_view/add_column_popover.tsx   |  5 +++++
 .../materialized_view/column_expression.tsx    |  5 +++++
 .../group_by_tumble_expression.tsx             |  9 ++++++---
 .../materialized_view_builder.tsx              |  6 +++++-
 16 files changed, 48 insertions(+), 65 deletions(-)

diff --git a/common/constants/index.ts b/common/constants/index.ts
index e8a1b68f..724aae24 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -72,7 +72,7 @@ export const SKIPPING_INDEX_ACCELERATION_METHODS = [
 
 export const ACCELERATION_ADD_FIELDS_TEXT = '(add fields here)';
 export const ACCELERATION_INDEX_NAME_REGEX = /^[a-z][a-z_]*$/;
-export const ACCELERATION_S3_URL_REGEX = /^(s3|s3a):\/\/[a-zA-Z0-9.\-]+/;
+export const ACCELERATION_S3_URL_REGEX = /^(s3|s3a):\/\/[a-zA-Z0-9.\-]+\/.*/;
 export const ACCELERATION_DEFUALT_SKIPPING_INDEX_NAME = 'skipping';
 
 export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices have a naming format of pattern: \`prefix_<index name>_suffix\`. They share a common prefix structure, which is \`flint_<data source name>_<database name>_<table name>_\`. Additionally, they may have a suffix that varies based on the index type. 
@@ -89,7 +89,6 @@ export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices
 - All user given index names must be in lowercase letters. Index name cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \, |, ?, #, >, or < are not allowed.  
   `;
 
-export const OPENSEARCH_SQL_INIT_QUERY = `SHOW tables LIKE '%';`;
 export const TIMESTAMP_DATATYPE = 'timestamp';
 export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery';
 export const POLL_INTERVAL_MS = 2000;
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
index b2153237..1dad6116 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -13,9 +13,8 @@ import {
 } from '../constants';
 
 export const setAsyncSessionId = (value: string | null) => {
-  if (value !== null) {
-    sessionStorage.setItem(ASYNC_QUERY_SESSION_ID, value);
-  }
+  if (value === null) sessionStorage.removeItem(ASYNC_QUERY_SESSION_ID);
+  else sessionStorage.setItem(ASYNC_QUERY_SESSION_ID, value);
 };
 
 export const getAsyncSessionId = () => {
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index bf7c101c..fe1ebacc 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -25,7 +25,6 @@ import { ChromeBreadcrumb, CoreStart } from '../../../../../src/core/public';
 import {
   ASYNC_QUERY_ENDPOINT,
   ASYNC_QUERY_JOB_ENDPOINT,
-  OPENSEARCH_SQL_INIT_QUERY,
   POLL_INTERVAL_MS,
 } from '../../../common/constants';
 import { AsyncQueryLoadingStatus } from '../../../common/types';
@@ -240,7 +239,7 @@ export class Main extends React.Component<MainProps, MainState> {
     this.onChange = this.onChange.bind(this);
     this.state = {
       language: 'SQL',
-      sqlQueriesString: OPENSEARCH_SQL_INIT_QUERY,
+      sqlQueriesString: "SHOW tables LIKE '%';",
       pplQueriesString: '',
       queries: [],
       queryTranslations: [],
@@ -817,11 +816,8 @@ export class Main extends React.Component<MainProps, MainState> {
   }
 
   handleDataSelect = (selectedItems: EuiComboBoxOptionOption[]) => {
-    this.updateSQLQueries('');
-    this.updatePPLQueries('');
-    this.onClear();
-    if (selectedItems[0].label === 'OpenSearch' && this.state.language === 'SQL') {
-      this.updateSQLQueries(OPENSEARCH_SQL_INIT_QUERY);
+    if (selectedItems[0].label !== 'OpenSearch' && this.state.language === 'SQL') {
+      this.updateSQLQueries('');
     }
     this.setState({
       selectedDatasource: selectedItems,
diff --git a/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap b/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
index 74c1d775..b01c43b2 100644
--- a/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
+++ b/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
@@ -574,7 +574,7 @@ Array [
                               min="1"
                               placeholder="Number of primary shards"
                               type="number"
-                              value="5"
+                              value="1"
                             />
                           </div>
                         </div>
@@ -582,7 +582,7 @@ Array [
                           class="euiFormHelpText euiFormRow__text"
                           id="some_html_id-help-0"
                         >
-                          Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
+                          Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created.
                         </div>
                       </div>
                     </div>
@@ -627,7 +627,7 @@ Array [
                           class="euiFormHelpText euiFormRow__text"
                           id="some_html_id-help-0"
                         >
-                          Specify the number of replicas each primary shard should have.
+                          Specify the number of replicas each primary shard should have. Default is 1.
                         </div>
                       </div>
                     </div>
@@ -1819,7 +1819,7 @@ Array [
                                 onFocus={[Function]}
                                 placeholder="Number of primary shards"
                                 type="number"
-                                value={5}
+                                value={1}
                               />
                             </div>
                           </div>
@@ -1827,7 +1827,7 @@ Array [
                             className="euiFormHelpText euiFormRow__text"
                             id="some_html_id-help-0"
                           >
-                            Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
+                            Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created.
                           </div>
                         </div>
                       </div>,
@@ -1875,7 +1875,7 @@ Array [
                             className="euiFormHelpText euiFormRow__text"
                             id="some_html_id-help-0"
                           >
-                            Specify the number of replicas each primary shard should have.
+                            Specify the number of replicas each primary shard should have. Default is 1.
                           </div>
                         </div>
                       </div>,
diff --git a/public/components/acceleration/create/__tests__/utils.test.tsx b/public/components/acceleration/create/__tests__/utils.test.tsx
index 547a5317..97425c4a 100644
--- a/public/components/acceleration/create/__tests__/utils.test.tsx
+++ b/public/components/acceleration/create/__tests__/utils.test.tsx
@@ -186,11 +186,6 @@ describe('validateCheckpointLocation', () => {
     expect(validCheckpoint).toEqual([]);
   });
 
-  it('should return an empty array when the checkpoint location is a valid S3A URL with just bucket in checkpoint', () => {
-    const validCheckpoint = validateCheckpointLocation('auto', 's3a://valid-s3-bucket');
-    expect(validCheckpoint).toEqual([]);
-  });
-
   it('should return an empty array when using manual refresh with no checkpoint location', () => {
     const validMaterializedCheckpoint = validateCheckpointLocation('manual', '');
     expect(validMaterializedCheckpoint).toEqual([]);
diff --git a/public/components/acceleration/create/create_acceleration.tsx b/public/components/acceleration/create/create_acceleration.tsx
index eb5433a4..ebb9dd93 100644
--- a/public/components/acceleration/create/create_acceleration.tsx
+++ b/public/components/acceleration/create/create_acceleration.tsx
@@ -61,7 +61,7 @@ export const CreateAcceleration = ({
       },
     },
     accelerationIndexName: ACCELERATION_DEFUALT_SKIPPING_INDEX_NAME,
-    primaryShardsCount: 5,
+    primaryShardsCount: 1,
     replicaShardsCount: 1,
     refreshType: 'auto',
     checkpointLocation: undefined,
diff --git a/public/components/acceleration/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap b/public/components/acceleration/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
index 7eef9e2f..acc218be 100644
--- a/public/components/acceleration/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
+++ b/public/components/acceleration/selectors/__tests__/__snapshots__/define_index_options.test.tsx.snap
@@ -277,7 +277,7 @@ Array [
           className="euiFormLabel euiFormControlLayout__prepend"
           htmlFor="some_html_id"
         >
-          flint_{Datasource Name}_{Database Name}_
+          flint_{Datasource Name}_{Database Name}_{Table Name}_
         </label>
         <span
           className="euiToolTipAnchor"
diff --git a/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap b/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
index 41f00876..f71875c5 100644
--- a/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
+++ b/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
@@ -196,7 +196,7 @@ Array [
             onFocus={[Function]}
             placeholder="Number of primary shards"
             type="number"
-            value={5}
+            value={1}
           />
         </div>
       </div>
@@ -204,7 +204,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
+        Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created.
       </div>
     </div>
   </div>,
@@ -252,7 +252,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of replicas each primary shard should have.
+        Specify the number of replicas each primary shard should have. Default is 1.
       </div>
     </div>
   </div>,
@@ -604,7 +604,7 @@ Array [
             onFocus={[Function]}
             placeholder="Number of primary shards"
             type="number"
-            value={5}
+            value={1}
           />
         </div>
       </div>
@@ -612,7 +612,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
+        Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created.
       </div>
     </div>
   </div>,
@@ -660,7 +660,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of replicas each primary shard should have.
+        Specify the number of replicas each primary shard should have. Default is 1.
       </div>
     </div>
   </div>,
@@ -1012,7 +1012,7 @@ Array [
             onFocus={[Function]}
             placeholder="Number of primary shards"
             type="number"
-            value={5}
+            value={1}
           />
         </div>
       </div>
@@ -1020,7 +1020,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created.
+        Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created.
       </div>
     </div>
   </div>,
@@ -1068,7 +1068,7 @@ Array [
         className="euiFormHelpText euiFormRow__text"
         id="some_html_id-help-0"
       >
-        Specify the number of replicas each primary shard should have.
+        Specify the number of replicas each primary shard should have. Default is 1.
       </div>
     </div>
   </div>,
diff --git a/public/components/acceleration/selectors/define_index_options.tsx b/public/components/acceleration/selectors/define_index_options.tsx
index 9f8c89b8..6d57e675 100644
--- a/public/components/acceleration/selectors/define_index_options.tsx
+++ b/public/components/acceleration/selectors/define_index_options.tsx
@@ -72,10 +72,7 @@ export const DefineIndexOptions = ({
       accelerationFormData.database !== '' ? accelerationFormData.database : '{Database Name}';
     const dataTable =
       accelerationFormData.dataTable !== '' ? accelerationFormData.dataTable : '{Table Name}';
-    const prependValue =
-      accelerationFormData.accelerationIndexType === 'materialized'
-        ? `flint_${dataSource}_${database}_`
-        : `flint_${dataSource}_${database}_${dataTable}_`;
+    const prependValue = `flint_${dataSource}_${database}_${dataTable}_`;
     return [
       prependValue,
       <EuiIconTip type="iInCircle" color="subdued" content={prependValue} position="top" />,
diff --git a/public/components/acceleration/selectors/index_setting_options.tsx b/public/components/acceleration/selectors/index_setting_options.tsx
index 45796a34..56d2a635 100644
--- a/public/components/acceleration/selectors/index_setting_options.tsx
+++ b/public/components/acceleration/selectors/index_setting_options.tsx
@@ -56,7 +56,7 @@ export const IndexSettingOptions = ({
     },
   ];
 
-  const [primaryShards, setPrimaryShards] = useState(5);
+  const [primaryShards, setPrimaryShards] = useState(1);
   const [replicaCount, setReplicaCount] = useState(1);
   const [refreshTypeSelected, setRefreshTypeSelected] = useState(autoRefreshId);
   const [refreshWindow, setRefreshWindow] = useState(1);
@@ -156,7 +156,7 @@ export const IndexSettingOptions = ({
       />
       <EuiFormRow
         label="Number of primary shards"
-        helpText="Specify the number of primary shards for the index. The number of primary shards cannot be changed after the index is created."
+        helpText="Specify the number of primary shards for the index. Default is 1. The number of primary shards cannot be changed after the index is created."
         isInvalid={hasError(accelerationFormData.formErrors, 'primaryShardsError')}
         error={accelerationFormData.formErrors.primaryShardsError}
       >
@@ -181,7 +181,7 @@ export const IndexSettingOptions = ({
       </EuiFormRow>
       <EuiFormRow
         label="Number of replicas"
-        helpText="Specify the number of replicas each primary shard should have."
+        helpText="Specify the number of replicas each primary shard should have. Default is 1."
         isInvalid={hasError(accelerationFormData.formErrors, 'replicaShardsError')}
         error={accelerationFormData.formErrors.replicaShardsError}
       >
diff --git a/public/components/acceleration/selectors/index_type_selector.tsx b/public/components/acceleration/selectors/index_type_selector.tsx
index 00e1e92d..dc155e9f 100644
--- a/public/components/acceleration/selectors/index_type_selector.tsx
+++ b/public/components/acceleration/selectors/index_type_selector.tsx
@@ -18,7 +18,6 @@ import {
   ACCELERATION_INDEX_TYPES,
   ACC_INDEX_TYPE_DOCUMENTATION_URL,
 } from '../../../../common/constants';
-import { useToast } from '../../../../common/toast';
 import {
   AccelerationIndexType,
   CreateAccelerationForm,
@@ -37,7 +36,6 @@ export const IndexTypeSelector = ({
   accelerationFormData,
   setAccelerationFormData,
 }: IndexTypeSelectorProps) => {
-  const { setToast } = useToast();
   const [selectedIndexType, setSelectedIndexType] = useState<EuiComboBoxOptionOption<string>[]>([
     ACCELERATION_INDEX_TYPES[0],
   ]);
@@ -52,11 +50,7 @@ export const IndexTypeSelector = ({
         query: `DESC ${accelerationFormData.dataSource}.${accelerationFormData.database}.${accelerationFormData.dataTable}`,
         datasource: accelerationFormData.dataSource,
       };
-      const errorMessage = 'ERROR: failed to load table columns';
       getJobId(query, http, (id: string) => {
-        if (id === undefined) {
-          setToast(errorMessage, 'danger');
-        }
         pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
           if (data.status === 'SUCCESS') {
             const dataTableFields: DataTableFieldsType[] = data.results
@@ -74,7 +68,6 @@ export const IndexTypeSelector = ({
           }
           if (data.status === 'FAILED') {
             setLoading(false);
-            setToast(errorMessage, 'danger');
           }
         });
       });
diff --git a/public/components/acceleration/selectors/source_selector.tsx b/public/components/acceleration/selectors/source_selector.tsx
index 0c488127..d296c237 100644
--- a/public/components/acceleration/selectors/source_selector.tsx
+++ b/public/components/acceleration/selectors/source_selector.tsx
@@ -7,7 +7,6 @@ import { EuiComboBox, EuiComboBoxOptionOption, EuiFormRow, EuiSpacer, EuiText }
 import producer from 'immer';
 import React, { useEffect, useState } from 'react';
 import { CoreStart } from '../../../../../../src/core/public';
-import { useToast } from '../../../../common/toast';
 import { CreateAccelerationForm } from '../../../../common/types';
 import { getJobId, pollQueryStatus } from '../../../../common/utils/async_query_helpers';
 import { hasError, validateDataSource } from '../create/utils';
@@ -25,7 +24,6 @@ export const AccelerationDataSourceSelector = ({
   setAccelerationFormData,
   selectedDatasource,
 }: AccelerationDataSourceSelectorProps) => {
-  const { setToast } = useToast();
   const [dataConnections, setDataConnections] = useState<EuiComboBoxOptionOption<string>[]>([]);
   const [selectedDataConnection, setSelectedDataConnection] = useState<
     EuiComboBoxOptionOption<string>[]
@@ -54,7 +52,6 @@ export const AccelerationDataSourceSelector = ({
       })
       .catch((err) => {
         console.error(err);
-        setToast(`ERROR: failed to load datasources`, 'danger');
       });
     setLoadingComboBoxes({ ...loadingComboBoxes, dataSource: false });
   };
@@ -66,11 +63,7 @@ export const AccelerationDataSourceSelector = ({
       query: `SHOW SCHEMAS IN ${accelerationFormData.dataSource}`,
       datasource: accelerationFormData.dataSource,
     };
-    const errorMessage = `ERROR: failed to load databases`;
     getJobId(query, http, (id: string) => {
-      if (id === undefined) {
-        setToast(errorMessage, 'danger');
-      }
       pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
         if (data.status === 'SUCCESS') {
           let databaseOptions: EuiComboBoxOptionOption<string>[] = [];
@@ -81,7 +74,6 @@ export const AccelerationDataSourceSelector = ({
         }
         if (data.status === 'FAILED') {
           setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
-          setToast(errorMessage, 'danger');
         }
       });
     });
@@ -94,11 +86,7 @@ export const AccelerationDataSourceSelector = ({
       query: `SHOW TABLES IN ${accelerationFormData.dataSource}.${accelerationFormData.database}`,
       datasource: accelerationFormData.dataSource,
     };
-    const errorMessage = `ERROR: failed to load tables`;
     getJobId(query, http, (id: string) => {
-      if (id === undefined) {
-        setToast(errorMessage, 'danger');
-      }
       pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
         if (data.status === 'SUCCESS') {
           let dataTableOptions: EuiComboBoxOptionOption<string>[] = [];
@@ -109,7 +97,6 @@ export const AccelerationDataSourceSelector = ({
         }
         if (data.status === 'FAILED') {
           setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
-          setToast(errorMessage, 'danger');
         }
       });
     });
diff --git a/public/components/acceleration/visual_editors/materialized_view/add_column_popover.tsx b/public/components/acceleration/visual_editors/materialized_view/add_column_popover.tsx
index f396e0a8..6d91c5b7 100644
--- a/public/components/acceleration/visual_editors/materialized_view/add_column_popover.tsx
+++ b/public/components/acceleration/visual_editors/materialized_view/add_column_popover.tsx
@@ -26,6 +26,7 @@ import {
   CreateAccelerationForm,
   MaterializedViewColumn,
 } from '../../../../../common/types';
+import { validateMaterializedViewData } from '../../create/utils';
 
 interface AddColumnPopOverProps {
   isColumnPopOverOpen: boolean;
@@ -81,6 +82,10 @@ export const AddColumnPopOver = ({
     setAccelerationFormData(
       producer((accData) => {
         accData.materializedViewQueryData.columnsValues = newColumnExpresionValue;
+        accData.formErrors.materializedViewError = validateMaterializedViewData(
+          accData.accelerationIndexType,
+          accData.materializedViewQueryData
+        );
       })
     );
 
diff --git a/public/components/acceleration/visual_editors/materialized_view/column_expression.tsx b/public/components/acceleration/visual_editors/materialized_view/column_expression.tsx
index 9569b2d8..5f9a0909 100644
--- a/public/components/acceleration/visual_editors/materialized_view/column_expression.tsx
+++ b/public/components/acceleration/visual_editors/materialized_view/column_expression.tsx
@@ -22,6 +22,7 @@ import {
   CreateAccelerationForm,
   MaterializedViewColumn,
 } from '../../../../../common/types';
+import { validateMaterializedViewData } from '../../create/utils';
 
 interface ColumnExpressionProps {
   index: number;
@@ -56,6 +57,10 @@ export const ColumnExpression = ({
     setAccelerationFormData(
       producer((accData) => {
         accData.materializedViewQueryData.columnsValues = newColumnExpresionValue;
+        accData.formErrors.materializedViewError = validateMaterializedViewData(
+          accData.accelerationIndexType,
+          accData.materializedViewQueryData
+        );
       })
     );
     setColumnExpressionValues(newColumnExpresionValue);
diff --git a/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx b/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
index 9ee0a12f..0207c164 100644
--- a/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
+++ b/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
@@ -18,7 +18,7 @@ import producer from 'immer';
 import React, { useState } from 'react';
 import { ACCELERATION_TIME_INTERVAL, TIMESTAMP_DATATYPE } from '../../../../../common/constants';
 import { CreateAccelerationForm, GroupByTumbleType } from '../../../../../common/types';
-import { hasError, pluralizeTime } from '../../create/utils';
+import { hasError, pluralizeTime, validateMaterializedViewData } from '../../create/utils';
 
 interface GroupByTumbleExpressionProps {
   accelerationFormData: CreateAccelerationForm;
@@ -41,6 +41,10 @@ export const GroupByTumbleExpression = ({
     setAccelerationFormData(
       producer((accData) => {
         accData.materializedViewQueryData.groupByTumbleValue = newGroupByValue;
+        accData.formErrors.materializedViewError = validateMaterializedViewData(
+          accData.accelerationIndexType,
+          accData.materializedViewQueryData
+        );
       })
     );
   };
@@ -86,10 +90,9 @@ export const GroupByTumbleExpression = ({
         anchorPosition="downLeft"
       >
         <EuiFlexGroup>
-          <EuiFlexItem>
+          <EuiFlexItem grow={false}>
             <EuiFormRow label="Time Field">
               <EuiComboBox
-                style={{ minWidth: '200px' }}
                 placeholder="Select one or more options"
                 singleSelection={{ asPlainText: true }}
                 options={accelerationFormData.dataTableFields
diff --git a/public/components/acceleration/visual_editors/materialized_view/materialized_view_builder.tsx b/public/components/acceleration/visual_editors/materialized_view/materialized_view_builder.tsx
index f14f50bf..e9ef4319 100644
--- a/public/components/acceleration/visual_editors/materialized_view/materialized_view_builder.tsx
+++ b/public/components/acceleration/visual_editors/materialized_view/materialized_view_builder.tsx
@@ -19,7 +19,7 @@ import {
   CreateAccelerationForm,
   MaterializedViewColumn,
 } from '../../../../../common/types';
-import { hasError } from '../../create/utils';
+import { hasError, validateMaterializedViewData } from '../../create/utils';
 import { AddColumnPopOver } from './add_column_popover';
 import { ColumnExpression } from './column_expression';
 import { GroupByTumbleExpression } from './group_by_tumble_expression';
@@ -53,6 +53,10 @@ export const MaterializedViewBuilder = ({
       setAccelerationFormData(
         producer((accData) => {
           accData.materializedViewQueryData.columnsValues = newColumnExpresionValue;
+          accData.formErrors.materializedViewError = validateMaterializedViewData(
+            accData.accelerationIndexType,
+            accData.materializedViewQueryData
+          );
         })
       );
       setColumnExpressionValues(newColumnExpresionValue);

From 6d5e044857a029092e15e5122bc497d225c958fd Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:14 +0000
Subject: [PATCH 07/12] Revert "UI fixes for loading state, empty tree, added
 toast for error, fixed no indicies error (#176) (#178)"

This reverts commit 3c47d473cf583e300f0ba8d101d66beebdb0c2cd.

Signed-off-by: Eric <menwe@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     | 8106 ++++-------------
 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, 5040 insertions(+), 9700 deletions(-)
 delete mode 100644 common/toast/index.tsx
 create mode 100644 public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
 delete mode 100644 public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
 rename public/components/SQLPage/{__tests__ => }/table_view.test.tsx (80%)
 delete mode 100644 public/framework/core_refs.ts
 delete mode 100644 test/mocks/coreMocks.ts

diff --git a/common/constants/index.ts b/common/constants/index.ts
index 724aae24..6e88cb94 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -95,6 +95,3 @@ 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
deleted file mode 100644
index d832ff1e..00000000
--- a/common/toast/index.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * 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 1dad6116..ca20fd79 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -50,8 +50,7 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
         callback({ status: status });
         setTimeout(() => pollQueryStatus(id, http, callback), POLL_INTERVAL_MS);
       } else if (status === 'failed') {
-        const results = res.data.resp;
-        callback({ status: 'FAILED', error: results.error });
+        callback({ status: 'FAILED', results: [] });
       } else if (status === 'success') {
         const results = _.get(res.data.resp, 'datarows');
         callback({ status: 'SUCCESS', results: results });
@@ -59,6 +58,6 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
     })
     .catch((err) => {
       console.error(err);
-      callback({ status: 'FAILED', error: 'Failed to fetch data' });
+      callback([]);
     });
 };
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index c90809bc..5627180f 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -193,4504 +193,290 @@ exports[`<Main /> spec click clear button 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
       >
         <div
-          class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
         >
           <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+            class="euiFlexItem"
           >
-            <button
-              aria-label="refresh"
-              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--medium"
-              type="button"
+            <div
+              class="euiFlexItem euiFlexItem--flexGrowZero"
             >
-              <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="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <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
+                  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"
                 />
-              </svg>
-            </button>
+              </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
-            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="euiSpacer euiSpacer--l"
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
         />
         <div
-          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
-          style="overflow-y: auto; overflow-x: hidden; height: calc(100vh - 308px);"
-        >
+          class="euiSpacer euiSpacer--l"
+        />
+        <div>
           <div
-            class="euiFlexItem euiFlexItem--flexGrowZero"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
           >
             <div
-              class="euiFlexItem euiFlexItem--flexGrowZero"
+              class="euiSpacer euiSpacer--s"
+            />
+            <div
+              class="euiCodeEditorWrapper"
+              data-test-subj="codeEditorContainer"
+              style="width: 100%; height: 10rem;"
             >
-              <div
-                class="euiText euiText--medium euiTreeView__wrapper"
+              <button
+                class="euiCodeEditorKeyboardHint"
+                data-test-subj="codeEditorHint"
+                id="some_html_id"
               >
                 <p
-                  class="euiScreenReaderOnly"
-                  id="some_html_id--instruction"
+                  class="euiText"
+                >
+                  Press Enter to start editing.
+                </p>
+                <p
+                  class="euiText"
                 >
-                  You can quickly navigate this list using arrow keys.
+                  When you're done, press Escape to stop editing.
                 </p>
-                <ul
-                  aria-describedby="some_html_id--instruction"
-                  aria-label="Sample Folder Tree"
-                  class="euiTreeView"
-                  id="some_html_id"
+              </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"
                 >
-                  <li
-                    class="euiTreeView__node"
+                  <div
+                    class="ace_content"
                   >
-                    <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_layer ace_print-margin-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_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
                     <div
-                      id="some_html_id"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </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"
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
                     />
-                  </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"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                    <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
-                      aria-controls="some_html_id"
-                      aria-expanded="false"
-                      class="euiTreeView__nodeInner"
-                      data-test-subj="euiTreeViewButton-some_html_id"
-                      id="element_3"
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Run
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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_4"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Clear
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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_5"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
-                            >
-                              .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 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; 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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-            >
-              <div
-                class="euiFlexItem euiFlexItem--flexGrowZero"
-              >
-                <div
-                  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="euiTitle euiTitle--xsmall"
-                  >
-                    No Data available
-                  </p>
-                  <span
-                    class="euiTextColor euiTextColor--subdued"
-                  >
-                    <div
-                      class="euiSpacer euiSpacer--m"
-                    />
-                    <div
-                      class="euiText euiText--medium"
-                    >
-                      <p>
-                        err
-                      </p>
-                    </div>
-                  </span>
-                </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"
-                    >
-                      <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 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; 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"
-                  >
-                    <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"
+                        <span
+                          class="euiButton__text"
                         >
                           Explain
                         </span>
@@ -4771,7 +557,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
 </div>
 `;
 
-exports[`<Main /> spec click run button, and response is ok 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"
@@ -4964,166 +750,89 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
       >
-        <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"
+            class="euiFlexItem"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiText euiText--medium euiTreeView__wrapper"
+                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <p
-                  class="euiScreenReaderOnly"
-                  id="some_html_id--instruction"
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
                 >
-                  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"
+                  <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"
                 >
-                  <li
-                    class="euiTreeView__node"
+                  <div
+                    class="euiEmptyPrompt"
                   >
-                    <button
-                      aria-controls="some_html_id"
-                      aria-expanded="false"
-                      class="euiTreeView__nodeInner"
-                      data-test-subj="euiTreeViewButton-some_html_id"
-                      id="element_0"
+                    <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"
                     >
-                      <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>
+                      <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
-                      id="some_html_id"
+                      class="euiSpacer euiSpacer--m"
                     />
-                  </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"
+                    <h4
+                      class="euiTitle euiTitle--xsmall"
                     >
-                      <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>
+                      Error loading data
+                    </h4>
+                  </div>
+                </div>
               </div>
             </div>
             <div
@@ -5405,7 +1114,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 is not ok 1`] = `
 <div>
   <div
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
@@ -5598,162 +1307,89 @@ exports[`<Main /> spec click run button, response fills null and missing values
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
       >
-        <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"
+            class="euiFlexItem"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiText euiText--medium euiTreeView__wrapper"
+                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <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"
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
                 >
-                  <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>
+                  <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
-                      id="some_html_id"
+                      class="euiSpacer euiSpacer--m"
                     />
-                  </li>
-                </ul>
+                    <h4
+                      class="euiTitle euiTitle--xsmall"
+                    >
+                      Error loading data
+                    </h4>
+                  </div>
+                </div>
               </div>
             </div>
             <div
@@ -6035,11 +1671,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 ok 1`] = `
+<div>
   <div
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
@@ -6231,1636 +1864,1370 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
       >
-        <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"
+            class="euiFlexItem"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiText euiText--medium euiTreeView__wrapper"
+                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <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"
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
                 >
-                  <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-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"
                   >
-                    <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"
+                    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"
                       >
-                        <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"
+                              >
+                                2
+                              </div>
+                            </span>
+                             
+                          </div>
+                        </span>
+                      </button>
+                      <div
+                        id="some_html_id"
+                      />
+                    </li>
+                    <li
+                      class="euiTreeView__node"
                     >
-                      <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"
+                      <button
+                        aria-controls="some_html_id"
+                        aria-expanded="false"
+                        class="euiTreeView__nodeInner"
+                        data-test-subj="euiTreeViewButton-some_html_id"
+                        id="element_1"
                       >
-                        <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"
+                        <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"
                   >
-                    <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_layer ace_print-margin-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"
-                            >
-                              otel-v1-apm-span-000002
-                            </div>
-                          </span>
-                           
-                        </div>
-                      </span>
-                    </button>
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
                     <div
-                      id="some_html_id"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </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"
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
                     />
-                  </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"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                    <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
-                      aria-controls="some_html_id"
-                      aria-expanded="false"
-                      class="euiTreeView__nodeInner"
-                      data-test-subj="euiTreeViewButton-some_html_id"
-                      id="element_18"
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Run
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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_19"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Clear
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Explain
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </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; 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"
                   >
-                    <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"
+                    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"
                       >
-                        <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"
+                              />
+                            </span>
+                             
+                          </div>
+                        </span>
+                      </button>
+                      <div
+                        id="some_html_id"
+                      />
+                    </li>
+                    <li
+                      class="euiTreeView__node"
                     >
-                      <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"
+                      <button
+                        aria-controls="some_html_id"
+                        aria-expanded="false"
+                        class="euiTreeView__nodeInner"
+                        data-test-subj="euiTreeViewButton-some_html_id"
+                        id="element_1"
                       >
-                        <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"
+                        <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>
+            <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"
                   >
-                    <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"
+                      class="ace_layer ace_print-margin-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"
-                            >
-                              security-auditlog-2023.10.21
-                            </div>
-                          </span>
-                           
-                        </div>
-                      </span>
-                    </button>
+                      <div
+                        class="ace_print-margin"
+                        style="left: 4px; visibility: hidden;"
+                      />
+                    </div>
                     <div
-                      id="some_html_id"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </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"
+                      class="ace_layer ace_text-layer"
+                      style="padding: 0px 4px;"
                     />
-                  </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"
+                      class="ace_layer ace_marker-layer"
                     />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                    <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
-                      aria-controls="some_html_id"
-                      aria-expanded="false"
-                      class="euiTreeView__nodeInner"
-                      data-test-subj="euiTreeViewButton-some_html_id"
-                      id="element_27"
+                      class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Run
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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_28"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Clear
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </div>
+                  <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_29"
+                      class="euiButton euiButton--primary sql-editor-button"
+                      type="button"
                     >
                       <span
-                        class="euiTreeView__iconWrapper"
+                        class="euiButtonContent euiButton__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"
+                        <span
+                          class="euiButton__text"
                         >
-                          <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>
+                          Explain
+                        </span>
                       </span>
                     </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                  <li
-                    class="euiTreeView__node"
+                  </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; 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"
                   >
-                    <button
-                      aria-controls="some_html_id"
-                      aria-expanded="false"
-                      class="euiTreeView__nodeInner"
-                      data-test-subj="euiTreeViewButton-some_html_id"
-                      id="element_30"
+                    <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"
                     >
-                      <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>
+                      <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
-                      id="some_html_id"
+                      class="euiSpacer euiSpacer--m"
                     />
-                  </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"
+                    <h4
+                      class="euiTitle euiTitle--xsmall"
                     >
-                      <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>
+                      Error loading data
+                    </h4>
+                  </div>
+                </div>
               </div>
             </div>
             <div
@@ -8326,109 +3693,116 @@ exports[`<Main /> spec renders the component 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; height: calc(100vh - 254px);"
+        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto; overflow-x: hidden;"
       >
-        <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 euiFlexItem--flexGrowZero"
+            class="euiFlexItem"
           >
             <div
               class="euiFlexItem euiFlexItem--flexGrowZero"
             >
               <div
-                class="euiText euiText--medium euiTreeView__wrapper"
+                class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--directionRow euiFlexGroup--responsive"
               >
-                <p
-                  class="euiScreenReaderOnly"
-                  id="some_html_id--instruction"
+                <div
+                  class="euiFlexItem euiFlexItem--flexGrowZero"
                 >
-                  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"
+                  <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"
                 >
-                  <li
-                    class="euiTreeView__node"
+                  <p
+                    class="euiScreenReaderOnly"
+                    id="some_html_id--instruction"
                   >
-                    <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"
+                    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"
                       >
-                        <div>
-                          <span
-                            class="euiToolTipAnchor"
-                          >
-                            <div
-                              class="euiText euiText--medium"
-                            >
-                              .kibana_1
-                            </div>
-                          </span>
-                           
-                        </div>
-                      </span>
-                    </button>
-                    <div
-                      id="some_html_id"
-                    />
-                  </li>
-                </ul>
+                        <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>
               </div>
             </div>
             <div
diff --git a/public/components/Main/main.test.tsx b/public/components/Main/main.test.tsx
index cb548d24..c80508aa 100644
--- a/public/components/Main/main.test.tsx
+++ b/public/components/Main/main.test.tsx
@@ -6,13 +6,11 @@
 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,
@@ -35,7 +33,6 @@ 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(
@@ -82,16 +79,8 @@ describe('<Main /> spec', () => {
   });
 
   it('click run button, and response is not ok', async () => {
-    let postRequestFlag = 0;
     const client = httpClientMock;
-    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.post = jest.fn().mockResolvedValue(mockNotOkQueryResultResponse);
     client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
 
     const { getByText } = await render(
@@ -106,16 +95,9 @@ describe('<Main /> spec', () => {
   });
 
   it('click translation button, and response is ok', async () => {
-    let postRequestFlag = 0;
     const client = httpClientMock;
-    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);
-      }
-    });
+    client.post = jest.fn().mockResolvedValue(mockQueryTranslationResponse);
+    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
 
     const { getByText } = await render(
       <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
@@ -129,12 +111,8 @@ 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 fe1ebacc..742776a6 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -878,7 +878,6 @@ 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}
         />
       );
@@ -963,36 +962,33 @@ export class Main extends React.Component<MainProps, MainState> {
                 style={{
                   maxWidth: '400px',
                   width: '400px',
-                  height: 'calc(100vh - 254px)',
+                  maxHeight: '1200px',
+                  overflowY: 'auto',
+                  overflowX: 'hidden',
                 }}
               >
-                <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}>
+                <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 />
                     <TableView
                       http={this.httpClient}
                       selectedItems={this.state.selectedDatasource}
diff --git a/public/components/PPLPage/PPLPage.tsx b/public/components/PPLPage/PPLPage.tsx
index 58f39dd7..82f01771 100644
--- a/public/components/PPLPage/PPLPage.tsx
+++ b/public/components/PPLPage/PPLPage.tsx
@@ -7,7 +7,6 @@ import {
   EuiButton,
   EuiCodeBlock,
   EuiCodeEditor,
-  EuiComboBoxOptionOption,
   EuiFlexGroup,
   EuiFlexItem,
   EuiModal,
@@ -22,7 +21,6 @@ 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;
@@ -31,7 +29,6 @@ interface PPLPageProps {
   updatePPLQueries: (query: string) => void;
   pplQuery: string;
   pplTranslations: ResponseDetail<TranslateResult>[];
-  selectedDatasource: EuiComboBoxOptionOption[];
   asyncLoading: boolean;
 }
 
@@ -150,26 +147,17 @@ export class PPLPage extends React.Component<PPLPageProps, PPLPageState> {
               Clear
             </EuiButton>
           </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>
-          )}
+          <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>
         </EuiFlexGroup>
-        {modal}
       </EuiPanel>
     );
   }
diff --git a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
index a6e979fc..60bec295 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"
             >
-              Sample Query
+              Explain
             </span>
           </span>
         </button>
@@ -376,7 +376,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
             <span
               class="euiButton__text"
             >
-              Sample Query
+              Explain
             </span>
           </span>
         </button>
diff --git a/public/components/SQLPage/SQLPage.tsx b/public/components/SQLPage/SQLPage.tsx
index 4e31b6d4..0bc1c952 100644
--- a/public/components/SQLPage/SQLPage.tsx
+++ b/public/components/SQLPage/SQLPage.tsx
@@ -25,7 +25,6 @@ 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'];
@@ -187,29 +186,20 @@ 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)}
-                  >
-                    <EuiButton
-                      className="sql-editor-button"
-                      onClick={showModal}
-                      isDisabled={this.props.asyncLoading}
+                  this.props.selectedDatasource[0].label === 'OpenSearch' && (
+                    <EuiFlexItem
+                      grow={false}
+                      onClick={() => this.props.onTranslate(this.props.sqlQuery)}
                     >
-                      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>
-                )}
+                      <EuiButton
+                        className="sql-editor-button"
+                        onClick={showModal}
+                        isDisabled={this.props.asyncLoading}
+                      >
+                        Explain
+                      </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
new file mode 100644
index 00000000..56a16514
--- /dev/null
+++ b/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
@@ -0,0 +1,1020 @@
+// 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
deleted file mode 100644
index b863ab12..00000000
--- a/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
+++ /dev/null
@@ -1,1039 +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--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/__tests__/table_view.test.tsx b/public/components/SQLPage/table_view.test.tsx
similarity index 80%
rename from public/components/SQLPage/__tests__/table_view.test.tsx
rename to public/components/SQLPage/table_view.test.tsx
index e794a8f5..a4a0d5c4 100644
--- a/public/components/SQLPage/__tests__/table_view.test.tsx
+++ b/public/components/SQLPage/table_view.test.tsx
@@ -1,20 +1,12 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
 import '@testing-library/jest-dom';
+import React from 'react';
+import { httpClientMock } from '../../../test/mocks';
+
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
-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';
+import { HttpResponse } from '../../../../../src/core/public';
+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 bc3206ad..ea96fa29 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -31,7 +31,6 @@ 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';
 
@@ -52,7 +51,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   });
   const [indexFlyout, setIndexFlyout] = useState(<></>);
   const [treeData, setTreeData] = useState<TreeItem[]>([]);
-  const { setToast } = useToast();
 
   const resetFlyout = () => {
     setIndexFlyout(<></>);
@@ -100,10 +98,6 @@ 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, {
@@ -112,26 +106,13 @@ 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');
-          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');
-          }
+          const fields = dataRows.map((data) => {
+            return data[2];
+          });
+          setTableNames(fields);
         })
         .catch((err) => {
           console.error(err);
-          setIsLoading({
-            flag: false,
-            status: err,
-          });
-          setToast(`ERROR: ${err}`,'danger');
         });
     } else {
       setTableNames([]);
@@ -147,12 +128,6 @@ 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');
           }
         });
       });
@@ -161,8 +136,8 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   useEffect(() => {
     setIsLoading({
-      flag: true,
-      status: 'Query Not Run',
+      flag: false,
+      status: 'Not loading',
     });
     getSidebarContent();
   }, [selectedItems, refreshTree]);
@@ -200,12 +175,6 @@ 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');
         }
       });
     });
@@ -229,15 +198,9 @@ 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: newValues,
+                        values: table.values?.concat(...coverIndexObj),
                         isLoading: false,
                         isExpanded: true,
                       };
@@ -249,12 +212,6 @@ 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');
         }
       });
     });
@@ -318,12 +275,6 @@ 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');
         }
       });
     });
@@ -358,37 +309,29 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     getJobId(skipQuery, http, (id) => {
       pollQueryStatus(id, http, (data) => {
         if (data.status === 'SUCCESS') {
-          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;
-              });
+          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');
+          loadCoveringIndex(tableName);
         }
       });
     });
@@ -476,6 +419,10 @@ 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,
@@ -501,50 +448,51 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
 
   return (
     <>
-      {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">
+      <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 ? (
           <EuiFlexItem grow={false}>
-            <EuiEmptyPrompt
-              icon={<EuiIcon type="database" size="m" />}
-              iconColor="subdued"
-              titleSize="xs"
-              title={<p>No Data available</p>}
-              body={<p>{isLoadingBanner.status}</p>}
-            />
+            {selectedItems[0].label === 'OpenSearch' ? (
+              <EuiTreeView aria-label="Sample Folder Tree" items={OpenSearchIndicesTree} />
+            ) : (
+              <EuiTreeView aria-label="Sample Folder Tree" items={treeDataDatabases} />
+            )}
           </EuiFlexItem>
-        </EuiFlexGroup>
-      )}
-      {indexFlyout}
+        ) : (
+          <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>
     </>
   );
 };
diff --git a/public/framework/core_refs.ts b/public/framework/core_refs.ts
deleted file mode 100644
index 4fb9f758..00000000
--- a/public/framework/core_refs.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * 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 72e4ebfc..213f4142 100644
--- a/public/plugin.ts
+++ b/public/plugin.ts
@@ -5,7 +5,6 @@
 
 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> {
@@ -35,13 +34,6 @@ 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
deleted file mode 100644
index 6077a585..00000000
--- a/test/mocks/coreMocks.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * 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 7bfafa50..9a01e0fa 100644
--- a/test/mocks/mockData.ts
+++ b/test/mocks/mockData.ts
@@ -4,2055 +4,2253 @@
  */
 
 // @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,
-              },
+                "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: '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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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,
-              },
+                "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',
-            },
-          },
-        },
+            "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();
@@ -2063,93 +2261,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: {
@@ -2169,15 +2367,8 @@ 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 70797915..84bb96f2 100644
--- a/test/setup.jest.ts
+++ b/test/setup.jest.ts
@@ -3,22 +3,23 @@
  * 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' });
 
-jest.mock('@elastic/eui/lib/components/form/form_row/make_id', () => () => 'some_make_id');
+import "@testing-library/jest-dom/extend-expect";
+import 'mutationobserver-shim';
+import { configure } from "@testing-library/react";
 
-jest.mock('@elastic/eui/lib/services/accessibility/html_id_generator', () => ({
+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", () => ({
   htmlIdGenerator: () => {
-    return () => 'some_html_id';
+    return () => "some_html_id";
   },
 }));
 
 // @ts-ignore
-window.Worker = function () {
+window.Worker = function() {
   this.postMessage = () => {};
   // @ts-ignore
   this.terminate = () => {};
@@ -27,19 +28,15 @@ 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;

From 91e00410f894e1a73710eb165102b657e0257868 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:14 +0000
Subject: [PATCH 08/12] Revert "Make checkpoint mandatory, add watermark delay,
 minor UI fixes (#173) (#175)"

This reverts commit 0198fa7fc20ff5dee7caf75b5fef6ba6818f4508.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/constants/index.ts                     |    1 -
 common/types/index.ts                         |   20 +-
 common/utils/async_query_helpers.ts           |    2 +-
 .../Main/__snapshots__/main.test.tsx.snap     |   28 +-
 public/components/Main/main.tsx               |   24 +-
 public/components/SQLPage/DataSelect.tsx      |    6 +-
 .../acceleration_index_flyout.test.tsx.snap   | 1824 -----------------
 .../acceleration_index_flyout.test.tsx        |  109 -
 .../SQLPage/acceleration_index_flyout.tsx     |   81 +-
 public/components/SQLPage/table_view.test.tsx |    5 +
 public/components/SQLPage/table_view.tsx      |   47 +-
 .../create_acceleration.test.tsx.snap         |    4 +-
 .../create/__tests__/utils.test.tsx           |   29 +-
 .../create/create_acceleration.tsx            |    5 -
 .../components/acceleration/create/utils.tsx  |   22 +-
 .../index_setting_options.test.tsx.snap       |    6 +-
 .../selectors/index_setting_options.tsx       |   65 +-
 .../selectors/index_type_selector.tsx         |   31 +-
 .../selectors/source_selector.tsx             |   85 +-
 .../__tests__/query_builder.test.tsx          |    7 -
 .../group_by_tumble_expression.tsx            |    4 +-
 .../visual_editors/query_builder.tsx          |   11 +-
 test/mocks/accelerationMock.ts                |   35 -
 23 files changed, 159 insertions(+), 2292 deletions(-)
 delete mode 100644 public/components/SQLPage/__tests__/__snapshots__/acceleration_index_flyout.test.tsx.snap
 delete mode 100644 public/components/SQLPage/__tests__/acceleration_index_flyout.test.tsx

diff --git a/common/constants/index.ts b/common/constants/index.ts
index 6e88cb94..0f78c810 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -89,7 +89,6 @@ export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices
 - All user given index names must be in lowercase letters. Index name cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \, |, ?, #, >, or < are not allowed.  
   `;
 
-export const TIMESTAMP_DATATYPE = 'timestamp';
 export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery';
 export const POLL_INTERVAL_MS = 2000;
 export const ASYNC_QUERY_ENDPOINT = '/api/spark_sql_console';
diff --git a/common/types/index.ts b/common/types/index.ts
index ad06694d..17208cc3 100644
--- a/common/types/index.ts
+++ b/common/types/index.ts
@@ -32,11 +32,6 @@ export interface RefreshIntervalType {
   refreshInterval: string;
 }
 
-export interface watermarkDelayType {
-  delayWindow: number;
-  delayInterval: string;
-}
-
 export type AccelerationIndexType = 'skipping' | 'covering' | 'materialized';
 
 export interface GroupByTumbleType {
@@ -62,7 +57,6 @@ export interface FormErrorsType {
   replicaShardsError: string[];
   refreshIntervalError: string[];
   checkpointLocationError: string[];
-  watermarkDelayError: string[];
 }
 
 export type AccelerationRefreshType = 'auto' | 'interval' | 'manual';
@@ -81,30 +75,22 @@ export interface CreateAccelerationForm {
   replicaShardsCount: number;
   refreshType: AccelerationRefreshType;
   checkpointLocation: string | undefined;
-  watermarkDelay: watermarkDelayType;
   refreshIntervalOptions: RefreshIntervalType;
   formErrors: FormErrorsType;
 }
 
 export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
-export type TreeItemType =
-  | 'covering_index'
-  | 'skipping_index'
-  | 'table'
-  | 'database'
-  | 'materialized_view'
-  | 'Load Materialized View'
-  | 'badge';
+export type TreeItemType = 'covering_index' | 'skipping_index' | 'table' | 'database' | 'materialized_view' | 'Load Materialized View' | 'badge'
 
 export interface TreeItem {
   name: string;
   type: TreeItemType;
   isExpanded: boolean;
   values?: TreeItem[];
-  isLoading?: boolean;
+  isLoading?: boolean
 }
 
-export interface DatasourceTreeLoading {
+export interface isLoading {
   flag: boolean;
   status: string;
 }
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
index ca20fd79..3731859e 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -47,7 +47,7 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
         status === 'scheduled' ||
         status === 'waiting'
       ) {
-        callback({ status: status });
+        callback({status: status})
         setTimeout(() => pollQueryStatus(id, http, callback), POLL_INTERVAL_MS);
       } else if (status === 'failed') {
         callback({ status: 'FAILED', results: [] });
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 5627180f..3b7c236c 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -155,7 +155,7 @@ exports[`<Main /> spec click clear button 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -193,7 +193,7 @@ 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -712,7 +712,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -750,7 +750,7 @@ exports[`<Main /> spec click run button, and response causes an error 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -1269,7 +1269,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -1307,7 +1307,7 @@ exports[`<Main /> spec click run button, and response is not 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -1826,7 +1826,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -1864,7 +1864,7 @@ exports[`<Main /> spec click run 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -2467,7 +2467,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -2505,7 +2505,7 @@ 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3107,7 +3107,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -3145,7 +3145,7 @@ 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3659,7 +3659,7 @@ exports[`<Main /> spec renders the component 1`] = `
     >
       <a
         class="euiButton euiButton--primary"
-        href="https://opensearch.org/docs/latest/search-plugins/sql/sql/index/"
+        href="https://opensearch.org/docs/latest/search-plugins/sql/index/"
         rel="noopener noreferrer"
         target="_blank"
       >
@@ -3693,7 +3693,7 @@ 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; max-height: 1200px; overflow-y: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 742776a6..714e4231 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -829,7 +829,7 @@ export class Main extends React.Component<MainProps, MainState> {
       refreshTree: !this.state.refreshTree,
     });
   };
-
+      
   setIsAccelerationFlyoutOpened = (value: boolean) => {
     this.setState({
       isAccelerationFlyoutOpened: value,
@@ -863,7 +863,7 @@ export class Main extends React.Component<MainProps, MainState> {
           setIsAccelerationFlyoutOpened={this.setIsAccelerationFlyoutOpened}
         />
       );
-      link = 'https://opensearch.org/docs/latest/search-plugins/sql/sql/index/';
+      link = 'https://opensearch.org/docs/latest/search-plugins/sql/index/';
       linkTitle = 'SQL documentation';
     } else {
       page = (
@@ -881,7 +881,7 @@ export class Main extends React.Component<MainProps, MainState> {
           asyncLoading={this.state.asyncLoading}
         />
       );
-      link = 'https://opensearch.org/docs/latest/search-plugins/sql/ppl/index/';
+      link = 'https://opensearch.org/docs/latest/observability-plugin/ppl/index/';
       linkTitle = 'PPL documentation';
     }
 
@@ -957,26 +957,18 @@ export class Main extends React.Component<MainProps, MainState> {
         </EuiFlexGroup>
         <EuiPage paddingSize="none">
           {this.state.language === 'SQL' && (
-            <EuiPanel grow={true}>
-              <EuiPageSideBar
-                style={{
-                  maxWidth: '400px',
-                  width: '400px',
-                  maxHeight: '1200px',
-                  overflowY: 'auto',
-                  overflowX: 'hidden',
-                }}
-              >
+            <EuiPanel grow ={true}>
+              <EuiPageSideBar style={{ maxWidth: '400px', width: '400px', maxHeight: '1200px' ,overflowY:'auto'}}>
                 <EuiFlexGroup direction="column">
                   <EuiFlexItem>
                     <EuiFlexItem grow={false}>
                       <EuiFlexGroup direction="row" gutterSize="s">
-                        <EuiFlexItem grow={false}>
+                      <EuiFlexItem grow={false}>
                           <EuiButtonIcon
                             display="base"
                             iconType="refresh"
-                            size="m"
-                            aria-label="refresh"
+                            size='m'
+                            aria-label='refresh'
                             onClick={this.handleReloadTree}
                           />
                         </EuiFlexItem>
diff --git a/public/components/SQLPage/DataSelect.tsx b/public/components/SQLPage/DataSelect.tsx
index 416c1025..e2448b69 100644
--- a/public/components/SQLPage/DataSelect.tsx
+++ b/public/components/SQLPage/DataSelect.tsx
@@ -74,10 +74,8 @@ export const DataSelect = ({ http, onSelect, urlDataSource, asyncLoading }: Cust
   }, []);
 
   const handleSelectionChange = (selectedItems: any[]) => {
-    if (selectedItems.length > 0) {
-      setSelectedOptions(selectedItems);
-      onSelect(selectedItems);
-    }
+    setSelectedOptions(selectedItems);
+    onSelect(selectedItems);
   };
 
   return (
diff --git a/public/components/SQLPage/__tests__/__snapshots__/acceleration_index_flyout.test.tsx.snap b/public/components/SQLPage/__tests__/__snapshots__/acceleration_index_flyout.test.tsx.snap
deleted file mode 100644
index 5f635691..00000000
--- a/public/components/SQLPage/__tests__/__snapshots__/acceleration_index_flyout.test.tsx.snap
+++ /dev/null
@@ -1,1824 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Acceleration index flyout renders acceleration flyout with covering index 1`] = `
-Array [
-  "",
-  <Portal
-    containerInfo={
-      <div
-        class="euiOverlayMask euiOverlayMask--belowHeader"
-      >
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-        <div
-          data-focus-lock-disabled="false"
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            class="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            role="dialog"
-            tabindex="-1"
-          >
-            <button
-              aria-label="Close this dialog"
-              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              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="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                />
-              </svg>
-            </button>
-            <div
-              class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    class="euiPageHeaderSection"
-                  >
-                    <h2
-                      class="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    >
-                      cv_idx
-                    </h2>
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutBody"
-            >
-              <div
-                class="euiFlyoutBody__overflow"
-                tabindex="0"
-              >
-                <div
-                  class="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index source
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Data Table
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      mytable
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      covering
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index destination
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable_cv_idx_index
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutFooter"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButtonEmpty__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="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                        />
-                      </svg>
-                      <span
-                        class="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height="32"
-                            role="img"
-                            viewBox="0 0 32 32"
-                            width="32"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              class="euiIcon__fillSecondary"
-                              d="m23.793 14.293 1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091ZM12 11v5l-2 2v-7h2Zm10-6v8l-2 2V5h2Zm-5 3v7l-2-2V8h2Z"
-                            />
-                            <path
-                              d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0ZM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228Z"
-                            />
-                          </svg>
-                          <span
-                            class="euiButton__text"
-                          >
-                            Describe index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--danger euiButton--small"
-                        type="button"
-                      >
-                        <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="M11 3h5v1H0V3h5V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2Zm-7.056 8H7v1H4.1l.392 2.519c.042.269.254.458.493.458h6.03c.239 0 .451-.189.493-.458l1.498-9.576H14l-1.504 9.73c-.116.747-.74 1.304-1.481 1.304h-6.03c-.741 0-1.365-.557-1.481-1.304l-1.511-9.73H9V5.95H3.157L3.476 8H8v1H3.632l.312 2ZM6 3h4V1H6v2Z"
-                            />
-                          </svg>
-                          <span
-                            class="euiButton__text"
-                          >
-                            Drop index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-      </div>
-    }
-  >
-    Array [
-      Array [
-        <div
-          data-focus-guard={true}
-          key="guard-first"
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-        "",
-        <div
-          data-focus-lock-disabled={false}
-          onBlur={[Function]}
-          onFocus={[Function]}
-          onMouseDown={[Function]}
-          onScrollCapture={[Function]}
-          onTouchMoveCapture={[Function]}
-          onTouchStart={[Function]}
-          onWheelCapture={[Function]}
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            className="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            onMouseDown={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchStart={[Function]}
-            role="dialog"
-            tabIndex={-1}
-          >
-            <button
-              aria-label="Close this dialog"
-              className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              disabled={false}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                aria-hidden={true}
-                className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                focusable="false"
-                height={16}
-                role="img"
-                style={null}
-                viewBox="0 0 16 16"
-                width={16}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                />
-              </svg>
-            </button>
-            <div
-              className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  className="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    className="euiPageHeaderSection"
-                  >
-                    <h2
-                      className="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    >
-                      cv_idx
-                    </h2>
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutBody"
-            >
-              <div
-                className="euiFlyoutBody__overflow"
-                tabIndex={0}
-              >
-                <div
-                  className="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index source
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Data Table
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      mytable
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      covering
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index destination
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable_cv_idx_index
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutFooter"
-            >
-              <div
-                className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    disabled={false}
-                    onClick={[MockFunction]}
-                    type="button"
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                        />
-                      </svg>
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height={32}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 32 32"
-                            width={32}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              className="euiIcon__fillSecondary"
-                              d="m23.793 14.293 1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091ZM12 11v5l-2 2v-7h2Zm10-6v8l-2 2V5h2Zm-5 3v7l-2-2V8h2Z"
-                            />
-                            <path
-                              d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0ZM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228Z"
-                            />
-                          </svg>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Describe index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--danger euiButton--small"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M11 3h5v1H0V3h5V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2Zm-7.056 8H7v1H4.1l.392 2.519c.042.269.254.458.493.458h6.03c.239 0 .451-.189.493-.458l1.498-9.576H14l-1.504 9.73c-.116.747-.74 1.304-1.481 1.304h-6.03c-.741 0-1.365-.557-1.481-1.304l-1.511-9.73H9V5.95H3.157L3.476 8H8v1H3.632l.312 2ZM6 3h4V1H6v2Z"
-                            />
-                          </svg>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Drop index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>,
-        <div
-          data-focus-guard={true}
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-      ],
-      "",
-    ]
-  </Portal>,
-]
-`;
-
-exports[`Acceleration index flyout renders acceleration flyout with skipping index 1`] = `
-Array [
-  "",
-  <Portal
-    containerInfo={
-      <div
-        class="euiOverlayMask euiOverlayMask--belowHeader"
-      >
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-        <div
-          data-focus-lock-disabled="false"
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            class="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            role="dialog"
-            tabindex="-1"
-          >
-            <button
-              aria-label="Close this dialog"
-              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              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
-              class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    class="euiPageHeaderSection"
-                  >
-                    <h2
-                      class="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    >
-                      skipping_index
-                    </h2>
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutBody"
-            >
-              <div
-                class="euiFlyoutBody__overflow"
-                tabindex="0"
-              >
-                <div
-                  class="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index source
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Data Table
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      mytable
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      skipping
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index destination
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable_skipping_index
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutFooter"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <svg
-                        aria-hidden="true"
-                        class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                        focusable="false"
-                        height="16"
-                        role="img"
-                        viewBox="0 0 16 16"
-                        width="16"
-                        xmlns="http://www.w3.org/2000/svg"
-                      />
-                      <span
-                        class="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <span
-                            class="euiButton__text"
-                          >
-                            Describe index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--danger euiButton--small"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                            focusable="false"
-                            height="16"
-                            role="img"
-                            viewBox="0 0 16 16"
-                            width="16"
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <span
-                            class="euiButton__text"
-                          >
-                            Drop index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-      </div>
-    }
-  >
-    Array [
-      Array [
-        <div
-          data-focus-guard={true}
-          key="guard-first"
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-        "",
-        <div
-          data-focus-lock-disabled={false}
-          onBlur={[Function]}
-          onFocus={[Function]}
-          onMouseDown={[Function]}
-          onScrollCapture={[Function]}
-          onTouchMoveCapture={[Function]}
-          onTouchStart={[Function]}
-          onWheelCapture={[Function]}
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            className="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            onMouseDown={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchStart={[Function]}
-            role="dialog"
-            tabIndex={-1}
-          >
-            <button
-              aria-label="Close this dialog"
-              className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              disabled={false}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                aria-hidden={true}
-                className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonIcon__icon"
-                focusable="false"
-                height={16}
-                role="img"
-                style={null}
-                viewBox="0 0 16 16"
-                width={16}
-                xmlns="http://www.w3.org/2000/svg"
-              />
-            </button>
-            <div
-              className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  className="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    className="euiPageHeaderSection"
-                  >
-                    <h2
-                      className="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    >
-                      skipping_index
-                    </h2>
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutBody"
-            >
-              <div
-                className="euiFlyoutBody__overflow"
-                tabIndex={0}
-              >
-                <div
-                  className="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index source
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Data Table
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      mytable
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      skipping
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration index destination
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable_skipping_index
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutFooter"
-            >
-              <div
-                className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    disabled={false}
-                    onClick={[MockFunction]}
-                    type="button"
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      />
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <span
-                            className="euiButton__text"
-                          >
-                            Describe index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--danger euiButton--small"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          />
-                          <span
-                            className="euiButton__text"
-                          >
-                            Drop index
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>,
-        <div
-          data-focus-guard={true}
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-      ],
-      "",
-    ]
-  </Portal>,
-]
-`;
-
-exports[`Acceleration index flyout renders acceleration flyout with skipping index 2`] = `
-Array [
-  "",
-  <Portal
-    containerInfo={
-      <div
-        class="euiOverlayMask euiOverlayMask--belowHeader"
-      >
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-        <div
-          data-focus-lock-disabled="false"
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            class="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            role="dialog"
-            tabindex="-1"
-          >
-            <button
-              aria-label="Close this dialog"
-              class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              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="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                />
-              </svg>
-            </button>
-            <div
-              class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  class="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    class="euiPageHeaderSection"
-                  >
-                    <h2
-                      class="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    />
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutBody"
-            >
-              <div
-                class="euiFlyoutBody__overflow"
-                tabindex="0"
-              >
-                <div
-                  class="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration view source
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      materialized
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    class="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration view destination
-                    </h3>
-                  </div>
-                  <hr
-                    class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    class="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      class="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      class="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable
-                    </dd>
-                  </dl>
-                  <div
-                    class="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              class="euiFlyoutFooter"
-            >
-              <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    type="button"
-                  >
-                    <span
-                      class="euiButtonContent euiButtonEmpty__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="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                        />
-                      </svg>
-                      <span
-                        class="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        type="button"
-                      >
-                        <span
-                          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden="true"
-                            class="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height="32"
-                            role="img"
-                            viewBox="0 0 32 32"
-                            width="32"
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              class="euiIcon__fillSecondary"
-                              d="m23.793 14.293 1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091ZM12 11v5l-2 2v-7h2Zm10-6v8l-2 2V5h2Zm-5 3v7l-2-2V8h2Z"
-                            />
-                            <path
-                              d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0ZM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228Z"
-                            />
-                          </svg>
-                          <span
-                            class="euiButton__text"
-                          >
-                            Describe view
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      class="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        class="euiButton euiButton--danger euiButton--small"
-                        type="button"
-                      >
-                        <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="M11 3h5v1H0V3h5V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2Zm-7.056 8H7v1H4.1l.392 2.519c.042.269.254.458.493.458h6.03c.239 0 .451-.189.493-.458l1.498-9.576H14l-1.504 9.73c-.116.747-.74 1.304-1.481 1.304h-6.03c-.741 0-1.365-.557-1.481-1.304l-1.511-9.73H9V5.95H3.157L3.476 8H8v1H3.632l.312 2ZM6 3h4V1H6v2Z"
-                            />
-                          </svg>
-                          <span
-                            class="euiButton__text"
-                          >
-                            Drop view
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          aria-hidden="true"
-          data-aria-hidden="true"
-          data-focus-guard="true"
-          style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
-          tabindex="0"
-        />
-      </div>
-    }
-  >
-    Array [
-      Array [
-        <div
-          data-focus-guard={true}
-          key="guard-first"
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-        "",
-        <div
-          data-focus-lock-disabled={false}
-          onBlur={[Function]}
-          onFocus={[Function]}
-          onMouseDown={[Function]}
-          onScrollCapture={[Function]}
-          onTouchMoveCapture={[Function]}
-          onTouchStart={[Function]}
-          onWheelCapture={[Function]}
-        >
-          <div
-            aria-labelledby="flyoutTitle"
-            className="euiFlyout euiFlyout--medium euiFlyout--paddingLarge"
-            onMouseDown={[Function]}
-            onMouseUp={[Function]}
-            onTouchEnd={[Function]}
-            onTouchStart={[Function]}
-            role="dialog"
-            tabIndex={-1}
-          >
-            <button
-              aria-label="Close this dialog"
-              className="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiFlyout__closeButton euiFlyout__closeButton--inside"
-              data-test-subj="euiFlyoutCloseButton"
-              disabled={false}
-              onClick={[Function]}
-              type="button"
-            >
-              <svg
-                aria-hidden={true}
-                className="euiIcon euiIcon--medium euiIcon--inherit euiButtonIcon__icon"
-                focusable="false"
-                height={16}
-                role="img"
-                style={null}
-                viewBox="0 0 16 16"
-                width={16}
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                />
-              </svg>
-            </button>
-            <div
-              className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
-            >
-              <div>
-                <header
-                  className="euiPageHeader euiPageHeader--responsive euiPageHeader--center"
-                >
-                  <div
-                    className="euiPageHeaderSection"
-                  >
-                    <h2
-                      className="euiTitle euiTitle--large"
-                      data-test-subj="acceleration-index-desc-header"
-                    />
-                  </div>
-                </header>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutBody"
-            >
-              <div
-                className="euiFlyoutBody__overflow"
-                tabIndex={0}
-              >
-                <div
-                  className="euiFlyoutBody__overflowContent"
-                >
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration view source
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Data Source
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      myds
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Database
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      mydb
-                    </dd>
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      Acceleration Type
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      materialized
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                  <div
-                    className="euiText euiText--medium"
-                  >
-                    <h3>
-                      Acceleration view destination
-                    </h3>
-                  </div>
-                  <hr
-                    className="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginSmall"
-                  />
-                  <dl
-                    className="euiDescriptionList euiDescriptionList--row"
-                  >
-                    <dt
-                      className="euiDescriptionList__title"
-                    >
-                      OpenSearch Index
-                    </dt>
-                    <dd
-                      className="euiDescriptionList__description"
-                    >
-                      flint_myds_mydb_mytable
-                    </dd>
-                  </dl>
-                  <div
-                    className="euiSpacer euiSpacer--xl"
-                  />
-                </div>
-              </div>
-            </div>
-            <div
-              className="euiFlyoutFooter"
-            >
-              <div
-                className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
-              >
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <button
-                    className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
-                    disabled={false}
-                    onClick={[MockFunction]}
-                    type="button"
-                  >
-                    <span
-                      className="euiButtonContent euiButtonEmpty__content"
-                    >
-                      <svg
-                        aria-hidden={true}
-                        className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                        focusable="false"
-                        height={16}
-                        role="img"
-                        style={null}
-                        viewBox="0 0 16 16"
-                        width={16}
-                        xmlns="http://www.w3.org/2000/svg"
-                      >
-                        <path
-                          d="M7.293 8 3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8Z"
-                        />
-                      </svg>
-                      <span
-                        className="euiButtonEmpty__text"
-                      >
-                        Close
-                      </span>
-                    </span>
-                  </button>
-                </div>
-                <div
-                  className="euiFlexItem euiFlexItem--flexGrowZero"
-                >
-                  <div
-                    className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
-                  >
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--primary euiButton--small euiButton--fill"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height={32}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 32 32"
-                            width={32}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              className="euiIcon__fillSecondary"
-                              d="m23.793 14.293 1.414 1.414-6.408 6.409-3.75-3.25-4.342 4.341-1.414-1.414 5.658-5.659 3.75 3.25 5.092-5.091ZM12 11v5l-2 2v-7h2Zm10-6v8l-2 2V5h2Zm-5 3v7l-2-2V8h2Z"
-                            />
-                            <path
-                              d="M17 0c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-3.782 0-7.238-1.4-9.876-3.71l-5.417 5.417-1.414-1.414 5.417-5.417A14.943 14.943 0 0 1 2 15c0-1.05.108-2.074.313-3.062l1.906.672C4.075 13.385 4 14.184 4 15c0 7.18 5.82 13 13 13s13-5.82 13-13S24.18 2 17 2c-1.002 0-1.978.113-2.915.328l-.75-1.877A15.031 15.031 0 0 1 17 0ZM9.621 1.937l.75 1.877a13.062 13.062 0 0 0-4.82 5.024l-1.907-.673a15.068 15.068 0 0 1 5.977-6.228Z"
-                            />
-                          </svg>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Describe view
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                    <div
-                      className="euiFlexItem euiFlexItem--flexGrowZero"
-                    >
-                      <button
-                        className="euiButton euiButton--danger euiButton--small"
-                        disabled={false}
-                        onClick={[Function]}
-                        style={
-                          Object {
-                            "minWidth": undefined,
-                          }
-                        }
-                        type="button"
-                      >
-                        <span
-                          className="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                        >
-                          <svg
-                            aria-hidden={true}
-                            className="euiIcon euiIcon--medium euiIcon--inherit euiButtonContent__icon"
-                            focusable="false"
-                            height={16}
-                            role="img"
-                            style={null}
-                            viewBox="0 0 16 16"
-                            width={16}
-                            xmlns="http://www.w3.org/2000/svg"
-                          >
-                            <path
-                              d="M11 3h5v1H0V3h5V1a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2Zm-7.056 8H7v1H4.1l.392 2.519c.042.269.254.458.493.458h6.03c.239 0 .451-.189.493-.458l1.498-9.576H14l-1.504 9.73c-.116.747-.74 1.304-1.481 1.304h-6.03c-.741 0-1.365-.557-1.481-1.304l-1.511-9.73H9V5.95H3.157L3.476 8H8v1H3.632l.312 2ZM6 3h4V1H6v2Z"
-                            />
-                          </svg>
-                          <span
-                            className="euiButton__text"
-                          >
-                            Drop view
-                          </span>
-                        </span>
-                      </button>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>,
-        <div
-          data-focus-guard={true}
-          style={
-            Object {
-              "height": "0px",
-              "left": "1px",
-              "overflow": "hidden",
-              "padding": 0,
-              "position": "fixed",
-              "top": "1px",
-              "width": "1px",
-            }
-          }
-          tabIndex={0}
-        />,
-      ],
-      "",
-    ]
-  </Portal>,
-]
-`;
diff --git a/public/components/SQLPage/__tests__/acceleration_index_flyout.test.tsx b/public/components/SQLPage/__tests__/acceleration_index_flyout.test.tsx
deleted file mode 100644
index 1aa766d2..00000000
--- a/public/components/SQLPage/__tests__/acceleration_index_flyout.test.tsx
+++ /dev/null
@@ -1,109 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import { waitFor } from '@testing-library/dom';
-import { configure, mount } from 'enzyme';
-import Adapter from 'enzyme-adapter-react-16';
-import toJson from 'enzyme-to-json';
-import React from 'react';
-import { AccelerationIndexType } from '../../../../common/types';
-import { AccelerationIndexFlyout } from '../acceleration_index_flyout';
-
-describe('Acceleration index flyout', () => {
-  configure({ adapter: new Adapter() });
-
-  it('renders acceleration flyout with skipping index', async () => {
-    const accelerationIndexType: AccelerationIndexType = 'skipping';
-    const dataSource = 'myds';
-    const database = 'mydb';
-    const dataTable = 'mytable';
-    const indexName = 'skipping_index';
-    const resetFlyout = jest.fn();
-    const updateSQLQueries = jest.fn();
-
-    const wrapper = mount(
-      <AccelerationIndexFlyout
-        accelerationIndexType={accelerationIndexType}
-        dataSource={dataSource}
-        database={database}
-        dataTable={dataTable}
-        indexName={indexName}
-        resetFlyout={resetFlyout}
-        updateSQLQueries={updateSQLQueries}
-      />
-    );
-    wrapper.update();
-    await waitFor(() => {
-      expect(
-        toJson(wrapper, {
-          noKey: false,
-          mode: 'deep',
-        })
-      ).toMatchSnapshot();
-    });
-  });
-
-  it('renders acceleration flyout with covering index', async () => {
-    const accelerationIndexType: AccelerationIndexType = 'covering';
-    const dataSource = 'myds';
-    const database = 'mydb';
-    const dataTable = 'mytable';
-    const indexName = 'cv_idx';
-    const resetFlyout = jest.fn();
-    const updateSQLQueries = jest.fn();
-
-    const wrapper = mount(
-      <AccelerationIndexFlyout
-        accelerationIndexType={accelerationIndexType}
-        dataSource={dataSource}
-        database={database}
-        dataTable={dataTable}
-        indexName={indexName}
-        resetFlyout={resetFlyout}
-        updateSQLQueries={updateSQLQueries}
-      />
-    );
-    wrapper.update();
-    await waitFor(() => {
-      expect(
-        toJson(wrapper, {
-          noKey: false,
-          mode: 'deep',
-        })
-      ).toMatchSnapshot();
-    });
-  });
-
-  it('renders acceleration flyout with skipping index', async () => {
-    const accelerationIndexType: AccelerationIndexType = 'materialized';
-    const dataSource = 'myds';
-    const database = 'mydb';
-    const dataTable = 'mytable';
-    const indexName = undefined;
-    const resetFlyout = jest.fn();
-    const updateSQLQueries = jest.fn();
-
-    const wrapper = mount(
-      <AccelerationIndexFlyout
-        accelerationIndexType={accelerationIndexType}
-        dataSource={dataSource}
-        database={database}
-        dataTable={dataTable}
-        indexName={indexName}
-        resetFlyout={resetFlyout}
-        updateSQLQueries={updateSQLQueries}
-      />
-    );
-    wrapper.update();
-    await waitFor(() => {
-      expect(
-        toJson(wrapper, {
-          noKey: false,
-          mode: 'deep',
-        })
-      ).toMatchSnapshot();
-    });
-  });
-});
diff --git a/public/components/SQLPage/acceleration_index_flyout.tsx b/public/components/SQLPage/acceleration_index_flyout.tsx
index 06b118dc..b07f2d89 100644
--- a/public/components/SQLPage/acceleration_index_flyout.tsx
+++ b/public/components/SQLPage/acceleration_index_flyout.tsx
@@ -22,21 +22,18 @@ import {
   EuiText,
   EuiTitle,
 } from '@elastic/eui';
-import React, { useEffect, useState } from 'react';
-import { AccelerationIndexType } from '../../../common/types';
+import React from 'react';
 
 interface AccelerationIndexFlyoutProps {
-  accelerationIndexType: AccelerationIndexType;
   dataSource: string;
   database: string;
   dataTable: string;
-  indexName?: string;
+  indexName: string;
   resetFlyout: () => void;
   updateSQLQueries: (query: string) => void;
 }
 
 export const AccelerationIndexFlyout = ({
-  accelerationIndexType,
   dataSource,
   database,
   dataTable,
@@ -44,54 +41,24 @@ export const AccelerationIndexFlyout = ({
   resetFlyout,
   updateSQLQueries,
 }: AccelerationIndexFlyoutProps) => {
-  const [indexMetaData, setindexMetaData] = useState({
-    describeQuery: '',
-    dropQuery: '',
-    indexName: '',
-    contextType: '',
-  });
-
-  const generateQueryAndIndexName = () => {
-    let accelerationQuery = '';
-    let generatedIndexName = '';
-
-    switch (accelerationIndexType) {
-      case 'skipping':
-        accelerationQuery = `SKIPPING INDEX ON ${dataSource}.${database}.${dataTable}`;
-        generatedIndexName = `flint_${dataSource}_${database}_${dataTable}_skipping_index`;
-        break;
-      case 'covering':
-        accelerationQuery = `INDEX ${indexName} ON ${dataSource}.${database}.${dataTable}`;
-        generatedIndexName = `flint_${dataSource}_${database}_${dataTable}_${indexName}_index`;
-        break;
-      case 'materialized':
-        accelerationQuery = `MATERIALIZED VIEW ${dataSource}.${database}.${dataTable}`;
-        generatedIndexName = `flint_${dataSource}_${database}_${dataTable}`;
-        break;
-    }
-
-    return {
-      describeQuery: accelerationQuery ? `DESC ${accelerationQuery}` : accelerationQuery,
-      dropQuery: accelerationQuery ? `DROP ${accelerationQuery}` : accelerationQuery,
-      indexName: generatedIndexName,
-      contextType: accelerationIndexType === 'materialized' ? 'view' : 'index',
-    };
-  };
-
   const updateDescribeQuery = () => {
-    updateSQLQueries(indexMetaData.describeQuery);
+    const describeQuery =
+      indexName === 'skipping_index'
+        ? `DESC SKIPPING INDEX ON ${dataSource}.${database}.${dataTable}`
+        : `DESC INDEX ${indexName} ON ${dataSource}.${database}.${dataTable}`;
+    updateSQLQueries(describeQuery);
     resetFlyout();
   };
 
   const updateDropQuery = () => {
-    updateSQLQueries(indexMetaData.dropQuery);
+    const describeQuery =
+      indexName === 'skipping_index'
+        ? `DROP SKIPPING INDEX ON ${dataSource}.${database}.${dataTable}`
+        : `DROP INDEX ${indexName} ON ${dataSource}.${database}.${dataTable}`;
+    updateSQLQueries(describeQuery);
     resetFlyout();
   };
 
-  useEffect(() => {
-    setindexMetaData(generateQueryAndIndexName());
-  }, []);
-
   return (
     <>
       <EuiFlyout ownFocus onClose={resetFlyout} aria-labelledby="flyoutTitle" size="m">
@@ -108,7 +75,7 @@ export const AccelerationIndexFlyout = ({
         </EuiFlyoutHeader>
         <EuiFlyoutBody>
           <EuiText>
-            <h3>{`Acceleration ${indexMetaData.contextType} source`}</h3>
+            <h3>Acceleration index source</h3>
           </EuiText>
           <EuiHorizontalRule margin="s" />
           <EuiDescriptionList>
@@ -116,23 +83,21 @@ export const AccelerationIndexFlyout = ({
             <EuiDescriptionListDescription>{dataSource}</EuiDescriptionListDescription>
             <EuiDescriptionListTitle>Database</EuiDescriptionListTitle>
             <EuiDescriptionListDescription>{database}</EuiDescriptionListDescription>
-            {accelerationIndexType !== 'materialized' && (
-              <>
-                <EuiDescriptionListTitle>Data Table</EuiDescriptionListTitle>
-                <EuiDescriptionListDescription>{dataTable}</EuiDescriptionListDescription>
-              </>
-            )}
-            <EuiDescriptionListTitle>Acceleration Type</EuiDescriptionListTitle>
-            <EuiDescriptionListDescription>{accelerationIndexType}</EuiDescriptionListDescription>
+            <EuiDescriptionListTitle>Data Table</EuiDescriptionListTitle>
+            <EuiDescriptionListDescription>{dataTable}</EuiDescriptionListDescription>
           </EuiDescriptionList>
           <EuiSpacer size="xl" />
           <EuiText>
-            <h3>{`Acceleration ${indexMetaData.contextType} destination`}</h3>
+            <h3>Acceleration index destination</h3>
           </EuiText>
           <EuiHorizontalRule margin="s" />
           <EuiDescriptionList>
             <EuiDescriptionListTitle>OpenSearch Index</EuiDescriptionListTitle>
-            <EuiDescriptionListDescription>{indexMetaData.indexName}</EuiDescriptionListDescription>
+            <EuiDescriptionListDescription>
+              {indexName === 'skipping_index'
+                ? `flint_${dataSource}_${database}_${dataTable}_skipping_index`
+                : `flint_${dataSource}_${database}_${dataTable}_${indexName}_index`}
+            </EuiDescriptionListDescription>
           </EuiDescriptionList>
           <EuiSpacer size="xl" />
         </EuiFlyoutBody>
@@ -153,7 +118,7 @@ export const AccelerationIndexFlyout = ({
                     onClick={updateDescribeQuery}
                     size="s"
                   >
-                    {`Describe ${indexMetaData.contextType}`}
+                    Describe Index
                   </EuiButton>
                 </EuiFlexItem>
                 <EuiFlexItem grow={false}>
@@ -164,7 +129,7 @@ export const AccelerationIndexFlyout = ({
                     color="danger"
                     size="s"
                   >
-                    {`Drop ${indexMetaData.contextType}`}
+                    Drop Index
                   </EuiButton>
                 </EuiFlexItem>
               </EuiFlexGroup>
diff --git a/public/components/SQLPage/table_view.test.tsx b/public/components/SQLPage/table_view.test.tsx
index a4a0d5c4..976291c9 100644
--- a/public/components/SQLPage/table_view.test.tsx
+++ b/public/components/SQLPage/table_view.test.tsx
@@ -4,6 +4,7 @@ import { httpClientMock } from '../../../test/mocks';
 
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@testing-library/react';
+import { isLoading } from 'common/types';
 import { HttpResponse } from '../../../../../src/core/public';
 import { mockDatabaseQuery, mockJobId, mockOpenSearchIndicies } from '../../../test/mocks/mockData';
 import { TableView } from './table_view';
@@ -30,6 +31,10 @@ describe('Render databases in tree', () => {
   });
   it('fetches and displays database nodes when datasource is s3', async () => {
     const client = httpClientMock;
+    const isLoading: isLoading = {
+      flag: false,
+      status: 'Not loading',
+    }
     client.post = jest.fn(() => {
       return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
     });
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index ea96fa29..ab4014ea 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -16,7 +16,7 @@ import {
   EuiToolTip,
   EuiTreeView,
 } from '@elastic/eui';
-import { AccelerationIndexType, DatasourceTreeLoading, TreeItem, TreeItemType } from 'common/types';
+import { TreeItem, TreeItemType, isLoading } from 'common/types';
 import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { CoreStart } from '../../../../../src/core/public';
@@ -45,7 +45,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   const [tableNames, setTableNames] = useState<string[]>([]);
   const [selectedDatabase, setSelectedDatabase] = useState<string>('');
   const [selectedTable, setSelectedTable] = useState<string | null>(null);
-  const [isLoadingBanner, setIsLoading] = useState<DatasourceTreeLoading>({
+  const [isLoadingBanner, setIsLoading] = useState<isLoading>({
     flag: false,
     status: 'Not loading',
   });
@@ -57,15 +57,13 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   };
 
   const handleAccelerationIndexClick = (
-    accelerationIndexType: AccelerationIndexType,
     dataSource: string,
     database: string,
     dataTable: string,
-    indexName?: string
+    indexName: string
   ) => {
     setIndexFlyout(
       <AccelerationIndexFlyout
-        accelerationIndexType={accelerationIndexType}
         dataSource={dataSource}
         database={database}
         dataTable={dataTable}
@@ -95,6 +93,10 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     });
   }
 
+  const get_async_query_results = (id, http, callback) => {
+    pollQueryStatus(id, http, callback);
+  };
+
   const getSidebarContent = () => {
     if (selectedItems[0].label === 'OpenSearch') {
       setTableNames([]);
@@ -158,7 +160,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(query, http, (id) => {
-      pollQueryStatus(id, http, (data) => {
+      get_async_query_results(id, http, (data) => {
         if (data.status === 'SUCCESS') {
           const fetchTables = data.results.map((subArray) => subArray[1]);
           let values = loadTreeItem(fetchTables, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
@@ -170,7 +172,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           setTreeData((prevTreeData) => {
             return prevTreeData.map((database) => {
               if (database.name === databaseName) {
-                return { ...database, values: values, isExpanded: true, isLoading: false };
+                return { ...database, values: values, isExpanded: true, isLoading: false};
               }
               return database;
             });
@@ -187,7 +189,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(coverQuery, http, (id) => {
-      pollQueryStatus(id, http, (data) => {
+      get_async_query_results(id, http, (data) => {
         if (data.status === 'SUCCESS') {
           const res = [].concat(data.results);
           let coverIndexObj = loadTreeItem(res, TREE_ITEM_COVERING_INDEX_DEFAULT_NAME);
@@ -245,7 +247,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(materializedViewQuery, http, (id) => {
-      pollQueryStatus(id, http, (data) => {
+      get_async_query_results(id, http, (data) => {
         if (data.status === 'SUCCESS') {
           const fetchMaterialzedView = data.results.map((subArray) => subArray[1]);
           let values = loadTreeItem(fetchMaterialzedView, TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME);
@@ -265,12 +267,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
                 const updatedValues = database.values?.filter(
                   (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
                 );
-                return {
-                  ...database,
-                  values: updatedValues?.concat(...values),
-                  isLoading: false,
-                  isExpanded: true,
-                };
+                return { ...database, values: updatedValues?.concat(...values), isLoading: false , isExpanded: true};
               }
               return database;
             });
@@ -307,7 +304,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       datasource: selectedItems[0]['label'],
     };
     getJobId(skipQuery, http, (id) => {
-      pollQueryStatus(id, http, (data) => {
+      get_async_query_results(id, http, (data) => {
         if (data.status === 'SUCCESS') {
           setTreeData((prevTreeData) => {
             return prevTreeData.map((database) => {
@@ -404,26 +401,21 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       label: createLabel(table, database.name, index),
       id: `${database.name}_${table.name}`,
       icon:
-        table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME ? null : table.type ===
-          TREE_ITEM_BADGE_NAME ? null : (
+        table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME ? (
+          null
+        ) : table.type === TREE_ITEM_BADGE_NAME ? null : (
           <EuiIcon type="tableDensityCompact" size="s" />
         ),
       callback: () => {
         if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.values?.length === 0) {
           handleTableClick(table.name);
         }
-        if (table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME) {
-          handleAccelerationIndexClick(
-            'materialized',
-            selectedItems[0].label,
-            database.name,
-            table.name
-          );
-        } else {
-          if (table.values?.length === 0) {
+        else {
+          if(table.values?.length === 0) {
             table.values = [{ name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false }];
           }
         }
+          
       },
       isSelectable: true,
       isExpanded: table.isExpanded,
@@ -434,7 +426,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         callback: () => {
           if (indexChild.type !== TREE_ITEM_BADGE_NAME) {
             handleAccelerationIndexClick(
-              indexChild.type === 'skipping_index' ? 'skipping' : 'covering',
               selectedItems[0].label,
               database.name,
               table.name,
diff --git a/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap b/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
index b01c43b2..054b1f0e 100644
--- a/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
+++ b/public/components/acceleration/create/__tests__/__snapshots__/create_acceleration.test.tsx.snap
@@ -734,7 +734,7 @@ Array [
                           class="euiFormLabel euiFormRow__label"
                           for="some_html_id"
                         >
-                          Checkpoint location
+                          Checkpoint location - optional
                         </label>
                       </div>
                       <div
@@ -1986,7 +1986,7 @@ Array [
                             className="euiFormLabel euiFormRow__label"
                             htmlFor="some_html_id"
                           >
-                            Checkpoint location
+                            Checkpoint location - optional
                           </label>
                         </div>
                         <div
diff --git a/public/components/acceleration/create/__tests__/utils.test.tsx b/public/components/acceleration/create/__tests__/utils.test.tsx
index 97425c4a..6c2a9c68 100644
--- a/public/components/acceleration/create/__tests__/utils.test.tsx
+++ b/public/components/acceleration/create/__tests__/utils.test.tsx
@@ -155,24 +155,28 @@ describe('validateIndexName', () => {
 });
 
 describe('validateCheckpointLocation', () => {
-  it('should return an array with an error message when using auto refresh without a checkpoint location', () => {
-    const materializedError = validateCheckpointLocation('auto', undefined);
-    expect(materializedError).toEqual(['Checkpoint location is mandatory for auto refresh']);
+  it('should return an array with an error message when creating a materialized view without a checkpoint location', () => {
+    const materializedError = validateCheckpointLocation('materialized', undefined);
+    expect(materializedError).toEqual([
+      'Checkpoint location is mandatory for materialized view creation',
+    ]);
   });
 
-  it('should return an array with an error message when using auto refresh without a checkpoint location', () => {
-    const materializedError = validateCheckpointLocation('auto', '');
-    expect(materializedError).toEqual(['Checkpoint location is mandatory for auto refresh']);
+  it('should return an array with an error message when creating a materialized view without a checkpoint location', () => {
+    const materializedError = validateCheckpointLocation('materialized', '');
+    expect(materializedError).toEqual([
+      'Checkpoint location is mandatory for materialized view creation',
+    ]);
   });
 
   it('should return an array with an error message when the checkpoint location is not a valid S3 URL', () => {
-    const invalidCheckpoint = validateCheckpointLocation('auto', 'not_a_valid_s3_url');
+    const invalidCheckpoint = validateCheckpointLocation('skipping', 'not_a_valid_s3_url');
     expect(invalidCheckpoint).toEqual(['Enter a valid checkpoint location']);
   });
 
   it('should return an empty array when the checkpoint location is a valid S3 URL', () => {
     const validCheckpoint = validateCheckpointLocation(
-      'interval',
+      'covering',
       's3://valid-s3-bucket/path/to/checkpoint'
     );
     expect(validCheckpoint).toEqual([]);
@@ -180,14 +184,17 @@ describe('validateCheckpointLocation', () => {
 
   it('should return an empty array when the checkpoint location is a valid S3A URL', () => {
     const validCheckpoint = validateCheckpointLocation(
-      'auto',
+      'skipping',
       's3a://valid-s3-bucket/path/to/checkpoint'
     );
     expect(validCheckpoint).toEqual([]);
   });
 
-  it('should return an empty array when using manual refresh with no checkpoint location', () => {
-    const validMaterializedCheckpoint = validateCheckpointLocation('manual', '');
+  it('should return an empty array when creating a materialized view with a valid checkpoint location', () => {
+    const validMaterializedCheckpoint = validateCheckpointLocation(
+      'materialized',
+      's3://valid-s3-bucket/path/to/checkpoint'
+    );
     expect(validMaterializedCheckpoint).toEqual([]);
   });
 
diff --git a/public/components/acceleration/create/create_acceleration.tsx b/public/components/acceleration/create/create_acceleration.tsx
index ebb9dd93..152b01c5 100644
--- a/public/components/acceleration/create/create_acceleration.tsx
+++ b/public/components/acceleration/create/create_acceleration.tsx
@@ -65,10 +65,6 @@ export const CreateAcceleration = ({
     replicaShardsCount: 1,
     refreshType: 'auto',
     checkpointLocation: undefined,
-    watermarkDelay: {
-      delayWindow: 1,
-      delayInterval: ACCELERATION_TIME_INTERVAL[1].value,
-    },
     refreshIntervalOptions: {
       refreshWindow: 1,
       refreshInterval: ACCELERATION_TIME_INTERVAL[1].value,
@@ -85,7 +81,6 @@ export const CreateAcceleration = ({
       replicaShardsError: [],
       refreshIntervalError: [],
       checkpointLocationError: [],
-      watermarkDelayError: [],
     },
   });
 
diff --git a/public/components/acceleration/create/utils.tsx b/public/components/acceleration/create/utils.tsx
index b8805b91..97933353 100644
--- a/public/components/acceleration/create/utils.tsx
+++ b/public/components/acceleration/create/utils.tsx
@@ -9,7 +9,6 @@ import {
 } from '../../../../common/constants';
 import {
   AccelerationIndexType,
-  AccelerationRefreshType,
   CreateAccelerationForm,
   FormErrorsType,
   SkippingIndexRowType,
@@ -51,26 +50,17 @@ export const validateRefreshInterval = (refreshType: string, refreshWindow: numb
     : [];
 };
 
-export const validateWatermarkDelay = (
-  accelerationIndexType: AccelerationIndexType,
-  delayWindow: number
-) => {
-  return accelerationIndexType === 'materialized' && delayWindow < 1
-    ? ['delay window should be greater than 0']
-    : [];
-};
-
 export const validateIndexName = (value: string) => {
   // Check if the value does not begin with underscores or hyphens and all characters are lower case
   return !ACCELERATION_INDEX_NAME_REGEX.test(value) ? ['Enter a valid index name'] : [];
 };
 
 export const validateCheckpointLocation = (
-  refreshType: AccelerationRefreshType,
+  accelerationIndexType: AccelerationIndexType,
   checkpointLocation: string | undefined
 ) => {
-  if (refreshType !== 'manual' && !checkpointLocation) {
-    return ['Checkpoint location is mandatory for auto refresh'];
+  if (accelerationIndexType === 'materialized' && !checkpointLocation) {
+    return ['Checkpoint location is mandatory for materialized view creation'];
   }
 
   if (checkpointLocation && !ACCELERATION_S3_URL_REGEX.test(checkpointLocation))
@@ -132,11 +122,10 @@ export const formValidator = (accelerationformData: CreateAccelerationForm) => {
     replicaShardsCount,
     refreshType,
     checkpointLocation,
-    watermarkDelay,
     refreshIntervalOptions,
   } = accelerationformData;
 
-  const accelerationFormErrors: FormErrorsType = {
+  const accelerationFormErrors = {
     dataSourceError: validateDataSource(dataSource),
     databaseError: validateDatabase(database),
     dataTableError: validateDataTable(dataTable),
@@ -146,8 +135,7 @@ export const formValidator = (accelerationformData: CreateAccelerationForm) => {
       refreshType,
       refreshIntervalOptions.refreshWindow
     ),
-    checkpointLocationError: validateCheckpointLocation(refreshType, checkpointLocation),
-    watermarkDelayError: validateWatermarkDelay(accelerationIndexType, watermarkDelay.delayWindow),
+    checkpointLocationError: validateCheckpointLocation(accelerationIndexType, checkpointLocation),
     indexNameError: validateIndexName(accelerationIndexName),
     skippingIndexError: validateSkippingIndexData(accelerationIndexType, skippingIndexQueryData),
     coveringIndexError: validateCoveringIndexData(accelerationIndexType, coveringIndexQueryData),
diff --git a/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap b/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
index f71875c5..ea5c51e3 100644
--- a/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
+++ b/public/components/acceleration/selectors/__tests__/__snapshots__/index_setting_options.test.tsx.snap
@@ -363,7 +363,7 @@ Array [
         className="euiFormLabel euiFormRow__label"
         htmlFor="some_html_id"
       >
-        Checkpoint location
+        Checkpoint location - optional
       </label>
     </div>
     <div
@@ -771,7 +771,7 @@ Array [
         className="euiFormLabel euiFormRow__label"
         htmlFor="some_html_id"
       >
-        Checkpoint location
+        Checkpoint location - optional
       </label>
     </div>
     <div
@@ -1179,7 +1179,7 @@ Array [
         className="euiFormLabel euiFormRow__label"
         htmlFor="some_html_id"
       >
-        Checkpoint location
+        Checkpoint location - optional
       </label>
     </div>
     <div
diff --git a/public/components/acceleration/selectors/index_setting_options.tsx b/public/components/acceleration/selectors/index_setting_options.tsx
index 56d2a635..f9d65e47 100644
--- a/public/components/acceleration/selectors/index_setting_options.tsx
+++ b/public/components/acceleration/selectors/index_setting_options.tsx
@@ -23,7 +23,6 @@ import {
   validatePrimaryShardCount,
   validateRefreshInterval,
   validateReplicaCount,
-  validateWatermarkDelay,
 } from '../create/utils';
 import { IndexTypeSelector } from './index_type_selector';
 
@@ -61,8 +60,6 @@ export const IndexSettingOptions = ({
   const [refreshTypeSelected, setRefreshTypeSelected] = useState(autoRefreshId);
   const [refreshWindow, setRefreshWindow] = useState(1);
   const [refreshInterval, setRefreshInterval] = useState(ACCELERATION_TIME_INTERVAL[1].value);
-  const [delayWindow, setDelayWindow] = useState(1);
-  const [delayInterval, setDelayInterval] = useState(ACCELERATION_TIME_INTERVAL[1].value);
   const [checkpoint, setCheckpoint] = useState('');
 
   const onChangePrimaryShards = (e: ChangeEvent<HTMLInputElement>) => {
@@ -107,16 +104,6 @@ export const IndexSettingOptions = ({
     setRefreshWindow(windowCount);
   };
 
-  const onChangeDelayWindow = (e: ChangeEvent<HTMLInputElement>) => {
-    const windowCount = parseInt(e.target.value, 10);
-    setAccelerationFormData(
-      producer((accData) => {
-        accData.watermarkDelay.delayWindow = windowCount;
-      })
-    );
-    setDelayWindow(windowCount);
-  };
-
   const onChangeRefreshInterval = (e: React.ChangeEvent<HTMLSelectElement>) => {
     const refreshIntervalValue = e.target.value;
     setAccelerationFormData(
@@ -127,16 +114,6 @@ export const IndexSettingOptions = ({
     setRefreshInterval(refreshIntervalValue);
   };
 
-  const onChangeDelayInterval = (e: React.ChangeEvent<HTMLSelectElement>) => {
-    const delayIntervalValue = e.target.value;
-    setAccelerationFormData(
-      producer((accData) => {
-        accData.watermarkDelay.delayInterval = delayIntervalValue;
-      })
-    );
-    setRefreshInterval(delayIntervalValue);
-  };
-
   const onChangeCheckpoint = (e: ChangeEvent<HTMLInputElement>) => {
     const checkpointLocation = e.target.value;
     setAccelerationFormData({ ...accelerationFormData, checkpointLocation: checkpointLocation });
@@ -251,7 +228,11 @@ export const IndexSettingOptions = ({
       )}
       {refreshTypeSelected !== manualRefreshId && (
         <EuiFormRow
-          label="Checkpoint location"
+          label={
+            accelerationFormData.accelerationIndexType === 'materialized'
+              ? 'Checkpoint location'
+              : 'Checkpoint location - optional'
+          }
           helpText="The HDFS compatible file system location path for incremental refresh job checkpoint."
           isInvalid={hasError(accelerationFormData.formErrors, 'checkpointLocationError')}
           error={accelerationFormData.formErrors.checkpointLocationError}
@@ -266,7 +247,7 @@ export const IndexSettingOptions = ({
               setAccelerationFormData(
                 producer((accData) => {
                   accData.formErrors.checkpointLocationError = validateCheckpointLocation(
-                    accData.refreshType,
+                    accData.accelerationIndexType,
                     e.target.value
                   );
                 })
@@ -275,40 +256,6 @@ export const IndexSettingOptions = ({
           />
         </EuiFormRow>
       )}
-      {accelerationFormData.accelerationIndexType === 'materialized' && (
-        <EuiFormRow
-          label="Watermark Delay"
-          helpText="Data arrival delay for incremental refresh on a materialized view with aggregations"
-          isInvalid={hasError(accelerationFormData.formErrors, 'watermarkDelayError')}
-          error={accelerationFormData.formErrors.watermarkDelayError}
-        >
-          <EuiFieldNumber
-            placeholder="Watermark delay interval"
-            value={delayWindow}
-            onChange={onChangeDelayWindow}
-            aria-label="Watermark delay interval"
-            min={1}
-            isInvalid={hasError(accelerationFormData.formErrors, 'watermarkDelayError')}
-            onBlur={(e) => {
-              setAccelerationFormData(
-                producer((accData) => {
-                  accData.formErrors.watermarkDelayError = validateWatermarkDelay(
-                    accelerationFormData.accelerationIndexType,
-                    parseInt(e.target.value, 10)
-                  );
-                })
-              );
-            }}
-            append={
-              <EuiSelect
-                value={delayInterval}
-                onChange={onChangeDelayInterval}
-                options={ACCELERATION_TIME_INTERVAL}
-              />
-            }
-          />
-        </EuiFormRow>
-      )}
     </>
   );
 };
diff --git a/public/components/acceleration/selectors/index_type_selector.tsx b/public/components/acceleration/selectors/index_type_selector.tsx
index dc155e9f..1eb13982 100644
--- a/public/components/acceleration/selectors/index_type_selector.tsx
+++ b/public/components/acceleration/selectors/index_type_selector.tsx
@@ -51,24 +51,19 @@ export const IndexTypeSelector = ({
         datasource: accelerationFormData.dataSource,
       };
       getJobId(query, http, (id: string) => {
-        pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-          if (data.status === 'SUCCESS') {
-            const dataTableFields: DataTableFieldsType[] = data.results
-              .filter((row) => !row[0].startsWith('#'))
-              .map((row, index) => ({
-                id: `${idPrefix}${index + 1}`,
-                fieldName: row[0],
-                dataType: row[1],
-              }));
-            setAccelerationFormData({
-              ...accelerationFormData,
-              dataTableFields: dataTableFields,
-            });
-            setLoading(false);
-          }
-          if (data.status === 'FAILED') {
-            setLoading(false);
-          }
+        pollQueryStatus(id, http, (data: any[]) => {
+          const dataTableFields: DataTableFieldsType[] = data
+            .filter((row) => !row[0].startsWith('#'))
+            .map((row, index) => ({
+              id: `${idPrefix}${index + 1}`,
+              fieldName: row[0],
+              dataType: row[1],
+            }));
+          setAccelerationFormData({
+            ...accelerationFormData,
+            dataTableFields: dataTableFields,
+          });
+          setLoading(false);
         });
       });
     }
diff --git a/public/components/acceleration/selectors/source_selector.tsx b/public/components/acceleration/selectors/source_selector.tsx
index d296c237..3062593e 100644
--- a/public/components/acceleration/selectors/source_selector.tsx
+++ b/public/components/acceleration/selectors/source_selector.tsx
@@ -64,17 +64,12 @@ export const AccelerationDataSourceSelector = ({
       datasource: accelerationFormData.dataSource,
     };
     getJobId(query, http, (id: string) => {
-      pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-        if (data.status === 'SUCCESS') {
-          let databaseOptions: EuiComboBoxOptionOption<string>[] = [];
-          if (data.results.length > 0)
-            databaseOptions = data.results.map((subArray: any[]) => ({ label: subArray[0] }));
-          setDatabases(databaseOptions);
-          setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
-        }
-        if (data.status === 'FAILED') {
-          setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
-        }
+      pollQueryStatus(id, http, (data: any[][]) => {
+        let databaseOptions: EuiComboBoxOptionOption<string>[] = [];
+        if (data.length > 0)
+          databaseOptions = data.map((subArray: any[]) => ({ label: subArray[0] }));
+        setDatabases(databaseOptions);
+        setLoadingComboBoxes({ ...loadingComboBoxes, database: false });
       });
     });
   };
@@ -87,17 +82,11 @@ export const AccelerationDataSourceSelector = ({
       datasource: accelerationFormData.dataSource,
     };
     getJobId(query, http, (id: string) => {
-      pollQueryStatus(id, http, (data: { status: string; results: any[] }) => {
-        if (data.status === 'SUCCESS') {
-          let dataTableOptions: EuiComboBoxOptionOption<string>[] = [];
-          if (data.results.length > 0)
-            dataTableOptions = data.results.map((subArray) => ({ label: subArray[1] }));
-          setTables(dataTableOptions);
-          setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
-        }
-        if (data.status === 'FAILED') {
-          setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
-        }
+      pollQueryStatus(id, http, (data: any[]) => {
+        let dataTableOptions: EuiComboBoxOptionOption<string>[] = [];
+        if (data.length > 0) dataTableOptions = data.map((subArray) => ({ label: subArray[1] }));
+        setTables(dataTableOptions);
+        setLoadingComboBoxes({ ...loadingComboBoxes, dataTable: false });
       });
     });
   };
@@ -140,17 +129,15 @@ export const AccelerationDataSourceSelector = ({
           options={dataConnections}
           selectedOptions={selectedDataConnection}
           onChange={(dataConnectionOptions) => {
-            if (dataConnectionOptions.length > 0) {
-              setAccelerationFormData(
-                producer((accData) => {
-                  accData.dataSource = dataConnectionOptions[0].label;
-                  accData.formErrors.dataSourceError = validateDataSource(
-                    dataConnectionOptions[0].label
-                  );
-                })
-              );
-              setSelectedDataConnection(dataConnectionOptions);
-            }
+            setAccelerationFormData(
+              producer((accData) => {
+                accData.dataSource = dataConnectionOptions[0].label;
+                accData.formErrors.dataSourceError = validateDataSource(
+                  dataConnectionOptions[0].label
+                );
+              })
+            );
+            setSelectedDataConnection(dataConnectionOptions);
           }}
           isClearable={false}
           isInvalid={hasError(accelerationFormData.formErrors, 'dataSourceError')}
@@ -169,15 +156,13 @@ export const AccelerationDataSourceSelector = ({
           options={databases}
           selectedOptions={selectedDatabase}
           onChange={(databaseOptions) => {
-            if (databaseOptions.length > 0) {
-              setAccelerationFormData(
-                producer((accData) => {
-                  accData.database = databaseOptions[0].label;
-                  accData.formErrors.databaseError = validateDataSource(databaseOptions[0].label);
-                })
-              );
-              setSelectedDatabase(databaseOptions);
-            }
+            setAccelerationFormData(
+              producer((accData) => {
+                accData.database = databaseOptions[0].label;
+                accData.formErrors.databaseError = validateDataSource(databaseOptions[0].label);
+              })
+            );
+            setSelectedDatabase(databaseOptions);
           }}
           isClearable={false}
           isInvalid={hasError(accelerationFormData.formErrors, 'databaseError')}
@@ -196,15 +181,13 @@ export const AccelerationDataSourceSelector = ({
           options={tables}
           selectedOptions={selectedTable}
           onChange={(tableOptions) => {
-            if (tableOptions.length > 0) {
-              setAccelerationFormData(
-                producer((accData) => {
-                  accData.dataTable = tableOptions[0].label;
-                  accData.formErrors.dataTableError = validateDataSource(tableOptions[0].label);
-                })
-              );
-              setSelectedTable(tableOptions);
-            }
+            setAccelerationFormData(
+              producer((accData) => {
+                accData.dataTable = tableOptions[0].label;
+                accData.formErrors.dataTableError = validateDataSource(tableOptions[0].label);
+              })
+            );
+            setSelectedTable(tableOptions);
           }}
           isClearable={false}
           isInvalid={hasError(accelerationFormData.formErrors, 'dataTableError')}
diff --git a/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx b/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
index 44797479..cd25f907 100644
--- a/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
+++ b/public/components/acceleration/visual_editors/__tests__/query_builder.test.tsx
@@ -12,12 +12,10 @@ import {
   indexOptionsMock2,
   indexOptionsMock3,
   indexOptionsMock4,
-  indexOptionsMock5,
   indexOptionsMockResult1,
   indexOptionsMockResult2,
   indexOptionsMockResult3,
   indexOptionsMockResult4,
-  indexOptionsMockResult5,
   materializedViewBuilderMock1,
   materializedViewBuilderMock2,
   materializedViewBuilderMockResult1,
@@ -55,11 +53,6 @@ describe('buildIndexOptions', () => {
     expect(indexOptions).toEqual(indexOptionsMockResult4);
   });
 
-  it('should build index options with watermark delay', () => {
-    const indexOptions = buildIndexOptions(indexOptionsMock5);
-    expect(indexOptions).toEqual(indexOptionsMockResult5);
-  });
-
   describe('skippingIndexQueryBuilder', () => {
     it('should build skipping index query as expected with interval refresh', () => {
       const result = skippingIndexQueryBuilder(skippingIndexBuilderMock1);
diff --git a/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx b/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
index 0207c164..ba56488f 100644
--- a/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
+++ b/public/components/acceleration/visual_editors/materialized_view/group_by_tumble_expression.tsx
@@ -16,7 +16,7 @@ import {
 } from '@elastic/eui';
 import producer from 'immer';
 import React, { useState } from 'react';
-import { ACCELERATION_TIME_INTERVAL, TIMESTAMP_DATATYPE } from '../../../../../common/constants';
+import { ACCELERATION_TIME_INTERVAL } from '../../../../../common/constants';
 import { CreateAccelerationForm, GroupByTumbleType } from '../../../../../common/types';
 import { hasError, pluralizeTime, validateMaterializedViewData } from '../../create/utils';
 
@@ -96,7 +96,7 @@ export const GroupByTumbleExpression = ({
                 placeholder="Select one or more options"
                 singleSelection={{ asPlainText: true }}
                 options={accelerationFormData.dataTableFields
-                  .filter((value) => value.dataType.includes(TIMESTAMP_DATATYPE))
+                  .filter((value) => value.dataType.includes('TimestampType'))
                   .map((value) => ({ label: value.fieldName }))}
                 selectedOptions={[{ label: groupbyValues.timeField }]}
                 onChange={onChangeTimeField}
diff --git a/public/components/acceleration/visual_editors/query_builder.tsx b/public/components/acceleration/visual_editors/query_builder.tsx
index e299f52e..83f8f7af 100644
--- a/public/components/acceleration/visual_editors/query_builder.tsx
+++ b/public/components/acceleration/visual_editors/query_builder.tsx
@@ -18,7 +18,6 @@ export const buildIndexOptions = (accelerationformData: CreateAccelerationForm)
     replicaShardsCount,
     refreshType,
     checkpointLocation,
-    accelerationIndexType,
   } = accelerationformData;
   const indexOptions: string[] = [];
 
@@ -38,16 +37,8 @@ export const buildIndexOptions = (accelerationformData: CreateAccelerationForm)
     );
   }
 
-  // Add watermark delay option with materialized view
-  if (accelerationIndexType === 'materialized') {
-    const { delayWindow, delayInterval } = accelerationformData.watermarkDelay;
-    indexOptions.push(
-      `watermark_delay = '${delayWindow} ${delayInterval}${pluralizeTime(delayWindow)}'`
-    );
-  }
-
+  // Add checkpoint location option
   if (checkpointLocation) {
-    // Add checkpoint location option
     indexOptions.push(`checkpoint_location = '${checkpointLocation}'`);
   }
 
diff --git a/test/mocks/accelerationMock.ts b/test/mocks/accelerationMock.ts
index 16ea9391..82d4d1de 100644
--- a/test/mocks/accelerationMock.ts
+++ b/test/mocks/accelerationMock.ts
@@ -108,10 +108,6 @@ export const createAccelerationEmptyDataMock: CreateAccelerationForm = {
     refreshWindow: 1,
     refreshInterval: ACCELERATION_TIME_INTERVAL[1].value,
   },
-  watermarkDelay: {
-    delayWindow: 1,
-    delayInterval: ACCELERATION_TIME_INTERVAL[1].value,
-  },
   formErrors: {
     dataSourceError: [],
     databaseError: [],
@@ -124,7 +120,6 @@ export const createAccelerationEmptyDataMock: CreateAccelerationForm = {
     replicaShardsError: [],
     refreshIntervalError: [],
     checkpointLocationError: [],
-    watermarkDelayError: [],
   },
 };
 
@@ -183,24 +178,6 @@ index_settings = '{"number_of_shards":3,"number_of_replicas":2}',
 auto_refresh = false
 )`;
 
-export const indexOptionsMock5: CreateAccelerationForm = {
-  ...createAccelerationEmptyDataMock,
-  accelerationIndexType: 'materialized',
-  primaryShardsCount: 3,
-  replicaShardsCount: 2,
-  refreshType: 'manual',
-  watermarkDelay: {
-    delayWindow: 10,
-    delayInterval: 'minute',
-  },
-};
-
-export const indexOptionsMockResult5 = `WITH (
-index_settings = '{"number_of_shards":3,"number_of_replicas":2}',
-auto_refresh = false,
-watermark_delay = '10 minutes'
-)`;
-
 export const skippingIndexBuilderMock1: CreateAccelerationForm = {
   ...createAccelerationEmptyDataMock,
   dataSource: 'datasource',
@@ -332,7 +309,6 @@ export const materializedViewBuilderMock1: CreateAccelerationForm = {
   dataSource: 'datasource',
   database: 'database',
   dataTable: 'table',
-  accelerationIndexType: 'materialized',
   accelerationIndexName: 'index_name',
   materializedViewQueryData: {
     columnsValues: [
@@ -354,10 +330,6 @@ export const materializedViewBuilderMock1: CreateAccelerationForm = {
     refreshWindow: 1,
     refreshInterval: 'minute',
   },
-  watermarkDelay: {
-    delayWindow: 1,
-    delayInterval: 'minute',
-  },
   checkpointLocation: 's3://test/',
 };
 
@@ -373,7 +345,6 @@ GROUP BY TUMBLE (timestamp, '1 minute')
 index_settings = '{"number_of_shards":9,"number_of_replicas":2}',
 auto_refresh = true,
 refresh_interval = '1 minute',
-watermark_delay = '1 minute',
 checkpoint_location = 's3://test/'
 )`;
 
@@ -382,7 +353,6 @@ export const materializedViewBuilderMock2: CreateAccelerationForm = {
   dataSource: 'datasource',
   database: 'database',
   dataTable: 'table',
-  accelerationIndexType: 'materialized',
   accelerationIndexName: 'index_name',
   materializedViewQueryData: {
     columnsValues: [{ id: '1', functionName: 'count', functionParam: 'field' }],
@@ -396,10 +366,6 @@ export const materializedViewBuilderMock2: CreateAccelerationForm = {
   replicaShardsCount: 3,
   refreshType: 'auto',
   checkpointLocation: 's3://test/',
-  watermarkDelay: {
-    delayWindow: 2,
-    delayInterval: 'minute',
-  },
 };
 
 export const materializedViewBuilderMockResult2 = `CREATE MATERIALIZED VIEW datasource.database.index_name
@@ -410,6 +376,5 @@ GROUP BY TUMBLE (timestamp, '2 hours')
  WITH (
 index_settings = '{"number_of_shards":5,"number_of_replicas":3}',
 auto_refresh = true,
-watermark_delay = '2 minutes',
 checkpoint_location = 's3://test/'
 )`;

From 6d8e9d4bd5d865124469f5d2ab3c4c97a24aa0df Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:14 +0000
Subject: [PATCH 09/12] Revert "design changes for loading, changed the banner,
 updated tests (#170) (#172)"

This reverts commit 786c7c7a0d42b1e6531d3af8bfe691d60561792f.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/types/index.ts                         |   6 -
 common/utils/async_query_helpers.ts           |   5 +-
 .../Main/__snapshots__/main.test.tsx.snap     | 214 +++++++--------
 public/components/Main/main.tsx               |   6 +-
 .../__snapshots__/table_view.test.tsx.snap    |  50 ++--
 public/components/SQLPage/table_view.test.tsx |  33 ++-
 public/components/SQLPage/table_view.tsx      | 254 ++++++------------
 test/mocks/mockData.ts                        |   6 -
 8 files changed, 228 insertions(+), 346 deletions(-)

diff --git a/common/types/index.ts b/common/types/index.ts
index 17208cc3..5ed212c8 100644
--- a/common/types/index.ts
+++ b/common/types/index.ts
@@ -87,10 +87,4 @@ export interface TreeItem {
   type: TreeItemType;
   isExpanded: boolean;
   values?: TreeItem[];
-  isLoading?: boolean
-}
-
-export interface isLoading {
-  flag: boolean;
-  status: string;
 }
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
index 3731859e..689727b3 100644
--- a/common/utils/async_query_helpers.ts
+++ b/common/utils/async_query_helpers.ts
@@ -47,13 +47,12 @@ export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) =
         status === 'scheduled' ||
         status === 'waiting'
       ) {
-        callback({status: status})
         setTimeout(() => pollQueryStatus(id, http, callback), POLL_INTERVAL_MS);
       } else if (status === 'failed') {
-        callback({ status: 'FAILED', results: [] });
+        callback([]);
       } else if (status === 'success') {
         const results = _.get(res.data.resp, 'datarows');
-        callback({ status: 'SUCCESS', results: results });
+        callback(results);
       }
     })
     .catch((err) => {
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 3b7c236c..f34fea4e 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -193,7 +193,7 @@ exports[`<Main /> spec click clear button 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -243,38 +243,34 @@ exports[`<Main /> spec click clear button 1`] = `
               class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiEmptyPrompt"
                 >
-                  <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"
                   >
-                    <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"
+                    <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"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
+                  </svg>
+                  <div
+                    class="euiSpacer euiSpacer--m"
+                  />
+                  <h3
+                    class="euiTitle euiTitle--medium"
+                  >
+                    Error loading data
+                  </h3>
                 </div>
               </div>
             </div>
@@ -750,7 +746,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -800,38 +796,34 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
               class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiEmptyPrompt"
                 >
-                  <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"
                   >
-                    <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"
+                    <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"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
+                  </svg>
+                  <div
+                    class="euiSpacer euiSpacer--m"
+                  />
+                  <h3
+                    class="euiTitle euiTitle--medium"
+                  >
+                    Error loading data
+                  </h3>
                 </div>
               </div>
             </div>
@@ -1307,7 +1299,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -1357,38 +1349,34 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
               class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiEmptyPrompt"
                 >
-                  <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"
                   >
-                    <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"
+                    <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"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
+                  </svg>
+                  <div
+                    class="euiSpacer euiSpacer--m"
+                  />
+                  <h3
+                    class="euiTitle euiTitle--medium"
+                  >
+                    Error loading data
+                  </h3>
                 </div>
               </div>
             </div>
@@ -1864,7 +1852,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -2505,7 +2493,7 @@ 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;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3145,7 +3133,7 @@ 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;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3195,38 +3183,34 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
               class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
             >
               <div
-                class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+                class="euiFlexItem euiFlexItem--flexGrowZero"
               >
                 <div
-                  class="euiFlexItem euiFlexItem--flexGrowZero"
+                  class="euiEmptyPrompt"
                 >
-                  <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"
                   >
-                    <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"
+                    <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"
                     />
-                    <h4
-                      class="euiTitle euiTitle--xsmall"
-                    >
-                      Error loading data
-                    </h4>
-                  </div>
+                  </svg>
+                  <div
+                    class="euiSpacer euiSpacer--m"
+                  />
+                  <h3
+                    class="euiTitle euiTitle--medium"
+                  >
+                    Error loading data
+                  </h3>
                 </div>
               </div>
             </div>
@@ -3693,7 +3677,7 @@ exports[`<Main /> spec renders the component 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; max-height: 1200px; overflow-y: auto;"
+        style="max-width: 400px; width: 400px; overflow: auto;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 714e4231..597fb953 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -6,7 +6,6 @@
 import {
   EuiButton,
   EuiButtonIcon,
-  EuiCallOut,
   EuiComboBoxOptionOption,
   EuiFlexGroup,
   EuiFlexItem,
@@ -17,6 +16,7 @@ import {
   EuiPanel,
   EuiSpacer,
   EuiText,
+  EuiCallOut,
 } from '@elastic/eui';
 import { IHttpResponse } from 'angular';
 import _ from 'lodash';
@@ -957,8 +957,8 @@ export class Main extends React.Component<MainProps, MainState> {
         </EuiFlexGroup>
         <EuiPage paddingSize="none">
           {this.state.language === 'SQL' && (
-            <EuiPanel grow ={true}>
-              <EuiPageSideBar style={{ maxWidth: '400px', width: '400px', maxHeight: '1200px' ,overflowY:'auto'}}>
+            <EuiPanel>
+              <EuiPageSideBar style={{ maxWidth: '400px', width: '400px' , overflow: 'auto' }}>
                 <EuiFlexGroup direction="column">
                   <EuiFlexItem>
                     <EuiFlexItem grow={false}>
diff --git a/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap b/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
index 56a16514..6b8be8c2 100644
--- a/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
+++ b/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
@@ -6,38 +6,34 @@ exports[`Render databases in tree fetches and displays database nodes when datas
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
     <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+      class="euiFlexItem euiFlexItem--flexGrowZero"
     >
       <div
-        class="euiFlexItem euiFlexItem--flexGrowZero"
+        class="euiEmptyPrompt"
       >
-        <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"
         >
-          <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"
+          <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"
           />
-          <h4
-            class="euiTitle euiTitle--xsmall"
-          >
-            Error loading data
-          </h4>
-        </div>
+        </svg>
+        <div
+          class="euiSpacer euiSpacer--m"
+        />
+        <h3
+          class="euiTitle euiTitle--medium"
+        >
+          Error loading data
+        </h3>
       </div>
     </div>
   </div>
diff --git a/public/components/SQLPage/table_view.test.tsx b/public/components/SQLPage/table_view.test.tsx
index 976291c9..3f602918 100644
--- a/public/components/SQLPage/table_view.test.tsx
+++ b/public/components/SQLPage/table_view.test.tsx
@@ -3,8 +3,7 @@ import React from 'react';
 import { httpClientMock } from '../../../test/mocks';
 
 import '@testing-library/jest-dom/extend-expect';
-import { render } from '@testing-library/react';
-import { isLoading } from 'common/types';
+import { render, waitFor } from '@testing-library/react';
 import { HttpResponse } from '../../../../../src/core/public';
 import { mockDatabaseQuery, mockJobId, mockOpenSearchIndicies } from '../../../test/mocks/mockData';
 import { TableView } from './table_view';
@@ -31,10 +30,6 @@ describe('Render databases in tree', () => {
   });
   it('fetches and displays database nodes when datasource is s3', async () => {
     const client = httpClientMock;
-    const isLoading: isLoading = {
-      flag: false,
-      status: 'Not loading',
-    }
     client.post = jest.fn(() => {
       return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
     });
@@ -42,17 +37,21 @@ describe('Render databases in tree', () => {
       return (Promise.resolve(mockDatabaseQuery) as unknown) as HttpResponse;
     });
 
-    const asyncTest = () => {
-      render(
-        <TableView
-          http={client}
-          selectedItems={[{ label: 'my_glue' }]}
-          updateSQLQueries={() => {}}
-          refreshTree={false}
-        />
-      );
-    };
-    await asyncTest();
+    const { getByText } = render(
+      <TableView
+        http={client}
+        selectedItems={[{ label: 'my_glue' }]}
+        updateSQLQueries={() => {}}
+        refreshTree={false}
+      />
+    );
+    await waitFor(() => {
+      expect(
+        getByText(
+          'Loading can take more than 30s. Queries can be made after the data has loaded. Any queries run before the data is loaded will be queued'
+        )
+      ).toBeInTheDocument();
+    });
     expect(document.body.children[0]).toMatchSnapshot();
   });
 });
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index ab4014ea..c1e0fbf6 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -11,12 +11,11 @@ import {
   EuiFlexItem,
   EuiIcon,
   EuiLoadingSpinner,
-  EuiSpacer,
   EuiText,
   EuiToolTip,
   EuiTreeView,
 } from '@elastic/eui';
-import { TreeItem, TreeItemType, isLoading } from 'common/types';
+import { TreeItem, TreeItemType } from 'common/types';
 import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { CoreStart } from '../../../../../src/core/public';
@@ -45,10 +44,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   const [tableNames, setTableNames] = useState<string[]>([]);
   const [selectedDatabase, setSelectedDatabase] = useState<string>('');
   const [selectedTable, setSelectedTable] = useState<string | null>(null);
-  const [isLoadingBanner, setIsLoading] = useState<isLoading>({
-    flag: false,
-    status: 'Not loading',
-  });
+  const [isLoading, setIsLoading] = useState(false);
   const [indexFlyout, setIndexFlyout] = useState(<></>);
   const [treeData, setTreeData] = useState<TreeItem[]>([]);
 
@@ -79,7 +75,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       let treeItem: TreeItem = {
         name: element,
         type: type,
-        isExpanded: false,
+        isExpanded: true,
       };
 
       if (
@@ -87,7 +83,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         type != TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME
       ) {
         treeItem.values = [];
-        treeItem.isLoading = false;
       }
       return treeItem;
     });
@@ -117,6 +112,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
           console.error(err);
         });
     } else {
+      setIsLoading(true);
       setTableNames([]);
       const query = {
         lang: 'sql',
@@ -124,36 +120,23 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         datasource: selectedItems[0]['label'],
       };
       getJobId(query, http, (id) => {
-        pollQueryStatus(id, http, (data) => {
-          setIsLoading({ flag: true, status: data.status });
-          if (data.status === 'SUCCESS') {
-            const fetchedDatanases = [].concat(...data.results);
-            setTreeData(loadTreeItem(fetchedDatanases, TREE_ITEM_DATABASE_NAME_DEFAULT_NAME));
-            setIsLoading({ flag: false, status: data.status });
-          }
+        get_async_query_results(id, http, (data) => {
+          data = [].concat(...data);
+          setTreeData(loadTreeItem(data, TREE_ITEM_DATABASE_NAME_DEFAULT_NAME));
+          setIsLoading(false);
         });
       });
     }
   };
 
   useEffect(() => {
-    setIsLoading({
-      flag: false,
-      status: 'Not loading',
-    });
+    setIsLoading(false);
     getSidebarContent();
   }, [selectedItems, refreshTree]);
 
   const handleDatabaseClick = (databaseName: string) => {
-    setTreeData((prevTreeData) => {
-      return prevTreeData.map((database) => {
-        if (database.name === databaseName) {
-          return { ...database, isExpanded: true, isLoading: true };
-        }
-        return database;
-      });
-    });
     setSelectedDatabase(databaseName);
+    setIsLoading(true);
     const query = {
       lang: 'sql',
       query: `SHOW TABLES IN ${selectedItems[0]['label']}.${databaseName}`,
@@ -161,23 +144,22 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     };
     getJobId(query, http, (id) => {
       get_async_query_results(id, http, (data) => {
-        if (data.status === 'SUCCESS') {
-          const fetchTables = data.results.map((subArray) => subArray[1]);
-          let values = loadTreeItem(fetchTables, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
-          let mvObj = loadTreeItem(
-            [TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME],
-            TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-          );
-          values = [...values, ...mvObj];
-          setTreeData((prevTreeData) => {
-            return prevTreeData.map((database) => {
-              if (database.name === databaseName) {
-                return { ...database, values: values, isExpanded: true, isLoading: false};
-              }
-              return database;
-            });
+        data = data.map((subArray) => subArray[1]);
+        let values = loadTreeItem(data, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
+        let mvObj = loadTreeItem(
+          [TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME],
+          TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
+        );
+        values = [...values, ...mvObj];
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === databaseName) {
+              return { ...database, values: values };
+            }
+            return database;
           });
-        }
+        });
+        setIsLoading(false);
       });
     });
   };
@@ -190,31 +172,28 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     };
     getJobId(coverQuery, http, (id) => {
       get_async_query_results(id, http, (data) => {
-        if (data.status === 'SUCCESS') {
-          const res = [].concat(data.results);
-          let coverIndexObj = loadTreeItem(res, TREE_ITEM_COVERING_INDEX_DEFAULT_NAME);
-          setTreeData((prevTreeData) => {
-            return prevTreeData.map((database) => {
-              if (database.name === selectedDatabase) {
-                return {
-                  ...database,
-                  values: database.values?.map((table) => {
-                    if (table.name === tableName) {
-                      return {
-                        ...table,
-                        values: table.values?.concat(...coverIndexObj),
-                        isLoading: false,
-                        isExpanded: true,
-                      };
-                    }
-                    return table;
-                  }),
-                };
-              }
-              return database;
-            });
+        const res = [].concat(data);
+        let coverIndexObj = loadTreeItem(res, TREE_ITEM_COVERING_INDEX_DEFAULT_NAME);
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === selectedDatabase) {
+              return {
+                ...database,
+                values: database.values?.map((table) => {
+                  if (table.name === tableName) {
+                    return {
+                      ...table,
+                      values: table.values?.concat(...coverIndexObj),
+                    };
+                  }
+                  return table;
+                }),
+              };
+            }
+            return database;
           });
-        }
+        });
+        setIsLoading(false);
       });
     });
   };
@@ -222,25 +201,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   const handleButtonClick = (e: MouseEvent, tableName: string) => {
     e.stopPropagation();
     setSelectedTable(tableName);
-    setTreeData((prevTreeData) => {
-      return prevTreeData.map((database) => {
-        if (database.name === selectedDatabase) {
-          return {
-            ...database,
-            values: database.values?.map((table) => {
-              if (table.name === tableName) {
-                return {
-                  ...table,
-                  isLoading: true,
-                };
-              }
-              return table;
-            }),
-          };
-        }
-        return database;
-      });
-    });
+    setIsLoading(true);
     const materializedViewQuery = {
       lang: 'sql',
       query: `SHOW MATERIALIZED VIEW IN ${selectedItems[0]['label']}.${selectedDatabase}`,
@@ -248,56 +209,32 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     };
     getJobId(materializedViewQuery, http, (id) => {
       get_async_query_results(id, http, (data) => {
-        if (data.status === 'SUCCESS') {
-          const fetchMaterialzedView = data.results.map((subArray) => subArray[1]);
-          let values = loadTreeItem(fetchMaterialzedView, TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME);
-          if (values.length === 0) {
-            values = [
-              {
-                name: 'No Materialized View',
-                type: TREE_ITEM_BADGE_NAME,
-                isExpanded: false,
-                isLoading: false,
-              },
-            ];
-          }
-          setTreeData((prevTreeData) => {
-            return prevTreeData.map((database) => {
-              if (database.name === selectedDatabase) {
-                const updatedValues = database.values?.filter(
-                  (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-                );
-                return { ...database, values: updatedValues?.concat(...values), isLoading: false , isExpanded: true};
-              }
-              return database;
-            });
-          });
+        data = data.map((subArray) => subArray[1]);
+        let values = loadTreeItem(data, TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME);
+        if (values.length === 0) {
+          values = [
+            { name: 'No Materialized View', type: TREE_ITEM_BADGE_NAME, isExpanded: false },
+          ];
         }
+        setTreeData((prevTreeData) => {
+          return prevTreeData.map((database) => {
+            if (database.name === selectedDatabase) {
+              const updatedValues = database.values?.filter(
+                (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
+              );
+              return { ...database, values: updatedValues?.concat(...values) };
+            }
+            return database;
+          });
+        });
+        setIsLoading(false);
       });
     });
   };
 
   const handleTableClick = (tableName: string) => {
     setSelectedTable(tableName);
-    setTreeData((prevTreeData) => {
-      return prevTreeData.map((database) => {
-        if (database.name === selectedDatabase) {
-          return {
-            ...database,
-            values: database.values?.map((table) => {
-              if (table.name === tableName) {
-                return {
-                  ...table,
-                  isLoading: true,
-                };
-              }
-              return table;
-            }),
-          };
-        }
-        return database;
-      });
-    });
+    setIsLoading(true);
     const skipQuery = {
       lang: 'sql',
       query: `DESC SKIPPING INDEX ON ${selectedItems[0]['label']}.${selectedDatabase}.${tableName}`,
@@ -305,7 +242,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
     };
     getJobId(skipQuery, http, (id) => {
       get_async_query_results(id, http, (data) => {
-        if (data.status === 'SUCCESS') {
+        if (data.length > 0) {
           setTreeData((prevTreeData) => {
             return prevTreeData.map((database) => {
               if (database.name === selectedDatabase) {
@@ -328,8 +265,8 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
               return database;
             });
           });
-          loadCoveringIndex(tableName);
         }
+        loadCoveringIndex(tableName);
       });
     });
   };
@@ -351,7 +288,6 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             <EuiBadge color="hollow" onClick={handleButtonClick}>
               Load Materialized View
             </EuiBadge>
-            <EuiText>{node.isLoading && <EuiLoadingSpinner size="m" />}</EuiText>
           </div>
         );
 
@@ -359,15 +295,8 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         return (
           <div key={node.name}>
             <EuiToolTip position="right" content={node.name} delay="long">
-              <EuiFlexGroup direction="row">
-                <EuiFlexItem>
-                  <EuiText>
-                    {_.truncate(node.name, { length: 50 })}{' '}
-                    {node.isLoading && <EuiLoadingSpinner size="m" />}
-                  </EuiText>
-                </EuiFlexItem>
-              </EuiFlexGroup>
-            </EuiToolTip>
+              <EuiText>{_.truncate(node.name, { length: 50 })}</EuiText>
+            </EuiToolTip>{' '}
           </div>
         );
     }
@@ -402,7 +331,7 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
       id: `${database.name}_${table.name}`,
       icon:
         table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME ? (
-          null
+          <EuiBadge color="hollow">MV</EuiBadge>
         ) : table.type === TREE_ITEM_BADGE_NAME ? null : (
           <EuiIcon type="tableDensityCompact" size="s" />
         ),
@@ -410,12 +339,9 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
         if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.values?.length === 0) {
           handleTableClick(table.name);
         }
-        else {
-          if(table.values?.length === 0) {
-            table.values = [{ name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false }];
-          }
+        if (table.values?.length === 0) {
+          table.values = [{ name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false }];
         }
-          
       },
       isSelectable: true,
       isExpanded: table.isExpanded,
@@ -440,25 +366,18 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
   return (
     <>
       <EuiFlexGroup>
-        {isLoadingBanner.flag ? (
+        {isLoading ? (
           <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>
+                <EuiText textAlign="center" color="subdued">
+                  Loading can take more than 30s. Queries can be made after the data has loaded. Any
+                  queries run before the data is loaded will be queued
+                </EuiText>
               </div>
             </EuiFlexItem>
           </EuiFlexGroup>
@@ -471,16 +390,13 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             )}
           </EuiFlexItem>
         ) : (
-          <EuiFlexGroup alignItems="center" direction="column">
-            <EuiFlexItem grow={false}>
-              <EuiEmptyPrompt
-                iconType="alert"
-                iconColor="danger"
-                titleSize="xs"
-                title={<h4>Error loading data</h4>}
-              />
-            </EuiFlexItem>
-          </EuiFlexGroup>
+          <EuiFlexItem grow={false}>
+            <EuiEmptyPrompt
+              iconType="alert"
+              iconColor="danger"
+              title={<h3>Error loading data</h3>}
+            />
+          </EuiFlexItem>
         )}
         {indexFlyout}
       </EuiFlexGroup>
diff --git a/test/mocks/mockData.ts b/test/mocks/mockData.ts
index 9a01e0fa..fee838f0 100644
--- a/test/mocks/mockData.ts
+++ b/test/mocks/mockData.ts
@@ -2364,11 +2364,5 @@ export const mockOpenSearchIndicies = {
   },
 };
 
-export const mockDatabaseQuery = {
-  data: {
-    ok: true,
-    resp: "{    \"schema\": [        {            \"name\": \"namespace\",            \"type\": \"string\"        }    ],    \"datarows\": [        [            \"default\"        ]    ],    \"total\": 1,    \"size\": 1}"
-  },
-};
 
 

From 7da6abab41d33a067aacf3ecfb3678df29b33251 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:15 +0000
Subject: [PATCH 10/12] Revert "Support dark mode and session for sql, minor
 bug fixes (#165) (#169)"

This reverts commit 0f5673ab4911f1ce9fc75eb2865aa52c1cf70200.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/constants/index.ts                     |  10 +-
 common/utils/async_query_helpers.ts           |  62 ----
 public/ace-themes/sql_console.js              |  19 +
 .../Main/__snapshots__/main.test.tsx.snap     |  63 ++--
 public/components/Main/main.tsx               |  17 +-
 public/components/PPLPage/PPLPage.tsx         |   9 +-
 .../__snapshots__/PPLPage.test.tsx.snap       |  12 +-
 .../components/QueryResults/QueryResults.tsx  |   2 +-
 .../QueryResults/QueryResultsBody.tsx         |  43 ++-
 .../QueryResultsBody.test.tsx.snap            | 348 +++++++++---------
 public/components/SQLPage/SQLPage.tsx         |  10 +-
 .../__snapshots__/SQLPage.test.tsx.snap       |  16 +-
 public/components/SQLPage/table_view.tsx      |  12 +-
 public/components/SQLPage/utils.tsx           |  51 +++
 .../selectors/index_type_selector.tsx         |   2 +-
 .../selectors/source_selector.tsx             |   2 +-
 public/index.scss                             | 142 +++++++
 public/index.ts                               |   3 +
 public/utils/PanelWrapper.tsx                 |  20 +-
 webpack.config.js                             |  43 +++
 20 files changed, 529 insertions(+), 357 deletions(-)
 delete mode 100644 common/utils/async_query_helpers.ts
 create mode 100644 public/ace-themes/sql_console.js
 create mode 100644 public/components/SQLPage/utils.tsx
 create mode 100644 public/index.scss
 create mode 100644 webpack.config.js

diff --git a/common/constants/index.ts b/common/constants/index.ts
index 0f78c810..db990084 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -16,7 +16,7 @@ export const TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME = `materialized_view`;
 export const TREE_ITEM_DATABASE_NAME_DEFAULT_NAME = `database`;
 export const TREE_ITEM_TABLE_NAME_DEFAULT_NAME = `table`;
 export const TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME = `Load Materialized View`;
-export const TREE_ITEM_BADGE_NAME = `badge`;
+export const TREE_ITEM_BADGE_NAME =`badge`
 export const LOAD_OPENSEARCH_INDICES_QUERY = `SHOW tables LIKE '%';`;
 export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON myS3.logs_db.http_logs 
 (status VALUE_SET) 
@@ -89,8 +89,6 @@ export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices
 - All user given index names must be in lowercase letters. Index name cannot begin with underscores. Spaces, commas, and characters -, :, ", *, +, /, \, |, ?, #, >, or < are not allowed.  
   `;
 
-export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery';
-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 SIDEBAR_POLL_INTERVAL_MS = 5000;
+
+export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery'
\ No newline at end of file
diff --git a/common/utils/async_query_helpers.ts b/common/utils/async_query_helpers.ts
deleted file mode 100644
index 689727b3..00000000
--- a/common/utils/async_query_helpers.ts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import _ from 'lodash';
-import { CoreStart } from '../../../../src/core/public';
-import {
-  ASYNC_QUERY_ENDPOINT,
-  ASYNC_QUERY_JOB_ENDPOINT,
-  ASYNC_QUERY_SESSION_ID,
-  POLL_INTERVAL_MS,
-} from '../constants';
-
-export const setAsyncSessionId = (value: string | null) => {
-  if (value === null) sessionStorage.removeItem(ASYNC_QUERY_SESSION_ID);
-  else sessionStorage.setItem(ASYNC_QUERY_SESSION_ID, value);
-};
-
-export const getAsyncSessionId = () => {
-  return sessionStorage.getItem(ASYNC_QUERY_SESSION_ID);
-};
-
-export const getJobId = (query: {}, http: CoreStart['http'], callback) => {
-  http
-    .post(ASYNC_QUERY_ENDPOINT, {
-      body: JSON.stringify({ ...query, sessionId: getAsyncSessionId() ?? undefined }),
-    })
-    .then((res) => {
-      const id = res.data.resp.queryId;
-      setAsyncSessionId(_.get(res.data.resp, 'sessionId', null));
-      callback(id);
-    })
-    .catch((err) => {
-      console.error(err);
-    });
-};
-
-export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) => {
-  http
-    .get(ASYNC_QUERY_JOB_ENDPOINT + id)
-    .then((res) => {
-      const status = res.data.resp.status.toLowerCase();
-      if (
-        status === 'pending' ||
-        status === 'running' ||
-        status === 'scheduled' ||
-        status === 'waiting'
-      ) {
-        setTimeout(() => pollQueryStatus(id, http, callback), POLL_INTERVAL_MS);
-      } else if (status === 'failed') {
-        callback([]);
-      } else if (status === 'success') {
-        const results = _.get(res.data.resp, 'datarows');
-        callback(results);
-      }
-    })
-    .catch((err) => {
-      console.error(err);
-      callback([]);
-    });
-};
diff --git a/public/ace-themes/sql_console.js b/public/ace-themes/sql_console.js
new file mode 100644
index 00000000..b0d4898c
--- /dev/null
+++ b/public/ace-themes/sql_console.js
@@ -0,0 +1,19 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import * as ace from 'brace';
+
+ace.define('ace/theme/sql_console', ['require', 'exports', 'module', 'ace/lib/dom'], function (
+  acequire,
+  exports,
+  module
+) {
+  exports.isDark = false;
+  exports.cssClass = 'ace-sql-console';
+  exports.cssText = require('../index.scss');
+
+  const dom = acequire('../lib/dom');
+  dom.importCssString(exports.cssText, exports.cssClass);
+});
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index f34fea4e..6d65fd66 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -296,7 +296,7 @@ exports[`<Main /> spec click clear button 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -304,7 +304,7 @@ exports[`<Main /> spec click clear button 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -323,9 +323,9 @@ exports[`<Main /> spec click clear button 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -523,6 +523,7 @@ exports[`<Main /> spec click clear button 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -849,7 +850,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -857,7 +858,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -876,9 +877,9 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -1076,6 +1077,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -1402,7 +1404,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -1410,7 +1412,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -1429,9 +1431,9 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -1629,6 +1631,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -2043,7 +2046,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -2051,7 +2054,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -2070,9 +2073,9 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -2270,6 +2273,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -2680,7 +2684,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -2688,7 +2692,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -2707,9 +2711,9 @@ exports[`<Main /> spec click run button, response fills null and missing values
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -2907,6 +2911,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -3236,7 +3241,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -3244,7 +3249,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -3263,9 +3268,9 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -3463,6 +3468,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
@@ -3811,7 +3817,7 @@ exports[`<Main /> spec renders the component 1`] = `
         />
         <div>
           <div
-            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+            class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
           >
             <div
               class="euiSpacer euiSpacer--s"
@@ -3819,7 +3825,7 @@ exports[`<Main /> spec renders the component 1`] = `
             <div
               class="euiCodeEditorWrapper"
               data-test-subj="codeEditorContainer"
-              style="width: 100%; height: 10rem;"
+              style="width: 100%; height: 7rem;"
             >
               <button
                 class="euiCodeEditorKeyboardHint"
@@ -3838,9 +3844,9 @@ exports[`<Main /> spec renders the component 1`] = `
                 </p>
               </button>
               <div
-                class=" ace_editor ace-tm"
+                class=" ace_editor ace-sql-console"
                 id="some_html_id"
-                style="width: 100%; height: 10rem; font-size: 14px;"
+                style="width: 100%; height: 7rem; font-size: 14px;"
               >
                 <textarea
                   aria-label="Code Editor"
@@ -4038,6 +4044,7 @@ exports[`<Main /> spec renders the component 1`] = `
             />
             <div
               class="euiText euiText--medium"
+              style="color: rgb(63, 63, 63);"
             >
               <div
                 class="euiTextAlign euiTextAlign--center"
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 597fb953..9cf36c94 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -22,13 +22,7 @@ import { IHttpResponse } from 'angular';
 import _ from 'lodash';
 import React from 'react';
 import { ChromeBreadcrumb, CoreStart } from '../../../../../src/core/public';
-import {
-  ASYNC_QUERY_ENDPOINT,
-  ASYNC_QUERY_JOB_ENDPOINT,
-  POLL_INTERVAL_MS,
-} from '../../../common/constants';
 import { AsyncQueryLoadingStatus } from '../../../common/types';
-import { getAsyncSessionId, setAsyncSessionId } from '../../../common/utils/async_query_helpers';
 import { MESSAGE_TAB_LABEL } from '../../utils/constants';
 import {
   Tree,
@@ -434,15 +428,15 @@ export class Main extends React.Component<MainProps, MainState> {
     const queries: string[] = getQueries(queriesString);
     const language = this.state.language;
     if (queries.length > 0) {
+      let endpoint = '/api/spark_sql_console';
       const responsePromise = Promise.all(
         queries.map((query: string) =>
           this.httpClient
-            .post(ASYNC_QUERY_ENDPOINT, {
+            .post(endpoint, {
               body: JSON.stringify({
                 lang: language,
                 query: query,
                 datasource: this.state.selectedDatasource[0].label,
-                sessionId: getAsyncSessionId() ?? undefined,
               }),
             })
             .catch((error: any) => {
@@ -475,7 +469,6 @@ export class Main extends React.Component<MainProps, MainState> {
                 : '';
 
               const queryId: string = _.get(responseObj, 'queryId');
-              setAsyncSessionId(_.get(responseObj, 'sessionId', null));
 
               // clear state from previous results and start async loading
               this.setState({
@@ -500,7 +493,7 @@ export class Main extends React.Component<MainProps, MainState> {
                   clearInterval(interval);
                 }
                 this.callGetStartPolling(queries);
-              }, POLL_INTERVAL_MS);
+              }, 2 * 1000);
             }
           }
         );
@@ -510,7 +503,7 @@ export class Main extends React.Component<MainProps, MainState> {
 
   callGetStartPolling = async (queries: string[]) => {
     const nextP = this.httpClient
-      .get(ASYNC_QUERY_JOB_ENDPOINT + this.state.asyncJobId)
+      .get('/api/spark_sql_console/job/' + this.state.asyncJobId)
       .catch((error: any) => {
         this.setState({
           messages: [
@@ -569,7 +562,7 @@ export class Main extends React.Component<MainProps, MainState> {
   cancelAsyncQuery = async () => {
     Promise.all([
       this.httpClient
-        .delete(ASYNC_QUERY_JOB_ENDPOINT + this.state.asyncJobId)
+        .delete('/api/spark_sql_console/job/' + this.state.asyncJobId)
         .catch((error: any) => {
           this.setState({
             messages: [
diff --git a/public/components/PPLPage/PPLPage.tsx b/public/components/PPLPage/PPLPage.tsx
index 82f01771..98c5a920 100644
--- a/public/components/PPLPage/PPLPage.tsx
+++ b/public/components/PPLPage/PPLPage.tsx
@@ -98,18 +98,15 @@ export class PPLPage extends React.Component<PPLPageProps, PPLPageState> {
     }
 
     return (
-      <EuiPanel
-        className="sql-console-query-editor container-panel coreSystemRootDomElement"
-        paddingSize="l"
-      >
+      <EuiPanel className="sql-console-query-editor container-panel" paddingSize="l">
         <EuiText className="sql-query-panel-header">
           <h3>Query editor</h3>
         </EuiText>
         <EuiSpacer size="s" />
         <EuiCodeEditor
-          theme="textmate"
+          theme="sql_console"
           width="100%"
-          height="10rem"
+          height="7rem"
           value={this.props.pplQuery}
           onChange={this.props.updatePPLQueries}
           showPrintMargin={false}
diff --git a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
index 60bec295..2f2c4817 100644
--- a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
+++ b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<PPLPage /> spec renders the component 1`] = `
 <div>
   <div
-    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
   >
     <div
       class="euiText euiText--medium sql-query-panel-header"
@@ -18,7 +18,7 @@ exports[`<PPLPage /> spec renders the component 1`] = `
     <div
       class="euiCodeEditorWrapper"
       data-test-subj="codeEditorContainer"
-      style="width: 100%; height: 10rem;"
+      style="width: 100%; height: 7rem;"
     >
       <button
         class="euiCodeEditorKeyboardHint"
@@ -39,7 +39,7 @@ exports[`<PPLPage /> spec renders the component 1`] = `
       <div
         class=" ace_editor ace-tm"
         id="some_html_id"
-        style="width: 100%; height: 10rem; font-size: 14px;"
+        style="width: 100%; height: 7rem; font-size: 14px;"
       >
         <textarea
           aria-label="Code Editor"
@@ -196,7 +196,7 @@ exports[`<PPLPage /> spec renders the component 1`] = `
 exports[`<PPLPage /> spec tests the action buttons 1`] = `
 <div>
   <div
-    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
   >
     <div
       class="euiText euiText--medium sql-query-panel-header"
@@ -211,7 +211,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
     <div
       class="euiCodeEditorWrapper"
       data-test-subj="codeEditorContainer"
-      style="width: 100%; height: 10rem;"
+      style="width: 100%; height: 7rem;"
     >
       <button
         class="euiCodeEditorKeyboardHint"
@@ -232,7 +232,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
       <div
         class=" ace_editor ace-tm"
         id="some_html_id"
-        style="width: 100%; height: 10rem; font-size: 14px;"
+        style="width: 100%; height: 7rem; font-size: 14px;"
       >
         <textarea
           aria-label="Code Editor"
diff --git a/public/components/QueryResults/QueryResults.tsx b/public/components/QueryResults/QueryResults.tsx
index e8bc30cc..55f4f2ce 100644
--- a/public/components/QueryResults/QueryResults.tsx
+++ b/public/components/QueryResults/QueryResults.tsx
@@ -343,7 +343,7 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
               <>
                 <EuiSpacer size="xxl" />
                 <EuiSpacer size="xl" />
-                <EuiText>
+                <EuiText style={{ color: '#3f3f3f' }}>
                   <EuiTextAlign textAlign="center">
                     <h4>No result</h4>
                   </EuiTextAlign>
diff --git a/public/components/QueryResults/QueryResultsBody.tsx b/public/components/QueryResults/QueryResultsBody.tsx
index b2ac3e48..9ccb2366 100644
--- a/public/components/QueryResults/QueryResultsBody.tsx
+++ b/public/components/QueryResults/QueryResultsBody.tsx
@@ -37,6 +37,7 @@ import {
   Pager,
 } from '@elastic/eui';
 import _ from 'lodash';
+import '../../ace-themes/sql_console';
 import { COLUMN_WIDTH, PAGE_OPTIONS, SMALL_COLUMN_WIDTH } from '../../utils/constants';
 import {
   Node,
@@ -586,28 +587,26 @@ class QueryResultsBody extends React.Component<QueryResultsBodyProps, QueryResul
 
   renderMessagesTab(): JSX.Element {
     return (
-      <div className="coreSystemRootDomElement">
-        <EuiCodeEditor
-          className={
-            this.props.messages && this.props.messages.length > 0
-              ? this.props.messages[0].className
-              : 'successful-message'
-          }
-          mode="text"
-          theme="textmate"
-          width="100%"
-          value={getMessageString(this.props.messages, this.props.tabNames)}
-          showPrintMargin={false}
-          readOnly={true}
-          setOptions={{
-            fontSize: '14px',
-            readOnly: true,
-            highlightActiveLine: false,
-            highlightGutterLine: false,
-          }}
-          aria-label="Code Editor"
-        />
-      </div>
+      <EuiCodeEditor
+        className={
+          this.props.messages && this.props.messages.length > 0
+            ? this.props.messages[0].className
+            : 'successful-message'
+        }
+        mode="text"
+        theme="sql_console"
+        width="100%"
+        value={getMessageString(this.props.messages, this.props.tabNames)}
+        showPrintMargin={false}
+        readOnly={true}
+        setOptions={{
+          fontSize: '14px',
+          readOnly: true,
+          highlightActiveLine: false,
+          highlightGutterLine: false,
+        }}
+        aria-label="Code Editor"
+      />
     );
   }
 
diff --git a/public/components/QueryResults/__snapshots__/QueryResultsBody.test.tsx.snap b/public/components/QueryResults/__snapshots__/QueryResultsBody.test.tsx.snap
index c33b1f8e..5e7ddd8f 100644
--- a/public/components/QueryResults/__snapshots__/QueryResultsBody.test.tsx.snap
+++ b/public/components/QueryResults/__snapshots__/QueryResultsBody.test.tsx.snap
@@ -14704,120 +14704,116 @@ exports[`<QueryResultsBody /> spec renders component with mock QueryResults data
 exports[`<QueryResultsBody /> spec renders the component 1`] = `
 <div>
   <div
-    class="coreSystemRootDomElement"
+    class="euiCodeEditorWrapper"
+    data-test-subj="codeEditorContainer"
+    style="width: 100%;"
   >
-    <div
-      class="euiCodeEditorWrapper"
-      data-test-subj="codeEditorContainer"
-      style="width: 100%;"
+    <button
+      class="euiCodeEditorKeyboardHint"
+      data-test-subj="codeEditorHint"
+      id="some_html_id"
     >
-      <button
-        class="euiCodeEditorKeyboardHint"
-        data-test-subj="codeEditorHint"
-        id="some_html_id"
+      <p
+        class="euiText"
       >
-        <p
-          class="euiText"
-        >
-          Press Enter to start editing.
-        </p>
-        <p
-          class="euiText"
-        >
-          When you're done, press Escape to stop editing.
-        </p>
-      </button>
+        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-sql-console successful-message"
+      id="some_html_id"
+      style="width: 100%; height: 500px; 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
-        class=" ace_editor ace-tm successful-message"
-        id="some_html_id"
-        style="width: 100%; height: 500px; font-size: 14px;"
+        aria-hidden="true"
+        class="ace_gutter"
       >
-        <textarea
-          aria-label="Code Editor"
-          autocapitalize="off"
-          autocorrect="off"
-          class="ace_text-input"
-          spellcheck="false"
-          style="opacity: 0;"
-          tabindex="-1"
-          wrap="off"
+        <div
+          class="ace_layer ace_gutter-layer ace_folding-enabled"
         />
         <div
-          aria-hidden="true"
-          class="ace_gutter"
-        >
-          <div
-            class="ace_layer ace_gutter-layer ace_folding-enabled"
-          />
-          <div
-            class="ace_gutter-active-line"
-            style="display: none;"
-          />
-        </div>
+          class="ace_gutter-active-line"
+          style="display: none;"
+        />
+      </div>
+      <div
+        class="ace_scroller"
+      >
         <div
-          class="ace_scroller"
+          class="ace_content"
         >
           <div
-            class="ace_content"
+            class="ace_layer ace_print-margin-layer"
           >
             <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"
+              class="ace_print-margin"
+              style="left: 4px; visibility: hidden;"
             />
-            <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;"
+            class="ace_layer ace_marker-layer"
           />
-        </div>
-        <div
-          class="ace_scrollbar ace_scrollbar-h"
-          style="display: none; height: 20px;"
-        >
           <div
-            class="ace_scrollbar-inner"
-            style="height: 20px;"
+            class="ace_layer ace_text-layer"
+            style="padding: 0px 4px;"
           />
-        </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;"
+            class="ace_layer ace_marker-layer"
           />
           <div
-            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+            class="ace_layer ace_cursor-layer ace_hidden-cursors"
           >
-            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+            <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>
@@ -14826,120 +14822,116 @@ exports[`<QueryResultsBody /> spec renders the component 1`] = `
 exports[`<QueryResultsBody /> spec renders the component 2`] = `
 <div>
   <div
-    class="coreSystemRootDomElement"
+    class="euiCodeEditorWrapper"
+    data-test-subj="codeEditorContainer"
+    style="width: 100%;"
   >
-    <div
-      class="euiCodeEditorWrapper"
-      data-test-subj="codeEditorContainer"
-      style="width: 100%;"
+    <button
+      class="euiCodeEditorKeyboardHint"
+      data-test-subj="codeEditorHint"
+      id="some_html_id"
     >
-      <button
-        class="euiCodeEditorKeyboardHint"
-        data-test-subj="codeEditorHint"
-        id="some_html_id"
+      <p
+        class="euiText"
       >
-        <p
-          class="euiText"
-        >
-          Press Enter to start editing.
-        </p>
-        <p
-          class="euiText"
-        >
-          When you're done, press Escape to stop editing.
-        </p>
-      </button>
+        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-sql-console successful-message"
+      id="some_html_id"
+      style="width: 100%; height: 500px; 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
-        class=" ace_editor ace-tm successful-message"
-        id="some_html_id"
-        style="width: 100%; height: 500px; font-size: 14px;"
+        aria-hidden="true"
+        class="ace_gutter"
       >
-        <textarea
-          aria-label="Code Editor"
-          autocapitalize="off"
-          autocorrect="off"
-          class="ace_text-input"
-          spellcheck="false"
-          style="opacity: 0;"
-          tabindex="-1"
-          wrap="off"
+        <div
+          class="ace_layer ace_gutter-layer ace_folding-enabled"
         />
         <div
-          aria-hidden="true"
-          class="ace_gutter"
-        >
-          <div
-            class="ace_layer ace_gutter-layer ace_folding-enabled"
-          />
-          <div
-            class="ace_gutter-active-line"
-            style="display: none;"
-          />
-        </div>
+          class="ace_gutter-active-line"
+          style="display: none;"
+        />
+      </div>
+      <div
+        class="ace_scroller"
+      >
         <div
-          class="ace_scroller"
+          class="ace_content"
         >
           <div
-            class="ace_content"
+            class="ace_layer ace_print-margin-layer"
           >
             <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"
+              class="ace_print-margin"
+              style="left: 4px; visibility: hidden;"
             />
-            <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;"
+            class="ace_layer ace_marker-layer"
           />
-        </div>
-        <div
-          class="ace_scrollbar ace_scrollbar-h"
-          style="display: none; height: 20px;"
-        >
           <div
-            class="ace_scrollbar-inner"
-            style="height: 20px;"
+            class="ace_layer ace_text-layer"
+            style="padding: 0px 4px;"
           />
-        </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;"
+            class="ace_layer ace_marker-layer"
           />
           <div
-            style="height: auto; width: auto; top: 0px; left: 0px; visibility: hidden; position: absolute; white-space: pre; overflow: visible;"
+            class="ace_layer ace_cursor-layer ace_hidden-cursors"
           >
-            XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
+            <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>
diff --git a/public/components/SQLPage/SQLPage.tsx b/public/components/SQLPage/SQLPage.tsx
index 0bc1c952..29311eb7 100644
--- a/public/components/SQLPage/SQLPage.tsx
+++ b/public/components/SQLPage/SQLPage.tsx
@@ -23,6 +23,7 @@ import 'brace/ext/language_tools';
 import 'brace/mode/sql';
 import React from 'react';
 import { CoreStart } from '../../../../../src/core/public';
+import '../../ace-themes/sql_console';
 import { ResponseDetail, TranslateResult } from '../Main/main';
 import { CreateAcceleration } from '../acceleration/create/create_acceleration';
 
@@ -141,16 +142,13 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
 
     return (
       <>
-        <EuiPanel
-          className="sql-console-query-editor container-panel coreSystemRootDomElement"
-          paddingSize="m"
-        >
+        <EuiPanel className="sql-console-query-editor container-panel" paddingSize="m">
           <EuiSpacer size="s" />
           <EuiCodeEditor
             mode="sql"
-            theme="textmate"
+            theme="sql_console"
             width="100%"
-            height="10rem"
+            height="7rem"
             value={this.props.sqlQuery}
             onChange={this.props.updateSQLQueries}
             showPrintMargin={false}
diff --git a/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap b/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
index 9cf22868..4db824cc 100644
--- a/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
+++ b/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`<SQLPage /> spec renders the component 1`] = `
 <div>
   <div
-    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
   >
     <div
       class="euiSpacer euiSpacer--s"
@@ -11,7 +11,7 @@ exports[`<SQLPage /> spec renders the component 1`] = `
     <div
       class="euiCodeEditorWrapper"
       data-test-subj="codeEditorContainer"
-      style="width: 100%; height: 10rem;"
+      style="width: 100%; height: 7rem;"
     >
       <button
         class="euiCodeEditorKeyboardHint"
@@ -30,9 +30,9 @@ exports[`<SQLPage /> spec renders the component 1`] = `
         </p>
       </button>
       <div
-        class=" ace_editor ace-tm"
+        class=" ace_editor ace-sql-console"
         id="some_html_id"
-        style="width: 100%; height: 10rem; font-size: 14px;"
+        style="width: 100%; height: 7rem; font-size: 14px;"
       >
         <textarea
           aria-label="Code Editor"
@@ -196,7 +196,7 @@ exports[`<SQLPage /> spec renders the component 1`] = `
 exports[`<SQLPage /> spec tests the action buttons 1`] = `
 <div>
   <div
-    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+    class="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel"
   >
     <div
       class="euiSpacer euiSpacer--s"
@@ -204,7 +204,7 @@ exports[`<SQLPage /> spec tests the action buttons 1`] = `
     <div
       class="euiCodeEditorWrapper"
       data-test-subj="codeEditorContainer"
-      style="width: 100%; height: 10rem;"
+      style="width: 100%; height: 7rem;"
     >
       <button
         class="euiCodeEditorKeyboardHint"
@@ -223,9 +223,9 @@ exports[`<SQLPage /> spec tests the action buttons 1`] = `
         </p>
       </button>
       <div
-        class=" ace_editor ace-tm"
+        class=" ace_editor ace-sql-console"
         id="some_html_id"
-        style="width: 100%; height: 10rem; font-size: 14px;"
+        style="width: 100%; height: 7rem; font-size: 14px;"
       >
         <textarea
           aria-label="Code Editor"
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
index c1e0fbf6..eb2a44bf 100644
--- a/public/components/SQLPage/table_view.tsx
+++ b/public/components/SQLPage/table_view.tsx
@@ -30,8 +30,8 @@ import {
   TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME,
   TREE_ITEM_TABLE_NAME_DEFAULT_NAME,
 } from '../../../common/constants';
-import { getJobId, pollQueryStatus } from '../../../common/utils/async_query_helpers';
 import { AccelerationIndexFlyout } from './acceleration_index_flyout';
+import { getJobId, pollQueryStatus } from './utils';
 
 interface CustomView {
   http: CoreStart['http'];
@@ -373,11 +373,11 @@ export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }
             </EuiFlexItem>
             <EuiFlexItem grow={false}>Loading data</EuiFlexItem>
             <EuiFlexItem grow={false}>
-              <div style={{ padding: '10px' }}>
-                <EuiText textAlign="center" color="subdued">
-                  Loading can take more than 30s. Queries can be made after the data has loaded. Any
-                  queries run before the data is loaded will be queued
-                </EuiText>
+              <div style ={{ padding: '10px' }}>
+              <EuiText textAlign="center" color="subdued">
+                Loading can take more than 30s. Queries can be made after the data has loaded. Any
+                queries run before the data is loaded will be queued
+              </EuiText>
               </div>
             </EuiFlexItem>
           </EuiFlexGroup>
diff --git a/public/components/SQLPage/utils.tsx b/public/components/SQLPage/utils.tsx
new file mode 100644
index 00000000..a8d2cfcb
--- /dev/null
+++ b/public/components/SQLPage/utils.tsx
@@ -0,0 +1,51 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import _ from 'lodash';
+import { CoreStart } from '../../../../../src/core/public';
+import { SIDEBAR_POLL_INTERVAL_MS } from '../../../common/constants';
+
+let previousJobTimer: NodeJS.Timeout | null = null;
+
+export const pollQueryStatus = (id: string, http: CoreStart['http'], callback) => {
+  if (previousJobTimer) {
+    clearTimeout(previousJobTimer);
+  }
+  http
+    .get(`/api/spark_sql_console/job/` + id)
+    .then((res) => {
+      const status = res.data.resp.status;
+      if (status === 'PENDING' || status === 'RUNNING' || status === 'SCHEDULED') {
+        previousJobTimer = setTimeout(
+          () => pollQueryStatus(id, http, callback),
+          SIDEBAR_POLL_INTERVAL_MS
+        );
+      } else if (status === 'FAILED') {
+        callback([]);
+      } else if (status === 'SUCCESS') {
+        const results = _.get(res.data.resp, 'datarows');
+        callback(results);
+      }
+    })
+    .catch((err) => {
+      console.error(err);
+      callback([]);
+    });
+};
+
+export const getJobId = (query: {}, http: CoreStart['http'], callback) => {
+  let id;
+  http
+    .post(`/api/spark_sql_console`, {
+      body: JSON.stringify(query),
+    })
+    .then((res) => {
+      id = res.data.resp.queryId;
+      callback(id);
+    })
+    .catch((err) => {
+      console.error(err);
+    });
+};
diff --git a/public/components/acceleration/selectors/index_type_selector.tsx b/public/components/acceleration/selectors/index_type_selector.tsx
index 1eb13982..7437e24d 100644
--- a/public/components/acceleration/selectors/index_type_selector.tsx
+++ b/public/components/acceleration/selectors/index_type_selector.tsx
@@ -23,7 +23,7 @@ import {
   CreateAccelerationForm,
   DataTableFieldsType,
 } from '../../../../common/types';
-import { getJobId, pollQueryStatus } from '../../../../common/utils/async_query_helpers';
+import { getJobId, pollQueryStatus } from '../../SQLPage/utils';
 
 interface IndexTypeSelectorProps {
   http: CoreStart['http'];
diff --git a/public/components/acceleration/selectors/source_selector.tsx b/public/components/acceleration/selectors/source_selector.tsx
index 3062593e..d558e1dd 100644
--- a/public/components/acceleration/selectors/source_selector.tsx
+++ b/public/components/acceleration/selectors/source_selector.tsx
@@ -8,7 +8,7 @@ import producer from 'immer';
 import React, { useEffect, useState } from 'react';
 import { CoreStart } from '../../../../../../src/core/public';
 import { CreateAccelerationForm } from '../../../../common/types';
-import { getJobId, pollQueryStatus } from '../../../../common/utils/async_query_helpers';
+import { getJobId, pollQueryStatus } from '../../SQLPage/utils';
 import { hasError, validateDataSource } from '../create/utils';
 
 interface AccelerationDataSourceSelectorProps {
diff --git a/public/index.scss b/public/index.scss
new file mode 100644
index 00000000..d0de8e30
--- /dev/null
+++ b/public/index.scss
@@ -0,0 +1,142 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+
+.ace-sql-console {
+  .ace_gutter {
+    background: rgb(237, 239, 243);
+    color: rgb(0, 0, 0);
+  }
+  .ace_print-margin {
+    width: 1px;
+    background: #e8e8e8;
+  }
+  .ace_fold {
+    background-color: #6b72e6;
+  }
+  background-color: rgb(245, 247, 250);
+  color: black;
+  .ace_marker-layer {
+    .ace_active-line.ace_active-line {
+      background-color: rgb(211, 218, 230);
+    }
+    .ace_selection {
+      background: rgb(181, 213, 255);
+    }
+    .ace_step {
+      background: rgb(252, 255, 0);
+    }
+    .ace_stack {
+      background: rgb(164, 229, 101);
+    }
+    .ace_bracket {
+      margin: -1px 0 0 -1px;
+      border: 1px solid rgb(192, 192, 192);
+    }
+    .ace_active-line {
+      background: rgba(0, 0, 0, 0.07);
+    }
+    .ace_selected-word {
+      background: rgb(250, 250, 255);
+      border: 1px solid rgb(200, 200, 250);
+    }
+  }
+  .ace_cursor {
+    color: black;
+  }
+  .ace_invisible {
+    color: rgb(191, 191, 191);
+  }
+  .ace_storage {
+    color: rgb(157, 106, 242);
+  }
+  .ace_keyword {
+    color: rgb(157, 106, 242);
+  }
+  .ace_constant {
+    color: rgb(197, 6, 11);
+  }
+  .ace_constant.ace_buildin {
+    color: rgb(88, 72, 246);
+  }
+  .ace_constant.ace_language {
+    color: rgb(88, 92, 246);
+  }
+  .ace_constant.ace_library {
+    color: rgb(6, 150, 14);
+  }
+  .ace_invalid {
+    background-color: rgba(255, 0, 0, 0.1);
+    color: red;
+  }
+  .ace_support.ace_function {
+    color: rgb(60, 76, 114);
+  }
+  .ace_support.ace_constant {
+    color: rgb(6, 150, 14);
+  }
+  .ace_support.ace_type {
+    color: rgb(109, 121, 222);
+  }
+  .ace_support.ace_class {
+    color: rgb(109, 121, 222);
+  }
+  .ace_keyword.ace_operator {
+    color: rgb(104, 118, 135);
+  }
+  .ace_string {
+    color: rgb(3, 106, 7);
+  }
+  .ace_comment {
+    color: rgb(76, 136, 107);
+  }
+  .ace_comment.ace_doc {
+    color: rgb(0, 102, 255);
+  }
+  .ace_comment.ace_doc.ace_tag {
+    color: rgb(128, 159, 191);
+  }
+  .ace_constant.ace_numeric {
+    color: rgb(0, 0, 205);
+  }
+  .ace_variable {
+    color: rgb(49, 132, 149);
+  }
+  .ace_xml-pe {
+    color: rgb(104, 104, 91);
+  }
+  .ace_entity.ace_name.ace_function {
+    color: #0000a2;
+  }
+  .ace_heading {
+    color: rgb(12, 7, 255);
+  }
+  .ace_list {
+    color: rgb(185, 6, 144);
+  }
+  .ace_meta.ace_tag {
+    color: rgb(0, 22, 142);
+  }
+  .ace_string.ace_regex {
+    color: rgb(255, 0, 0);
+  }
+  .ace_gutter-active-line {
+    background-color: rgb(211, 218, 230);
+  }
+  .ace_indent-guide {
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAAE0lEQVQImWP4////f4bLly//BwAmVgd1/w11/gAAAABJRU5ErkJggg==')
+      right repeat-y;
+  }
+}
+.ace-sql-console.ace_multiselect {
+  .ace_selection.ace_start {
+    box-shadow: 0 0 3px 0px white;
+  }
+}
+.ace_editor {
+  .ace-sql-console {
+    height: 200px;
+  }
+}
diff --git a/public/index.ts b/public/index.ts
index bf66f423..ddda203e 100644
--- a/public/index.ts
+++ b/public/index.ts
@@ -3,6 +3,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+
+import './index.scss';
+
 import { WorkbenchPlugin } from './plugin';
 
 // This exports static code and TypeScript types,
diff --git a/public/utils/PanelWrapper.tsx b/public/utils/PanelWrapper.tsx
index c472312a..a28f8ab7 100644
--- a/public/utils/PanelWrapper.tsx
+++ b/public/utils/PanelWrapper.tsx
@@ -3,21 +3,13 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+
+import React from 'react'
 import { EuiPanel } from '@elastic/eui';
-import React from 'react';
 
-export function PanelWrapper({
-  shouldWrap,
-  children,
-}: {
-  shouldWrap: boolean;
-  children: React.ReactNode;
-}) {
-  return shouldWrap ? (
-    <div style={{ padding: 25 }}>
+export function PanelWrapper({ shouldWrap, children }: { shouldWrap: boolean; children: React.ReactNode }) {
+  return shouldWrap ?
+    <div style={{ backgroundColor: "#f5f7fa", padding: 25 }}>
       <EuiPanel paddingSize="none">{children}</EuiPanel>
-    </div>
-  ) : (
-    <>{children}</>
-  );
+    </div> : <>{children}</>;
 }
diff --git a/webpack.config.js b/webpack.config.js
new file mode 100644
index 00000000..d8b29280
--- /dev/null
+++ b/webpack.config.js
@@ -0,0 +1,43 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+
+const path = require('path');
+import './public/ace-themes/sql_console.css';
+
+module.exports = {
+  debug: true,
+  mode: 'development',
+  entry: 'public/ace-themes/sql_console.css',
+  resolve: {
+    extensions: ['', '.js', '.jsx', '.ts', '.tsx']
+  },
+  module: {
+    rules: [
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          {
+            loader: 'css-loader',
+            options: {
+              importLoaders: 1,
+              modules: true
+            }
+          }
+        ],
+        include: /\.module\.css$/
+      },
+      {
+        test: /\.css$/,
+        use: [
+          'style-loader',
+          'css-loader'
+        ],
+        exclude: /\.module\.css$/
+      }
+    ]
+  }
+}

From 2984b70d2cd4a07338991916084809b9dcaba30b Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:15 +0000
Subject: [PATCH 11/12] Revert "Added changes for making tree view persistent,
 made changes for bugs for loading screen (#153) (#167)"

This reverts commit 2269d1de55873286a5d1821fc0f220cd967a7aff.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/constants/index.ts                     |   12 +-
 common/types/index.ts                         |   10 +-
 .../Main/__snapshots__/main.test.tsx.snap     |  272 +----
 public/components/Main/main.tsx               |   35 +-
 public/components/SQLPage/TableView.tsx       |  266 +++++
 .../__snapshots__/table_view.test.tsx.snap    | 1016 -----------------
 public/components/SQLPage/table_view.test.tsx |   57 -
 public/components/SQLPage/table_view.tsx      |  405 -------
 test/mocks/mockData.ts                        |   16 -
 9 files changed, 301 insertions(+), 1788 deletions(-)
 create mode 100644 public/components/SQLPage/TableView.tsx
 delete mode 100644 public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
 delete mode 100644 public/components/SQLPage/table_view.test.tsx
 delete mode 100644 public/components/SQLPage/table_view.tsx

diff --git a/common/constants/index.ts b/common/constants/index.ts
index db990084..ea25495a 100644
--- a/common/constants/index.ts
+++ b/common/constants/index.ts
@@ -10,14 +10,8 @@ export const OPENSEARCH_ACC_DOCUMENTATION_URL =
 export const ACC_INDEX_TYPE_DOCUMENTATION_URL =
   'https://github.com/opensearch-project/opensearch-spark/blob/main/docs/index.md';
 
-export const TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME = `skipping_index`;
-export const TREE_ITEM_COVERING_INDEX_DEFAULT_NAME = `covering_index`;
-export const TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME = `materialized_view`;
-export const TREE_ITEM_DATABASE_NAME_DEFAULT_NAME = `database`;
-export const TREE_ITEM_TABLE_NAME_DEFAULT_NAME = `table`;
-export const TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME = `Load Materialized View`;
-export const TREE_ITEM_BADGE_NAME =`badge`
-export const LOAD_OPENSEARCH_INDICES_QUERY = `SHOW tables LIKE '%';`;
+export const SKIPPING_INDEX = `skipping_index`;
+export const ON_LOAD_QUERY = `SHOW tables LIKE '%';`;
 export const SKIPPING_INDEX_QUERY = `CREATE SKIPPING INDEX ON myS3.logs_db.http_logs 
 (status VALUE_SET) 
 WITH (
@@ -90,5 +84,3 @@ export const ACCELERATION_INDEX_NAME_INFO = `All OpenSearch acceleration indices
   `;
 
 export const SIDEBAR_POLL_INTERVAL_MS = 5000;
-
-export const FETCH_OPENSEARCH_INDICES_PATH = '/api/sql_console/sqlquery'
\ No newline at end of file
diff --git a/common/types/index.ts b/common/types/index.ts
index 5ed212c8..a941b29e 100644
--- a/common/types/index.ts
+++ b/common/types/index.ts
@@ -79,12 +79,4 @@ export interface CreateAccelerationForm {
   formErrors: FormErrorsType;
 }
 
-export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
-export type TreeItemType = 'covering_index' | 'skipping_index' | 'table' | 'database' | 'materialized_view' | 'Load Materialized View' | 'badge'
-
-export interface TreeItem {
-  name: string;
-  type: TreeItemType;
-  isExpanded: boolean;
-  values?: TreeItem[];
-}
+export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
\ No newline at end of file
diff --git a/public/components/Main/__snapshots__/main.test.tsx.snap b/public/components/Main/__snapshots__/main.test.tsx.snap
index 6d65fd66..baa291c8 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -193,7 +193,7 @@ exports[`<Main /> spec click clear button 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -203,39 +203,7 @@ exports[`<Main /> spec click clear button 1`] = `
           >
             <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"
             />
@@ -266,11 +234,11 @@ exports[`<Main /> spec click clear button 1`] = `
                   <div
                     class="euiSpacer euiSpacer--m"
                   />
-                  <h3
+                  <h2
                     class="euiTitle euiTitle--medium"
                   >
-                    Error loading data
-                  </h3>
+                    Error loading Datasources
+                  </h2>
                 </div>
               </div>
             </div>
@@ -747,7 +715,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -757,39 +725,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
           >
             <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"
             />
@@ -820,11 +756,11 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
                   <div
                     class="euiSpacer euiSpacer--m"
                   />
-                  <h3
+                  <h2
                     class="euiTitle euiTitle--medium"
                   >
-                    Error loading data
-                  </h3>
+                    Error loading Datasources
+                  </h2>
                 </div>
               </div>
             </div>
@@ -1301,7 +1237,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -1311,39 +1247,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
           >
             <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"
             />
@@ -1374,11 +1278,11 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
                   <div
                     class="euiSpacer euiSpacer--m"
                   />
-                  <h3
+                  <h2
                     class="euiTitle euiTitle--medium"
                   >
-                    Error loading data
-                  </h3>
+                    Error loading Datasources
+                  </h2>
                 </div>
               </div>
             </div>
@@ -1855,7 +1759,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -1865,39 +1769,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
           >
             <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"
             />
@@ -2497,7 +2369,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -2507,39 +2379,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
           >
             <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"
             />
@@ -3138,7 +2978,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3148,39 +2988,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
           >
             <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"
             />
@@ -3211,11 +3019,11 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
                   <div
                     class="euiSpacer euiSpacer--m"
                   />
-                  <h3
+                  <h2
                     class="euiTitle euiTitle--medium"
                   >
-                    Error loading data
-                  </h3>
+                    Error loading Datasources
+                  </h2>
                 </div>
               </div>
             </div>
@@ -3683,7 +3491,7 @@ exports[`<Main /> spec renders the component 1`] = `
     >
       <div
         class="euiPageSideBar"
-        style="max-width: 400px; width: 400px; overflow: auto;"
+        style="max-width: 400px; width: 400px;"
       >
         <div
           class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionColumn euiFlexGroup--responsive"
@@ -3693,35 +3501,7 @@ exports[`<Main /> spec renders the component 1`] = `
           >
             <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 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"
             />
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 9cf36c94..7e8382d8 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -5,7 +5,6 @@
 
 import {
   EuiButton,
-  EuiButtonIcon,
   EuiComboBoxOptionOption,
   EuiFlexGroup,
   EuiFlexItem,
@@ -37,7 +36,7 @@ import QueryResults from '../QueryResults/QueryResults';
 import { CreateButton } from '../SQLPage/CreateButton';
 import { DataSelect } from '../SQLPage/DataSelect';
 import { SQLPage } from '../SQLPage/SQLPage';
-import { TableView } from '../SQLPage/table_view';
+import { TableView } from '../SQLPage/TableView';
 
 interface ResponseData {
   ok: boolean;
@@ -112,7 +111,6 @@ interface MainState {
   asyncLoadingStatus: AsyncQueryLoadingStatus;
   asyncQueryError: string;
   asyncJobId: string;
-  refreshTree: boolean;
   isAccelerationFlyoutOpened: boolean;
   isCallOutVisible: boolean;
 }
@@ -253,7 +251,6 @@ export class Main extends React.Component<MainProps, MainState> {
       asyncLoadingStatus: 'SUCCESS',
       asyncQueryError: '',
       asyncJobId: '',
-      refreshTree: false,
       isAccelerationFlyoutOpened: false,
       isCallOutVisible: false,
     };
@@ -817,12 +814,6 @@ export class Main extends React.Component<MainProps, MainState> {
     });
   };
 
-  handleReloadTree = () => {
-    this.setState({
-      refreshTree: !this.state.refreshTree,
-    });
-  };
-      
   setIsAccelerationFlyoutOpened = (value: boolean) => {
     this.setState({
       isAccelerationFlyoutOpened: value,
@@ -951,34 +942,20 @@ export class Main extends React.Component<MainProps, MainState> {
         <EuiPage paddingSize="none">
           {this.state.language === 'SQL' && (
             <EuiPanel>
-              <EuiPageSideBar style={{ maxWidth: '400px', width: '400px' , overflow: 'auto' }}>
+              <EuiPageSideBar style={{ maxWidth: '400px', width: '400px' }}>
                 <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>
+                      <CreateButton
+                        updateSQLQueries={this.updateSQLQueries}
+                        selectedDatasource={this.state.selectedDatasource}
+                      />
                     </EuiFlexItem>
                     <EuiSpacer />
                     <TableView
                       http={this.httpClient}
                       selectedItems={this.state.selectedDatasource}
                       updateSQLQueries={this.updateSQLQueries}
-                      refreshTree={this.state.refreshTree}
                     />
                     <EuiSpacer />
                   </EuiFlexItem>
diff --git a/public/components/SQLPage/TableView.tsx b/public/components/SQLPage/TableView.tsx
new file mode 100644
index 00000000..017fbf19
--- /dev/null
+++ b/public/components/SQLPage/TableView.tsx
@@ -0,0 +1,266 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import {
+  EuiComboBoxOptionOption,
+  EuiEmptyPrompt,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiIcon,
+  EuiLoadingSpinner,
+  EuiText,
+  EuiToolTip,
+  EuiTreeView,
+} from '@elastic/eui';
+import _ from 'lodash';
+import React, { useEffect, useState } from 'react';
+import { CoreStart } from '../../../../../src/core/public';
+import { ON_LOAD_QUERY, SKIPPING_INDEX } from '../../../common/constants';
+import { AccelerationIndexFlyout } from './acceleration_index_flyout';
+import { getJobId, pollQueryStatus } from './utils';
+
+interface CustomView {
+  http: CoreStart['http'];
+  selectedItems: EuiComboBoxOptionOption[];
+  updateSQLQueries: (query: string) => void;
+}
+
+export const TableView = ({ http, selectedItems, updateSQLQueries }: CustomView) => {
+  const [tablenames, setTablenames] = useState<string[]>([]);
+  const [selectedNode, setSelectedNode] = useState<string | null>(null);
+  const [childData, setChildData] = useState<string[]>([]);
+  const [selectedChildNode, setSelectedChildNode] = useState<string | null>(null);
+  const [indexData, setIndexedData] = useState<string[]>([]);
+  const [isLoading, setIsLoading] = useState(false);
+  const [indexFlyout, setIndexFlyout] = useState(<></>);
+  const [childLoadingStates, setChildLoadingStates] = useState<{ [key: string]: boolean }>({});
+  const [tableLoadingStates, setTableLoadingStates] = useState<{ [key: string]: boolean }>({});
+
+  let indiciesData: string[] = [];
+
+  const resetFlyout = () => {
+    setIndexFlyout(<></>);
+  };
+
+  const handleAccelerationIndexClick = (
+    dataSource: string,
+    database: string,
+    dataTable: string,
+    indexName: string
+  ) => {
+    setIndexFlyout(
+      <AccelerationIndexFlyout
+        dataSource={dataSource}
+        database={database}
+        dataTable={dataTable}
+        indexName={indexName}
+        resetFlyout={resetFlyout}
+        updateSQLQueries={updateSQLQueries}
+      />
+    );
+  };
+
+  const get_async_query_results = (id, http, callback) => {
+    pollQueryStatus(id, http, callback);
+  };
+
+  const getSidebarContent = () => {
+    if (selectedItems[0].label === 'OpenSearch') {
+      setTablenames([]);
+      const query = { query: ON_LOAD_QUERY };
+      http
+        .post(`/api/sql_console/sqlquery`, {
+          body: JSON.stringify(query),
+        })
+        .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);
+        })
+        .catch((err) => {
+          console.error(err);
+        });
+    } else {
+      setIsLoading(true);
+      setTablenames([]);
+      const query = {
+        lang: 'sql',
+        query: `SHOW SCHEMAS IN ${selectedItems[0]['label']}`,
+        datasource: selectedItems[0]['label'],
+      };
+      getJobId(query, http, (id) => {
+        get_async_query_results(id, http, (data) => {
+          setTablenames(data);
+          setIsLoading(false);
+        });
+      });
+    }
+  };
+
+  useEffect(() => {
+    setIsLoading(false);
+    getSidebarContent();
+  }, [selectedItems]);
+
+  const handleNodeClick = (nodeLabel: string) => {
+    setSelectedNode(nodeLabel);
+    const query = {
+      lang: 'sql',
+      query: `SHOW TABLES IN ${selectedItems[0]['label']}.${nodeLabel}`,
+      datasource: selectedItems[0]['label'],
+    };
+    setTableLoadingStates((prevState) => ({
+      ...prevState,
+      [nodeLabel]: true,
+    }));
+    getJobId(query, http, (id) => {
+      get_async_query_results(id, http, (data) => {
+        data = data.map((subArray) => subArray[1]);
+        setChildData(data);
+
+        setTableLoadingStates((prevState) => ({
+          ...prevState,
+          [nodeLabel]: false,
+        }));
+      });
+    });
+  };
+
+  const callCoverQuery = (nodeLabel1: string) => {
+    const coverQuery = {
+      lang: 'sql',
+      query: `SHOW INDEX ON ${selectedItems[0]['label']}.${selectedNode}.${nodeLabel1}`,
+      datasource: selectedItems[0]['label'],
+    };
+    getJobId(coverQuery, http, (id) => {
+      get_async_query_results(id, http, (data) => {
+        const res = [].concat(data);
+        const final = indiciesData.concat(...res);
+        setIndexedData(final);
+        setChildLoadingStates((prevState) => ({
+          ...prevState,
+          [nodeLabel1]: false,
+        }));
+      });
+    });
+  };
+  const handleChildClick = (nodeLabel1: string) => {
+    setSelectedChildNode(nodeLabel1);
+    const skipQuery = {
+      lang: 'sql',
+      query: `DESC SKIPPING INDEX ON ${selectedItems[0]['label']}.${selectedNode}.${nodeLabel1}`,
+      datasource: selectedItems[0]['label'],
+    };
+    setChildLoadingStates((prevState) => ({
+      ...prevState,
+      [nodeLabel1]: true,
+    }));
+
+    getJobId(skipQuery, http, (id) => {
+      get_async_query_results(id, http, (data) => {
+        if (data.length > 0) {
+          indiciesData.push(SKIPPING_INDEX);
+        }
+        callCoverQuery(nodeLabel1);
+      });
+    });
+  };
+
+  const treeData = tablenames.map((database, index) => ({
+    label: (
+      <div>
+        <EuiToolTip position="right" content={database} delay="long">
+          <EuiText>{_.truncate(database, { length: 50 })}</EuiText>
+        </EuiToolTip>{' '}
+        {tableLoadingStates[database] && <EuiLoadingSpinner size="m" />}
+      </div>
+    ),
+    icon: <EuiIcon type="database" size="m" />,
+    id: 'element_' + index,
+    callback: () => {
+      setChildData([]);
+      selectedItems[0].label !== 'OpenSearch' && handleNodeClick(database);
+    },
+    isSelectable: true,
+    isExpanded: true,
+    children:
+      selectedNode === database
+        ? childData.map((table) => ({
+            label: (
+              <div>
+                <EuiToolTip position="right" content={table} delay="long">
+                  <EuiText>{_.truncate(table, { length: 50 })}</EuiText>
+                </EuiToolTip>{' '}
+                {childLoadingStates[table] && <EuiLoadingSpinner size="m" />}
+              </div>
+            ),
+            id: `${database}_${table}`,
+            icon: <EuiIcon type="tableDensityCompact" size="s" />,
+            callback: () => {
+              setIndexedData([]);
+              handleChildClick(table);
+              setChildLoadingStates((prevState) => ({
+                ...prevState,
+                [selectedChildNode]: false,
+              }));
+            },
+            sSelectable: true,
+            isExpanded: true,
+            children:
+              selectedChildNode === table
+                ? indexData.map((indexChild) => ({
+                    label: (
+                      <div>
+                        <EuiToolTip position="right" content={indexChild} delay="long">
+                          <EuiText>{_.truncate(indexChild, { length: 50 })}</EuiText>
+                        </EuiToolTip>
+                      </div>
+                    ),
+                    id: `${table}_${indexChild}`,
+                    icon: <EuiIcon type="bolt" size="s" />,
+                    callback: () =>
+                      handleAccelerationIndexClick(
+                        selectedItems[0].label,
+                        database,
+                        table,
+                        indexChild
+                      ),
+                  }))
+                : undefined,
+          }))
+        : undefined,
+  }));
+
+  return (
+    <>
+      <EuiFlexGroup>
+        {isLoading ? (
+          <EuiFlexGroup alignItems="center" gutterSize="s">
+            <EuiFlexItem grow={false}>Loading databases</EuiFlexItem>
+            <EuiFlexItem>
+              <EuiLoadingSpinner size="m" />
+            </EuiFlexItem>
+          </EuiFlexGroup>
+        ) : treeData.length > 0 ? (
+          <EuiFlexItem grow={false}>
+            <EuiTreeView aria-label="Sample Folder Tree" items={treeData} />
+          </EuiFlexItem>
+        ) : (
+          <EuiFlexItem grow={false}>
+            <EuiEmptyPrompt
+              iconType="alert"
+              iconColor="danger"
+              title={<h2>Error loading Datasources</h2>}
+            />
+          </EuiFlexItem>
+        )}
+        {indexFlyout}
+      </EuiFlexGroup>
+    </>
+  );
+};
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 6b8be8c2..00000000
--- a/public/components/SQLPage/__snapshots__/table_view.test.tsx.snap
+++ /dev/null
@@ -1,1016 +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="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"
-        />
-        <h3
-          class="euiTitle euiTitle--medium"
-        >
-          Error loading data
-        </h3>
-      </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/table_view.test.tsx b/public/components/SQLPage/table_view.test.tsx
deleted file mode 100644
index 3f602918..00000000
--- a/public/components/SQLPage/table_view.test.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-import '@testing-library/jest-dom';
-import React from 'react';
-import { httpClientMock } from '../../../test/mocks';
-
-import '@testing-library/jest-dom/extend-expect';
-import { render, waitFor } from '@testing-library/react';
-import { HttpResponse } from '../../../../../src/core/public';
-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 () => {
-    const client = httpClientMock;
-    client.post = jest.fn(() => {
-      return (Promise.resolve(mockOpenSearchIndicies) as unknown) as HttpResponse;
-    });
-
-    const asyncTest = () => {
-      render(
-        <TableView
-          http={client}
-          selectedItems={[{ label: 'OpenSearch' }]}
-          updateSQLQueries={() => {}}
-          refreshTree={false}
-        />
-      );
-    };
-    await asyncTest();
-    expect(document.body.children[0]).toMatchSnapshot();
-  });
-  it('fetches and displays database nodes when datasource is s3', async () => {
-    const client = httpClientMock;
-    client.post = jest.fn(() => {
-      return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
-    });
-    client.get = jest.fn(() => {
-      return (Promise.resolve(mockDatabaseQuery) as unknown) as HttpResponse;
-    });
-
-    const { getByText } = render(
-      <TableView
-        http={client}
-        selectedItems={[{ label: 'my_glue' }]}
-        updateSQLQueries={() => {}}
-        refreshTree={false}
-      />
-    );
-    await waitFor(() => {
-      expect(
-        getByText(
-          'Loading can take more than 30s. Queries can be made after the data has loaded. Any queries run before the data is loaded will be queued'
-        )
-      ).toBeInTheDocument();
-    });
-    expect(document.body.children[0]).toMatchSnapshot();
-  });
-});
diff --git a/public/components/SQLPage/table_view.tsx b/public/components/SQLPage/table_view.tsx
deleted file mode 100644
index eb2a44bf..00000000
--- a/public/components/SQLPage/table_view.tsx
+++ /dev/null
@@ -1,405 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {
-  EuiBadge,
-  EuiComboBoxOptionOption,
-  EuiEmptyPrompt,
-  EuiFlexGroup,
-  EuiFlexItem,
-  EuiIcon,
-  EuiLoadingSpinner,
-  EuiText,
-  EuiToolTip,
-  EuiTreeView,
-} from '@elastic/eui';
-import { TreeItem, TreeItemType } from 'common/types';
-import _ from 'lodash';
-import React, { useEffect, useState } from 'react';
-import { CoreStart } from '../../../../../src/core/public';
-import {
-  FETCH_OPENSEARCH_INDICES_PATH,
-  LOAD_OPENSEARCH_INDICES_QUERY,
-  TREE_ITEM_BADGE_NAME,
-  TREE_ITEM_COVERING_INDEX_DEFAULT_NAME,
-  TREE_ITEM_DATABASE_NAME_DEFAULT_NAME,
-  TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME,
-  TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME,
-  TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME,
-  TREE_ITEM_TABLE_NAME_DEFAULT_NAME,
-} from '../../../common/constants';
-import { AccelerationIndexFlyout } from './acceleration_index_flyout';
-import { getJobId, pollQueryStatus } from './utils';
-
-interface CustomView {
-  http: CoreStart['http'];
-  selectedItems: EuiComboBoxOptionOption[];
-  updateSQLQueries: (query: string) => void;
-  refreshTree: boolean;
-}
-
-export const TableView = ({ http, selectedItems, updateSQLQueries, refreshTree }: CustomView) => {
-  const [tableNames, setTableNames] = useState<string[]>([]);
-  const [selectedDatabase, setSelectedDatabase] = useState<string>('');
-  const [selectedTable, setSelectedTable] = useState<string | null>(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [indexFlyout, setIndexFlyout] = useState(<></>);
-  const [treeData, setTreeData] = useState<TreeItem[]>([]);
-
-  const resetFlyout = () => {
-    setIndexFlyout(<></>);
-  };
-
-  const handleAccelerationIndexClick = (
-    dataSource: string,
-    database: string,
-    dataTable: string,
-    indexName: string
-  ) => {
-    setIndexFlyout(
-      <AccelerationIndexFlyout
-        dataSource={dataSource}
-        database={database}
-        dataTable={dataTable}
-        indexName={indexName}
-        resetFlyout={resetFlyout}
-        updateSQLQueries={updateSQLQueries}
-      />
-    );
-  };
-
-  function loadTreeItem(elements: string[], type: TreeItemType): TreeItem[] {
-    return elements.map((element) => {
-      let treeItem: TreeItem = {
-        name: element,
-        type: type,
-        isExpanded: true,
-      };
-
-      if (
-        type != TREE_ITEM_COVERING_INDEX_DEFAULT_NAME &&
-        type != TREE_ITEM_SKIPPING_INDEX_DEFAULT_NAME
-      ) {
-        treeItem.values = [];
-      }
-      return treeItem;
-    });
-  }
-
-  const get_async_query_results = (id, http, callback) => {
-    pollQueryStatus(id, http, callback);
-  };
-
-  const getSidebarContent = () => {
-    if (selectedItems[0].label === 'OpenSearch') {
-      setTableNames([]);
-      const query = { query: LOAD_OPENSEARCH_INDICES_QUERY };
-      http
-        .post(FETCH_OPENSEARCH_INDICES_PATH, {
-          body: JSON.stringify(query),
-        })
-        .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);
-        })
-        .catch((err) => {
-          console.error(err);
-        });
-    } else {
-      setIsLoading(true);
-      setTableNames([]);
-      const query = {
-        lang: 'sql',
-        query: `SHOW SCHEMAS IN ${selectedItems[0]['label']}`,
-        datasource: selectedItems[0]['label'],
-      };
-      getJobId(query, http, (id) => {
-        get_async_query_results(id, http, (data) => {
-          data = [].concat(...data);
-          setTreeData(loadTreeItem(data, TREE_ITEM_DATABASE_NAME_DEFAULT_NAME));
-          setIsLoading(false);
-        });
-      });
-    }
-  };
-
-  useEffect(() => {
-    setIsLoading(false);
-    getSidebarContent();
-  }, [selectedItems, refreshTree]);
-
-  const handleDatabaseClick = (databaseName: string) => {
-    setSelectedDatabase(databaseName);
-    setIsLoading(true);
-    const query = {
-      lang: 'sql',
-      query: `SHOW TABLES IN ${selectedItems[0]['label']}.${databaseName}`,
-      datasource: selectedItems[0]['label'],
-    };
-    getJobId(query, http, (id) => {
-      get_async_query_results(id, http, (data) => {
-        data = data.map((subArray) => subArray[1]);
-        let values = loadTreeItem(data, TREE_ITEM_TABLE_NAME_DEFAULT_NAME);
-        let mvObj = loadTreeItem(
-          [TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME],
-          TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-        );
-        values = [...values, ...mvObj];
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === databaseName) {
-              return { ...database, values: values };
-            }
-            return database;
-          });
-        });
-        setIsLoading(false);
-      });
-    });
-  };
-
-  const loadCoveringIndex = (tableName: string) => {
-    const coverQuery = {
-      lang: 'sql',
-      query: `SHOW INDEX ON ${selectedItems[0]['label']}.${selectedDatabase}.${tableName}`,
-      datasource: selectedItems[0]['label'],
-    };
-    getJobId(coverQuery, http, (id) => {
-      get_async_query_results(id, http, (data) => {
-        const res = [].concat(data);
-        let coverIndexObj = loadTreeItem(res, TREE_ITEM_COVERING_INDEX_DEFAULT_NAME);
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === selectedDatabase) {
-              return {
-                ...database,
-                values: database.values?.map((table) => {
-                  if (table.name === tableName) {
-                    return {
-                      ...table,
-                      values: table.values?.concat(...coverIndexObj),
-                    };
-                  }
-                  return table;
-                }),
-              };
-            }
-            return database;
-          });
-        });
-        setIsLoading(false);
-      });
-    });
-  };
-
-  const handleButtonClick = (e: MouseEvent, tableName: string) => {
-    e.stopPropagation();
-    setSelectedTable(tableName);
-    setIsLoading(true);
-    const materializedViewQuery = {
-      lang: 'sql',
-      query: `SHOW MATERIALIZED VIEW IN ${selectedItems[0]['label']}.${selectedDatabase}`,
-      datasource: selectedItems[0]['label'],
-    };
-    getJobId(materializedViewQuery, http, (id) => {
-      get_async_query_results(id, http, (data) => {
-        data = data.map((subArray) => subArray[1]);
-        let values = loadTreeItem(data, TREE_ITEM_MATERIALIZED_VIEW_DEFAULT_NAME);
-        if (values.length === 0) {
-          values = [
-            { name: 'No Materialized View', type: TREE_ITEM_BADGE_NAME, isExpanded: false },
-          ];
-        }
-        setTreeData((prevTreeData) => {
-          return prevTreeData.map((database) => {
-            if (database.name === selectedDatabase) {
-              const updatedValues = database.values?.filter(
-                (item) => item.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME
-              );
-              return { ...database, values: updatedValues?.concat(...values) };
-            }
-            return database;
-          });
-        });
-        setIsLoading(false);
-      });
-    });
-  };
-
-  const handleTableClick = (tableName: string) => {
-    setSelectedTable(tableName);
-    setIsLoading(true);
-    const skipQuery = {
-      lang: 'sql',
-      query: `DESC SKIPPING INDEX ON ${selectedItems[0]['label']}.${selectedDatabase}.${tableName}`,
-      datasource: selectedItems[0]['label'],
-    };
-    getJobId(skipQuery, http, (id) => {
-      get_async_query_results(id, http, (data) => {
-        if (data.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);
-      });
-    });
-  };
-
-  const createLabel = (node: TreeItem, parentName: string, index: number) => {
-    switch (node.type) {
-      case TREE_ITEM_BADGE_NAME:
-        return (
-          <div key={`${parentName}.${node.name}.${index}`}>
-            <EuiToolTip position="right" content={node.name} delay="long">
-              <EuiBadge>{_.truncate(node.name, { length: 50 })}</EuiBadge>
-            </EuiToolTip>{' '}
-          </div>
-        );
-
-      case TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME:
-        return (
-          <div key={node.name}>
-            <EuiBadge color="hollow" onClick={handleButtonClick}>
-              Load Materialized View
-            </EuiBadge>
-          </div>
-        );
-
-      default:
-        return (
-          <div key={node.name}>
-            <EuiToolTip position="right" content={node.name} delay="long">
-              <EuiText>{_.truncate(node.name, { length: 50 })}</EuiText>
-            </EuiToolTip>{' '}
-          </div>
-        );
-    }
-  };
-
-  const OpenSearchIndicesTree = tableNames.map((database, index) => ({
-    label: (
-      <div key={database}>
-        <EuiToolTip position="right" content={database} delay="long">
-          <EuiText>{_.truncate(database, { length: 50 })}</EuiText>
-        </EuiToolTip>{' '}
-      </div>
-    ),
-    icon: <EuiIcon type="database" size="m" />,
-    id: 'element_' + index,
-    isSelectable: false,
-  }));
-
-  const treeDataDatabases = treeData.map((database, index) => ({
-    label: createLabel(database, selectedItems[0].label, index),
-    icon: <EuiIcon type="database" size="m" />,
-    id: 'element_' + index,
-    callback: () => {
-      if (database.values?.length === 0 && selectedItems[0].label !== 'OpenSearch') {
-        handleDatabaseClick(database.name);
-      }
-    },
-    isSelectable: true,
-    isExpanded: database.isExpanded,
-    children: database.values?.map((table, index) => ({
-      label: createLabel(table, database.name, index),
-      id: `${database.name}_${table.name}`,
-      icon:
-        table.type === TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME ? (
-          <EuiBadge color="hollow">MV</EuiBadge>
-        ) : table.type === TREE_ITEM_BADGE_NAME ? null : (
-          <EuiIcon type="tableDensityCompact" size="s" />
-        ),
-      callback: () => {
-        if (table.type !== TREE_ITEM_LOAD_MATERIALIZED_BADGE_NAME && table.values?.length === 0) {
-          handleTableClick(table.name);
-        }
-        if (table.values?.length === 0) {
-          table.values = [{ name: 'No Indicies', type: TREE_ITEM_BADGE_NAME, isExpanded: false }];
-        }
-      },
-      isSelectable: true,
-      isExpanded: table.isExpanded,
-      children: table.values?.map((indexChild, index) => ({
-        label: createLabel(indexChild, table.name, index),
-        id: `${database.name}_${table.name}_${indexChild.name}`,
-        icon: indexChild.type === TREE_ITEM_BADGE_NAME ? null : <EuiIcon type="bolt" size="s" />,
-        callback: () => {
-          if (indexChild.type !== TREE_ITEM_BADGE_NAME) {
-            handleAccelerationIndexClick(
-              selectedItems[0].label,
-              database.name,
-              table.name,
-              indexChild.name
-            );
-          }
-        },
-      })),
-    })),
-  }));
-
-  return (
-    <>
-      <EuiFlexGroup>
-        {isLoading ? (
-          <EuiFlexGroup alignItems="center" gutterSize="s" direction="column">
-            <EuiFlexItem>
-              <EuiLoadingSpinner size="l" />
-            </EuiFlexItem>
-            <EuiFlexItem grow={false}>Loading data</EuiFlexItem>
-            <EuiFlexItem grow={false}>
-              <div style ={{ padding: '10px' }}>
-              <EuiText textAlign="center" color="subdued">
-                Loading can take more than 30s. Queries can be made after the data has loaded. Any
-                queries run before the data is loaded will be queued
-              </EuiText>
-              </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>
-        ) : (
-          <EuiFlexItem grow={false}>
-            <EuiEmptyPrompt
-              iconType="alert"
-              iconColor="danger"
-              title={<h3>Error loading data</h3>}
-            />
-          </EuiFlexItem>
-        )}
-        {indexFlyout}
-      </EuiFlexGroup>
-    </>
-  );
-};
diff --git a/test/mocks/mockData.ts b/test/mocks/mockData.ts
index fee838f0..65904eec 100644
--- a/test/mocks/mockData.ts
+++ b/test/mocks/mockData.ts
@@ -2349,20 +2349,4 @@ export const mockDatasourcesQuery =
   }
 }
 
-export const mockJobId = {
-  data: {
-    ok: true,
-    resp: '{ "queryId": "00fe3fjpnfnn400q" }',
-  },
-};
-
-export const mockOpenSearchIndicies = {
-  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",null,".kibana_1","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".kibana_2","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".kibana_3","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".opendistro-reports-definitions","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".opendistro-reports-instances","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".opensearch-observability","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".plugins-ml-config","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".ql-datasources","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".ql-job-metadata","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".query_execution_result","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_alb_logs_temp_10_test_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_alb_logs_temp_5_mys3_default_alb_logs_temp_5_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_elb_logs_regex_elb_logs_regex_index_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_empty_table_empty_table_index_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_http_logs_skipping_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"flint_mys3_default_parquet_elb_logs_simple_parquet_index_simple_index","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"opensearch_dashboards_sample_data_flights","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"opensearch_dashboards_sample_data_logs","BASE TABLE",null,null,null,null,null,null],["opensearch",null,"ss4o_traces-elb-test","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".flint-elv-mv","BASE TABLE",null,null,null,null,null,null],["opensearch",null,".kibana","BASE TABLE",null,null,null,null,null,null]],"total":21,"size":21,"status":200}',
-  },
-};
-
-
 

From c017ead9349559e6c0ff4650a4e87af00a018d62 Mon Sep 17 00:00:00 2001
From: Eric <menwe@amazon.com>
Date: Wed, 8 Nov 2023 21:14:15 +0000
Subject: [PATCH 12/12] Revert "fixed create table async query bug (#158)
 (#163)"

This reverts commit 19640085cab9bab67ca323f3a50d509ff6636f41.

Signed-off-by: Eric <menwe@amazon.com>
---
 common/types/index.ts                         |   2 +-
 public/components/Main/main.tsx               |  37 +-
 .../QueryResults/AsyncQueryBody.tsx           |  32 ++
 .../QueryResults/QueryResults.test.tsx        | 244 +++-----------
 .../components/QueryResults/QueryResults.tsx  |   9 +-
 .../__snapshots__/QueryResults.test.tsx.snap  | 315 ------------------
 .../QueryResults/async_query_body.tsx         |  76 -----
 7 files changed, 94 insertions(+), 621 deletions(-)
 create mode 100644 public/components/QueryResults/AsyncQueryBody.tsx
 delete mode 100644 public/components/QueryResults/async_query_body.tsx

diff --git a/common/types/index.ts b/common/types/index.ts
index a941b29e..e669ce49 100644
--- a/common/types/index.ts
+++ b/common/types/index.ts
@@ -79,4 +79,4 @@ export interface CreateAccelerationForm {
   formErrors: FormErrorsType;
 }
 
-export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELLED';
\ No newline at end of file
+export type AsyncQueryLoadingStatus = 'SUCCESS' | 'FAILED' | 'RUNNING' | 'SCHEDULED' | 'CANCELED';
diff --git a/public/components/Main/main.tsx b/public/components/Main/main.tsx
index 7e8382d8..ae28ff67 100644
--- a/public/components/Main/main.tsx
+++ b/public/components/Main/main.tsx
@@ -15,7 +15,6 @@ import {
   EuiPanel,
   EuiSpacer,
   EuiText,
-  EuiCallOut,
 } from '@elastic/eui';
 import { IHttpResponse } from 'angular';
 import _ from 'lodash';
@@ -109,10 +108,8 @@ interface MainState {
   selectedDatasource: EuiComboBoxOptionOption[];
   asyncLoading: boolean;
   asyncLoadingStatus: AsyncQueryLoadingStatus;
-  asyncQueryError: string;
   asyncJobId: string;
   isAccelerationFlyoutOpened: boolean;
-  isCallOutVisible: boolean;
 }
 
 const SUCCESS_MESSAGE = 'Success';
@@ -249,10 +246,8 @@ export class Main extends React.Component<MainProps, MainState> {
       selectedDatasource: [{ label: 'OpenSearch' }],
       asyncLoading: false,
       asyncLoadingStatus: 'SUCCESS',
-      asyncQueryError: '',
       asyncJobId: '',
       isAccelerationFlyoutOpened: false,
-      isCallOutVisible: false,
     };
     this.httpClient = this.props.httpClient;
     this.updateSQLQueries = _.debounce(this.updateSQLQueries, 250).bind(this);
@@ -408,9 +403,6 @@ export class Main extends React.Component<MainProps, MainState> {
             queryResultsCSV: [],
             queryResultsTEXT: [],
             searchQuery: '',
-            asyncLoading: false,
-            asyncLoadingStatus: 'SUCCESS',
-            isCallOutVisible: false,
           },
           () => console.log('Successfully updated the states')
         ); // added callback function to handle async issues
@@ -482,7 +474,6 @@ export class Main extends React.Component<MainProps, MainState> {
                 asyncLoading: true,
                 asyncLoadingStatus: 'SCHEDULED',
                 asyncJobId: queryId,
-                isCallOutVisible: false,
               });
               this.callGetStartPolling(queries);
               const interval = setInterval(() => {
@@ -522,7 +513,7 @@ export class Main extends React.Component<MainProps, MainState> {
         this.setState({
           queries: queries,
           queryResults: [result],
-          queryResultsTable: result.data['schema'].length > 0 ? resultTable : [],
+          queryResultsTable: resultTable,
           selectedTabId: getDefaultTabId([result]),
           selectedTabName: getDefaultTabLabel([result], queries[0]),
           messages: this.getMessage(resultTable),
@@ -533,7 +524,6 @@ export class Main extends React.Component<MainProps, MainState> {
           searchQuery: '',
           asyncLoading: false,
           asyncLoadingStatus: status,
-          isCallOutVisible: !(result.data['schema'].length > 0),
         });
       } else if (_.isEqual(status, 'FAILED') || _.isEqual(status, 'CANCELLED')) {
         this.setState({
@@ -545,7 +535,6 @@ export class Main extends React.Component<MainProps, MainState> {
               className: 'error-message',
             },
           ],
-          asyncQueryError: result.data['error'],
         });
       } else {
         this.setState({
@@ -771,9 +760,6 @@ export class Main extends React.Component<MainProps, MainState> {
       selectedTabId: MESSAGE_TAB_LABEL,
       selectedTabName: MESSAGE_TAB_LABEL,
       itemIdToExpandedRowMap: {},
-      asyncLoading: false,
-      asyncLoadingStatus: 'SUCCESS',
-      isCallOutVisible: false,
     });
   };
 
@@ -904,8 +890,8 @@ export class Main extends React.Component<MainProps, MainState> {
             getText={this.getText}
             isResultFullScreen={this.state.isResultFullScreen}
             setIsResultFullScreen={this.setIsResultFullScreen}
+            asyncLoading={this.state.asyncLoading}
             asyncLoadingStatus={this.state.asyncLoadingStatus}
-            asyncQueryError={this.state.asyncQueryError}
             cancelAsyncQuery={this.cancelAsyncQuery}
             selectedDatasource={this.state.selectedDatasource}
           />
@@ -970,23 +956,6 @@ export class Main extends React.Component<MainProps, MainState> {
               <EuiSpacer size="l" />
               <div>{page}</div>
               <EuiSpacer size="l" />
-              {this.state.isCallOutVisible && (
-                <>
-                  <EuiCallOut
-                    size="s"
-                    title="Query Submitted Successfully"
-                    color="success"
-                    iconType="check"
-                    dismissible
-                    onDismiss={() =>
-                      this.setState({
-                        isCallOutVisible: false,
-                      })
-                    }
-                  />
-                  <EuiSpacer size="l" />
-                </>
-              )}
               <div className="sql-console-query-result">
                 <QueryResults
                   language={this.state.language}
@@ -1023,8 +992,8 @@ export class Main extends React.Component<MainProps, MainState> {
                   getText={this.getText}
                   isResultFullScreen={this.state.isResultFullScreen}
                   setIsResultFullScreen={this.setIsResultFullScreen}
+                  asyncLoading={this.state.asyncLoading}
                   asyncLoadingStatus={this.state.asyncLoadingStatus}
-                  asyncQueryError={this.state.asyncQueryError}
                   cancelAsyncQuery={this.cancelAsyncQuery}
                   selectedDatasource={this.state.selectedDatasource}
                 />
diff --git a/public/components/QueryResults/AsyncQueryBody.tsx b/public/components/QueryResults/AsyncQueryBody.tsx
new file mode 100644
index 00000000..eb28ab85
--- /dev/null
+++ b/public/components/QueryResults/AsyncQueryBody.tsx
@@ -0,0 +1,32 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { EuiFlexGroup, EuiText, EuiLoadingSpinner, EuiButton } from '@elastic/eui';
+import { AsyncQueryLoadingStatus } from '../../../common/types';
+import React from 'react';
+
+interface AsyncQueryBodyProps {
+  asyncLoading: boolean;
+  asyncLoadingStatus: AsyncQueryLoadingStatus;
+  cancelAsyncQuery: () => void;
+}
+
+export function AsyncQueryBody(props: AsyncQueryBodyProps) {
+  const { asyncLoading, asyncLoadingStatus, cancelAsyncQuery } = props;
+
+  // TODO: implement query failure display
+  // TODO: implement query cancellation
+
+  return (
+    <EuiFlexGroup direction="column" alignItems="center">
+      <EuiLoadingSpinner size="l" />
+      <EuiText>
+        <h3>Query running</h3>
+      </EuiText>
+      <EuiText>status: {asyncLoadingStatus}</EuiText>
+      <EuiButton onClick={cancelAsyncQuery}>Cancel</EuiButton>
+    </EuiFlexGroup>
+  );
+}
diff --git a/public/components/QueryResults/QueryResults.test.tsx b/public/components/QueryResults/QueryResults.test.tsx
index 2e5bafa5..336bf0a8 100644
--- a/public/components/QueryResults/QueryResults.test.tsx
+++ b/public/components/QueryResults/QueryResults.test.tsx
@@ -3,20 +3,20 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import React from 'react';
-import 'regenerator-runtime';
-import 'mutationobserver-shim';
-import '@testing-library/jest-dom/extend-expect';
-import { render, fireEvent, configure } from '@testing-library/react';
-import { mockQueryResults, mockQueries } from '../../../test/mocks/mockData';
-import { MESSAGE_TAB_LABEL } from '../../utils/constants';
-import QueryResults from './QueryResults';
-import { Tab, ItemIdToExpandedRowMap, ResponseDetail, QueryResult } from '../Main/main';
+
+import React from "react";
+import "regenerator-runtime";
+import "mutationobserver-shim";
+import "@testing-library/jest-dom/extend-expect";
+import { render, fireEvent, configure } from "@testing-library/react";
+import { mockQueryResults, mockQueries } from "../../../test/mocks/mockData";
+import { MESSAGE_TAB_LABEL } from "../../utils/constants";
+import QueryResults from "./QueryResults";
+import { Tab, ItemIdToExpandedRowMap, ResponseDetail, QueryResult } from "../Main/main";
 
 configure({ testIdAttribute: 'data-test-subj' });
 
-function renderSQLQueryResults(
-  mockQueryResults: ResponseDetail<QueryResult>[],
+function renderSQLQueryResults(mockQueryResults: ResponseDetail<QueryResult>[],
   mockQueries: string[] = [],
   mockSearchQuery: string = '',
   onSelectedTabIdChange: (tab: Tab) => void,
@@ -26,12 +26,12 @@ function renderSQLQueryResults(
   getJdbc: (queries: string[]) => void,
   getCsv: (queries: string[]) => void,
   getText: (queries: string[]) => void,
-  setIsResultFullScreen: (isFullScreen: boolean) => void
-) {
+  setIsResultFullScreen: (isFullScreen: boolean) => void) {
+
   return {
     ...render(
       <QueryResults
-        language="SQL"
+        language='SQL'
         queries={mockQueries}
         queryResults={mockQueryResults}
         queryResultsJDBC={''}
@@ -53,27 +53,23 @@ function renderSQLQueryResults(
         getText={getText}
         isResultFullScreen={false}
         setIsResultFullScreen={setIsResultFullScreen}
-        asyncLoadingStatus="SUCCESS"
-        asyncQueryError=""
-        selectedDatasource={[{ label: 'OpenSearch' }]}
-        cancelAsyncQuery={() => {}}
       />
     ),
   };
 }
 
-describe('<QueryResults /> spec', () => {
-  it('renders the component with no data', async () => {
-    (window as any).HTMLElement.prototype.scrollBy = function () {};
+describe("<QueryResults /> spec", () => {
+  it("renders the component with no data", async () => {
+    (window as any).HTMLElement.prototype.scrollBy = function () { };
     expect(document.body.children[0]).toMatchSnapshot();
   });
 });
 
-describe('<QueryResults with data/> spec', () => {
+describe("<QueryResults with data/> spec", () => {
   const onSelectedTabIdChange = jest.fn();
   const onQueryChange = jest.fn();
   const updateExpandedMap = jest.fn();
-  const mockSearchQuery = '';
+  const mockSearchQuery = "";
   const getRawResponse = jest.fn();
   const getJdbc = jest.fn();
   const getCsv = jest.fn();
@@ -81,26 +77,10 @@ describe('<QueryResults with data/> spec', () => {
   const setIsResultFullScreen = jest.fn();
   (window as any).HTMLElement.prototype.scrollBy = jest.fn();
 
-  it('renders the component with mock query results', async () => {
-    const {
-      getAllByRole,
-      getByText,
-      getAllByText,
-      getAllByTestId,
-      getAllByLabelText,
-    } = renderSQLQueryResults(
-      mockQueryResults,
-      mockQueries,
-      mockSearchQuery,
-      onSelectedTabIdChange,
-      onQueryChange,
-      updateExpandedMap,
-      getRawResponse,
-      getJdbc,
-      getCsv,
-      getText,
-      setIsResultFullScreen
-    );
+  it("renders the component with mock query results", async () => {
+    const { getAllByRole, getByText, getAllByText, getAllByTestId, getAllByLabelText } =
+      renderSQLQueryResults(mockQueryResults, mockQueries, mockSearchQuery, onSelectedTabIdChange, onQueryChange,
+        updateExpandedMap, getRawResponse, getJdbc, getCsv, getText, setIsResultFullScreen);
 
     expect(document.body.children[0]).toMatchSnapshot();
 
@@ -121,27 +101,16 @@ describe('<QueryResults with data/> spec', () => {
     // It tests pagination
     await fireEvent.click(getAllByLabelText('Page 2 of 2')[0]);
     await fireEvent.click(getAllByText('Rows per page', { exact: false })[0]);
-    expect(getByText('10 rows'));
-    expect(getByText('20 rows'));
-    expect(getByText('50 rows'));
-    expect(getByText('100 rows'));
-    await fireEvent.click(getByText('20 rows'));
+    expect(getByText("10 rows"));
+    expect(getByText("20 rows"));
+    expect(getByText("50 rows"));
+    expect(getByText("100 rows"));
+    await fireEvent.click(getByText("20 rows"));
   });
 
-  it('renders the component to test tabs down arrow', async () => {
-    const { getAllByTestId } = renderSQLQueryResults(
-      mockQueryResults,
-      mockQueries,
-      mockSearchQuery,
-      onSelectedTabIdChange,
-      onQueryChange,
-      updateExpandedMap,
-      getRawResponse,
-      getJdbc,
-      getCsv,
-      getText,
-      setIsResultFullScreen
-    );
+  it("renders the component to test tabs down arrow", async () => {
+    const { getAllByTestId } = renderSQLQueryResults(mockQueryResults, mockQueries, mockSearchQuery, onSelectedTabIdChange,
+      onQueryChange, updateExpandedMap, getRawResponse, getJdbc, getCsv, getText, setIsResultFullScreen);
 
     expect(document.body.children[0]).toMatchSnapshot();
 
@@ -149,10 +118,11 @@ describe('<QueryResults with data/> spec', () => {
     expect(getAllByTestId('slide-down'));
     await fireEvent.click(getAllByTestId('slide-down')[0]);
   });
+
 });
 
-function renderPPLQueryResults(
-  mockQueryResults: ResponseDetail<QueryResult>[],
+
+function renderPPLQueryResults(mockQueryResults: ResponseDetail<QueryResult>[],
   mockQueries: string[] = [],
   mockSearchQuery: string = '',
   onSelectedTabIdChange: (tab: Tab) => void,
@@ -162,12 +132,12 @@ function renderPPLQueryResults(
   getJdbc: (queries: string[]) => void,
   getCsv: (queries: string[]) => void,
   getText: (queries: string[]) => void,
-  setIsResultFullScreen: (isFullScreen: boolean) => void
-) {
+  setIsResultFullScreen: (isFullScreen: boolean) => void) {
+
   return {
     ...render(
       <QueryResults
-        language="PPL"
+        language='PPL'
         queries={mockQueries}
         queryResults={mockQueryResults}
         queryResultsJDBC={''}
@@ -189,28 +159,24 @@ function renderPPLQueryResults(
         getText={getText}
         isResultFullScreen={false}
         setIsResultFullScreen={setIsResultFullScreen}
-        asyncLoadingStatus="SUCCESS"
-        asyncQueryError=""
-        selectedDatasource={[{ label: 'OpenSearch' }]}
-        cancelAsyncQuery={() => {}}
       />
     ),
   };
 }
 
-describe('<QueryResults /> spec', () => {
-  it('renders the component with no data', async () => {
-    (window as any).HTMLElement.prototype.scrollBy = function () {};
+describe("<QueryResults /> spec", () => {
+  it("renders the component with no data", async () => {
+    (window as any).HTMLElement.prototype.scrollBy = function () { };
 
     expect(document.body.children[0]).toMatchSnapshot();
   });
 });
 
-describe('<QueryResults with data/> spec', () => {
+describe("<QueryResults with data/> spec", () => {
   const onSelectedTabIdChange = jest.fn();
   const onQueryChange = jest.fn();
   const updateExpandedMap = jest.fn();
-  const mockSearchQuery = '';
+  const mockSearchQuery = "";
   const getRawResponse = jest.fn();
   const getJdbc = jest.fn();
   const getCsv = jest.fn();
@@ -218,26 +184,10 @@ describe('<QueryResults with data/> spec', () => {
   const setIsResultFullScreen = jest.fn();
   (window as any).HTMLElement.prototype.scrollBy = jest.fn();
 
-  it('renders the component with mock query results', async () => {
-    const {
-      getAllByRole,
-      getByText,
-      getAllByText,
-      getAllByTestId,
-      getAllByLabelText,
-    } = renderPPLQueryResults(
-      mockQueryResults,
-      mockQueries,
-      mockSearchQuery,
-      onSelectedTabIdChange,
-      onQueryChange,
-      updateExpandedMap,
-      getRawResponse,
-      getJdbc,
-      getCsv,
-      getText,
-      setIsResultFullScreen
-    );
+  it("renders the component with mock query results", async () => {
+    const { getAllByRole, getByText, getAllByText, getAllByTestId, getAllByLabelText } =
+      renderPPLQueryResults(mockQueryResults, mockQueries, mockSearchQuery, onSelectedTabIdChange, onQueryChange,
+        updateExpandedMap, getRawResponse, getJdbc, getCsv, getText, setIsResultFullScreen);
 
     expect(document.body.children[0]).toMatchSnapshot();
 
@@ -258,27 +208,16 @@ describe('<QueryResults with data/> spec', () => {
     // It tests pagination
     await fireEvent.click(getAllByLabelText('Page 2 of 2')[0]);
     await fireEvent.click(getAllByText('Rows per page', { exact: false })[0]);
-    expect(getByText('10 rows'));
-    expect(getByText('20 rows'));
-    expect(getByText('50 rows'));
-    expect(getByText('100 rows'));
-    await fireEvent.click(getByText('20 rows'));
+    expect(getByText("10 rows"));
+    expect(getByText("20 rows"));
+    expect(getByText("50 rows"));
+    expect(getByText("100 rows"));
+    await fireEvent.click(getByText("20 rows"));
   });
 
-  it('renders the component to test tabs down arrow', async () => {
-    const { getAllByTestId } = renderPPLQueryResults(
-      mockQueryResults,
-      mockQueries,
-      mockSearchQuery,
-      onSelectedTabIdChange,
-      onQueryChange,
-      updateExpandedMap,
-      getRawResponse,
-      getJdbc,
-      getCsv,
-      getText,
-      setIsResultFullScreen
-    );
+  it("renders the component to test tabs down arrow", async () => {
+    const { getAllByTestId } = renderPPLQueryResults(mockQueryResults, mockQueries, mockSearchQuery, onSelectedTabIdChange,
+      onQueryChange, updateExpandedMap, getRawResponse, getJdbc, getCsv, getText, setIsResultFullScreen);
 
     expect(document.body.children[0]).toMatchSnapshot();
 
@@ -286,80 +225,5 @@ describe('<QueryResults with data/> spec', () => {
     expect(getAllByTestId('slide-down'));
     await fireEvent.click(getAllByTestId('slide-down')[0]);
   });
-});
 
-describe('<AsyncQueryResults /> spec', () => {
-  it('renders async query loading component', async () => {
-    const asyncTest = () => {
-      render(
-        <QueryResults
-          language="SQL"
-          queries={mockQueries}
-          queryResults={mockQueryResults}
-          queryResultsJDBC={''}
-          queryResultsJSON={''}
-          queryResultsCSV={''}
-          queryResultsTEXT={''}
-          messages={[]}
-          selectedTabId={'0'}
-          selectedTabName={MESSAGE_TAB_LABEL}
-          onSelectedTabIdChange={() => {}}
-          itemIdToExpandedRowMap={{}}
-          onQueryChange={() => {}}
-          updateExpandedMap={() => {}}
-          searchQuery={''}
-          tabsOverflow={true}
-          getJson={() => {}}
-          getJdbc={() => {}}
-          getCsv={() => {}}
-          getText={() => {}}
-          isResultFullScreen={false}
-          setIsResultFullScreen={() => {}}
-          asyncLoadingStatus="RUNNING"
-          asyncQueryError=""
-          selectedDatasource={[{ label: 'mys3' }]}
-          cancelAsyncQuery={() => {}}
-        />
-      );
-    };
-    await asyncTest();
-    expect(document.body.children[0]).toMatchSnapshot();
-  });
-
-  it('renders async query failure component', async () => {
-    const asyncTest = () => {
-      render(
-        <QueryResults
-          language="SQL"
-          queries={mockQueries}
-          queryResults={mockQueryResults}
-          queryResultsJDBC={''}
-          queryResultsJSON={''}
-          queryResultsCSV={''}
-          queryResultsTEXT={''}
-          messages={[]}
-          selectedTabId={'0'}
-          selectedTabName={MESSAGE_TAB_LABEL}
-          onSelectedTabIdChange={() => {}}
-          itemIdToExpandedRowMap={{}}
-          onQueryChange={() => {}}
-          updateExpandedMap={() => {}}
-          searchQuery={''}
-          tabsOverflow={true}
-          getJson={() => {}}
-          getJdbc={() => {}}
-          getCsv={() => {}}
-          getText={() => {}}
-          isResultFullScreen={false}
-          setIsResultFullScreen={() => {}}
-          asyncLoadingStatus="FAILED"
-          asyncQueryError="custom error"
-          selectedDatasource={[{ label: 'mys3' }]}
-          cancelAsyncQuery={() => {}}
-        />
-      );
-    };
-    await asyncTest();
-    expect(document.body.children[0]).toMatchSnapshot();
-  });
 });
diff --git a/public/components/QueryResults/QueryResults.tsx b/public/components/QueryResults/QueryResults.tsx
index 55f4f2ce..58d204e8 100644
--- a/public/components/QueryResults/QueryResults.tsx
+++ b/public/components/QueryResults/QueryResults.tsx
@@ -45,7 +45,7 @@ import {
   ResponseDetail,
   Tab,
 } from '../Main/main';
-import { AsyncQueryBody } from './async_query_body';
+import { AsyncQueryBody } from './AsyncQueryBody';
 import QueryResultsBody from './QueryResultsBody';
 
 interface QueryResultsProps {
@@ -71,8 +71,8 @@ interface QueryResultsProps {
   getText: (queries: string[]) => void;
   isResultFullScreen: boolean;
   setIsResultFullScreen: (isFullScreen: boolean) => void;
+  asyncLoading: boolean;
   asyncLoadingStatus: AsyncQueryLoadingStatus;
-  asyncQueryError: string;
   cancelAsyncQuery: () => void;
   selectedDatasource: EuiComboBoxOptionOption[];
 }
@@ -335,8 +335,7 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
             </EuiFlexItem>
           </EuiFlexGroup>
         </div>
-        {this.props.asyncLoadingStatus === 'SUCCESS' ||
-        this.props.asyncLoadingStatus === 'CANCELLED' ? (
+        {!this.props.asyncLoading ? (
           <>
             {this.props.queryResults.length === 0 ? (
               // show no results message instead of the results table when there are no results
@@ -444,9 +443,9 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
             <EuiSpacer size="xl" />
             <EuiFlexGroup alignItems="center">
               <AsyncQueryBody
+                asyncLoading={this.props.asyncLoading}
                 asyncLoadingStatus={this.props.asyncLoadingStatus}
                 cancelAsyncQuery={this.props.cancelAsyncQuery}
-                asyncQueryError={this.props.asyncQueryError}
               />
             </EuiFlexGroup>
             <EuiSpacer size="xxl" />
diff --git a/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap b/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
index 270ed879..5c99ca41 100644
--- a/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
+++ b/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
@@ -1,233 +1,5 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`<AsyncQueryResults /> spec renders async query failure component 1`] = `
-<div>
-  <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"
-        >
-          <button
-            class="euiButton euiButton--primary euiButton--small"
-            type="button"
-          >
-            <span
-              class="euiButtonContent 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 3v4h-1V4H9V3h4ZM3 3h4v1H4v3H3V3Zm10 10H9v-1h3V9h1v4ZM3 13V9h1v3h3v1H3ZM0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0 1 14.006 16H1.994A1.995 1.995 0 0 1 0 14.006V1.994Zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 0 0 .994-.994V1.994A.995.995 0 0 0 14.006 1H1.994A.995.995 0 0 0 1 1.994Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-              <span
-                class="euiButton__text"
-              >
-                Full screen view
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <hr
-      class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-    />
-    <div
-      class="euiSpacer euiSpacer--xl"
-    />
-    <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-    >
-      <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-      >
-        <svg
-          aria-hidden="true"
-          class="euiIcon euiIcon--large euiIcon--danger euiIcon-isLoading"
-          focusable="false"
-          height="16"
-          role="img"
-          viewBox="0 0 16 16"
-          width="16"
-          xmlns="http://www.w3.org/2000/svg"
-        />
-        <div
-          class="euiText euiText--medium"
-        >
-          <h3>
-            Query failed
-          </h3>
-        </div>
-        <div
-          class="euiText euiText--medium"
-        >
-          The query failed to execute and the operation could not be complete.
-        </div>
-        <button
-          class="euiButton euiButton--primary"
-          type="button"
-        >
-          <span
-            class="euiButtonContent euiButton__content"
-          >
-            <span
-              class="euiButton__text"
-            >
-              View error details
-            </span>
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="euiSpacer euiSpacer--xxl"
-    />
-    <div
-      class="euiSpacer euiSpacer--m"
-    />
-  </div>
-</div>
-`;
-
-exports[`<AsyncQueryResults /> spec renders async query loading component 1`] = `
-<div>
-  <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"
-        >
-          <button
-            class="euiButton euiButton--primary euiButton--small"
-            type="button"
-          >
-            <span
-              class="euiButtonContent 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 3v4h-1V4H9V3h4ZM3 3h4v1H4v3H3V3Zm10 10H9v-1h3V9h1v4ZM3 13V9h1v3h3v1H3ZM0 1.994C0 .893.895 0 1.994 0h12.012C15.107 0 16 .895 16 1.994v12.012A1.995 1.995 0 0 1 14.006 16H1.994A1.995 1.995 0 0 1 0 14.006V1.994Zm1 0v12.012c0 .548.446.994.994.994h12.012a.995.995 0 0 0 .994-.994V1.994A.995.995 0 0 0 14.006 1H1.994A.995.995 0 0 0 1 1.994Z"
-                  fill-rule="evenodd"
-                />
-              </svg>
-              <span
-                class="euiButton__text"
-              >
-                Full screen view
-              </span>
-            </span>
-          </button>
-        </div>
-      </div>
-    </div>
-    <hr
-      class="euiHorizontalRule euiHorizontalRule--full euiHorizontalRule--marginLarge"
-    />
-    <div
-      class="euiSpacer euiSpacer--xl"
-    />
-    <div
-      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
-    >
-      <div
-        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
-      >
-        <span
-          class="euiLoadingSpinner euiLoadingSpinner--large"
-        />
-        <div
-          class="euiText euiText--medium"
-        >
-          <h3>
-            Query running
-          </h3>
-        </div>
-        <div
-          class="euiText euiText--medium"
-        >
-          Status: 
-          RUNNING
-        </div>
-        <button
-          class="euiButton euiButton--primary"
-          type="button"
-        >
-          <span
-            class="euiButtonContent euiButton__content"
-          >
-            <span
-              class="euiButton__text"
-            >
-              Cancel
-            </span>
-          </span>
-        </button>
-      </div>
-    </div>
-    <div
-      class="euiSpacer euiSpacer--xxl"
-    />
-    <div
-      class="euiSpacer euiSpacer--m"
-    />
-  </div>
-</div>
-`;
-
 exports[`<QueryResults /> spec renders the component with no data 1`] = `undefined`;
 
 exports[`<QueryResults /> spec renders the component with no data 2`] = `undefined`;
@@ -556,52 +328,6 @@ exports[`<QueryResults with data/> spec renders the component to test tabs down
             </div>
           </div>
         </div>
-        <div
-          class="euiFlexItem euiFlexItem--flexGrowZero"
-        >
-          <div
-            class="download-container"
-          >
-            <div
-              class="euiPopover euiPopover--anchorDownLeft download-button-container"
-              id="singlePanel"
-            >
-              <div
-                class="euiPopover__anchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  type="button"
-                >
-                  <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.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>
-                    <span
-                      class="euiButton__text"
-                    >
-                      Download
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
       </div>
       <div
         class="sql-console-results-container"
@@ -10010,47 +9736,6 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
             </div>
           </div>
         </div>
-        <div
-          class="euiFlexItem euiFlexItem--flexGrowZero"
-        >
-          <div
-            class="download-container"
-          >
-            <div
-              class="euiPopover euiPopover--anchorDownLeft download-button-container"
-              id="singlePanel"
-            >
-              <div
-                class="euiPopover__anchor"
-              >
-                <button
-                  class="euiButton euiButton--primary euiButton--small"
-                  type="button"
-                >
-                  <span
-                    class="euiButtonContent euiButtonContent--iconRight euiButton__content"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoading euiButtonContent__icon"
-                      focusable="false"
-                      height="16"
-                      role="img"
-                      viewBox="0 0 16 16"
-                      width="16"
-                      xmlns="http://www.w3.org/2000/svg"
-                    />
-                    <span
-                      class="euiButton__text"
-                    >
-                      Download
-                    </span>
-                  </span>
-                </button>
-              </div>
-            </div>
-          </div>
-        </div>
       </div>
       <div
         class="sql-console-results-container"
diff --git a/public/components/QueryResults/async_query_body.tsx b/public/components/QueryResults/async_query_body.tsx
deleted file mode 100644
index cc97c026..00000000
--- a/public/components/QueryResults/async_query_body.tsx
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
- * Copyright OpenSearch Contributors
- * SPDX-License-Identifier: Apache-2.0
- */
-
-import {
-  EuiFlexGroup,
-  EuiText,
-  EuiLoadingSpinner,
-  EuiButton,
-  EuiIcon,
-  EuiModal,
-  EuiModalBody,
-  EuiModalFooter,
-  EuiModalHeader,
-  EuiModalHeaderTitle,
-} from '@elastic/eui';
-import { AsyncQueryLoadingStatus } from '../../../common/types';
-import React, { useState } from 'react';
-
-interface AsyncQueryBodyProps {
-  asyncLoadingStatus: AsyncQueryLoadingStatus;
-  cancelAsyncQuery: () => void;
-  asyncQueryError: string;
-}
-
-export function AsyncQueryBody(props: AsyncQueryBodyProps) {
-  const { asyncLoadingStatus, cancelAsyncQuery, asyncQueryError } = props;
-  const [isModalVisible, setIsModalVisible] = useState(false);
-
-  const closeModal = () => setIsModalVisible(false);
-  const showModal = () => setIsModalVisible(true);
-
-  let modal;
-  if (isModalVisible) {
-    modal = (
-      <EuiModal onClose={closeModal}>
-        <EuiModalHeader>
-          <EuiModalHeaderTitle>Error</EuiModalHeaderTitle>
-        </EuiModalHeader>
-        <EuiModalBody>{asyncQueryError}</EuiModalBody>
-
-        <EuiModalFooter>
-          <EuiButton onClick={closeModal} fill>
-            Close
-          </EuiButton>
-        </EuiModalFooter>
-      </EuiModal>
-    );
-  }
-
-  return (
-    <EuiFlexGroup direction="column" alignItems="center">
-      {asyncLoadingStatus == 'FAILED' ? (
-        <>
-          <EuiIcon size="l" type="alert" color="danger" />
-          <EuiText>
-            <h3>Query failed</h3>
-          </EuiText>
-          <EuiText>The query failed to execute and the operation could not be complete.</EuiText>
-          <EuiButton onClick={() => showModal()}>View error details</EuiButton>
-          {modal}
-        </>
-      ) : (
-        <>
-          <EuiLoadingSpinner size="l" />
-          <EuiText>
-            <h3>Query running</h3>
-          </EuiText>
-          <EuiText>Status: {asyncLoadingStatus}</EuiText>
-          <EuiButton onClick={cancelAsyncQuery}>Cancel</EuiButton>
-        </>
-      )}
-    </EuiFlexGroup>
-  );
-}