From 5c06b277f7b1867d05246bc484c9f10c08c65e79 Mon Sep 17 00:00:00 2001
From: Sumukh Swamy <sumukhhs@amazon.com>
Date: Tue, 6 Feb 2024 11:38:30 -0800
Subject: [PATCH] Fix jest tests (#255)

* cypress tests

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

* changed config for the test to dump data

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

* added jest tests

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

* added a few changes for comments

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

* updated snapshots

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

---------

Signed-off-by: sumukhswamy <sumukhhs@amazon.com>
---
 .cypress/integration/ui.spec.js               |  175 +-
 .cypress/utils/constants.js                   |   26 +-
 .../Main/__snapshots__/main.test.tsx.snap     | 4011 +++++++++++++-
 public/components/Main/main.test.tsx          |   76 +-
 public/components/PPLPage/PPLPage.test.tsx    |   74 +-
 public/components/PPLPage/PPLPage.tsx         |    5 +-
 .../__snapshots__/PPLPage.test.tsx.snap       |  592 ++
 .../components/QueryLanguageSwitch/Switch.tsx |    4 +-
 .../QueryResults/QueryResults.test.tsx        |   38 +-
 .../components/QueryResults/QueryResults.tsx  |    7 +-
 .../__snapshots__/QueryResults.test.tsx.snap  | 4804 +++++++++++++++++
 public/components/SQLPage/SQLPage.test.tsx    |    2 +-
 public/components/SQLPage/SQLPage.tsx         |   11 +-
 .../__snapshots__/SQLPage.test.tsx.snap       |    8 +-
 .../SQLPage/__tests__/CreateButton.test.tsx   |   61 +
 .../SQLPage/__tests__/DataSelect.test.tsx     |   75 +
 .../__snapshots__/CreateButton.test.tsx.snap  |   87 +
 .../__snapshots__/DataSelect.test.tsx.snap    |  198 +
 .../__snapshots__/table_view.test.tsx.snap    | 1762 +++++-
 .../SQLPage/__tests__/table_view.test.tsx     |  279 +-
 test/mocks/mockData.ts                        |  226 +-
 21 files changed, 12259 insertions(+), 262 deletions(-)
 create mode 100644 public/components/SQLPage/__tests__/CreateButton.test.tsx
 create mode 100644 public/components/SQLPage/__tests__/DataSelect.test.tsx
 create mode 100644 public/components/SQLPage/__tests__/__snapshots__/CreateButton.test.tsx.snap
 create mode 100644 public/components/SQLPage/__tests__/__snapshots__/DataSelect.test.tsx.snap

diff --git a/.cypress/integration/ui.spec.js b/.cypress/integration/ui.spec.js
index b552ba24..11a3cda6 100644
--- a/.cypress/integration/ui.spec.js
+++ b/.cypress/integration/ui.spec.js
@@ -15,7 +15,7 @@ describe('Dump test data', () => {
       cy.request(url).then((response) => {
         cy.request({
           method: 'POST',
-          form: true,
+          form: false,
           url: 'api/console/proxy',
           headers: {
             'content-type': 'application/json;charset=UTF-8',
@@ -29,7 +29,7 @@ describe('Dump test data', () => {
         });
       });
 
-    testDataSet.forEach(({url, index}) => dumpDataSet(url, index));
+    testDataSet.forEach(({ url, index }) => dumpDataSet(url, index));
   });
 });
 
@@ -37,7 +37,7 @@ describe('Test PPL UI', () => {
   beforeEach(() => {
     cy.visit('app/opensearch-query-workbench');
     cy.wait(delay);
-    cy.get('.euiToggle__input[title=PPL]').click({ force: true });
+    cy.get('[data-test-subj="PPL"]').click({ force: true });
     cy.wait(delay);
   });
 
@@ -48,56 +48,34 @@ describe('Test PPL UI', () => {
   });
 
   it('Test Run button', () => {
-    cy.get('textarea.ace_text-input').eq(0).focus().type('source=accounts', { force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiTab__content').contains('Events').click({ force: true });
-
-    cy.get('span.euiTableCellContent__text')
-      .eq(19)
-      .should((employer) => {
-        expect(employer).to.contain('Pyrami');
-      });
+    cy.get('textarea.ace_text-input').eq(0).focus().type('source=accounts', { force: true }).then(()=>{
+      cy.get('.ace_line').contains('source=accounts')
+    }).then(()=>{
+      cy.wait(1000)
+      cy.get('button[data-test-subj="pplRunButton"]').click({ force: true });
+    }).then(() => {
+      cy.get('[data-test-subj="result_tab"]').contains('Events').click({ force: true });
+    });
   });
 
   it('Test Clear button', () => {
-    cy.get('textarea.ace_text-input').eq(0).focus().type('source=accounts', { force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiTab__content').contains('Events').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Clear').click({ force: true });
-    cy.wait(delay);
+    cy.get('[data-test-subj="pplClearButton"]').contains('Clear').click({ force: true });
 
-    cy.get('.euiTextAlign')
-      .contains('Enter a query in the query editor above to see results.')
-      .should('have.length', 1);
-    cy.get('.ace_content')
-      .eq(0)
-      .then((queryEditor) => {
-        const editor = edit(queryEditor[0]);
-        expect(editor.getValue()).to.equal('');
-      });
+    cy.get('.euiTitle').should('not.exist');
   });
 
   it('Test full screen view', () => {
+    cy.get('[data-test-subj="pplClearButton"]').contains('Clear').click({ force: true });
     cy.get('.euiButton__text').contains('Full screen view').should('not.exist');
-    cy.get('.euiTitle').contains('Query Workbench').should('exist');
 
     cy.get('textarea.ace_text-input').eq(0).focus().type('source=accounts', { force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Full screen view').click({ force: true });
+    cy.get('[data-test-subj="pplRunButton"]').contains('Run').should('exist');
+    cy.wait(1000)
+    cy.get('[data-test-subj="pplRunButton"]').contains('Run').click({ force: true });
 
-    cy.get('.euiTitle').should('not.exist');
+    cy.get('[data-test-subj="fullScreenView"]').contains('Full screen view').click();
 
-    cy.get('button#exit-fullscreen-button').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Full screen view').should('exist');
-    cy.get('.euiTitle').contains('Query Workbench').should('exist');
+    cy.get('.euiTitle').should('not.exist');
   });
 });
 
@@ -105,7 +83,7 @@ describe('Test SQL UI', () => {
   beforeEach(() => {
     cy.visit('app/opensearch-query-workbench');
     cy.wait(delay);
-    cy.get('.euiToggle__input[title=SQL]').click({ force: true });
+    cy.get('[data-test-subj="SQL"]').click({ force: true });
     cy.wait(delay);
   });
 
@@ -115,65 +93,43 @@ describe('Test SQL UI', () => {
       .should('have.length', 1);
   });
 
-  it('Test Run button and field search', () => {
-    cy.get('textarea.ace_text-input')
-      .eq(0)
-      .focus()
-      .type('{enter}select * from accounts where balance > 49500;', { force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiTab__content').contains('accounts').click({ force: true });
-
-    cy.get('input.euiFieldSearch').type('marissa');
-    cy.get('span.euiTableCellContent__text')
-      .eq(13)
-      .should((account_number) => {
-        expect(account_number).to.contain('803');
-      });
+  it('Test Run button', () => {
+    cy.get('textarea.ace_text-input').eq(0).focus().type('{enter}', { force: true });
+    cy.get('[data-test-subj="sqlRunButton"]').contains('Run').click();
+    cy.get('[data-test-subj="result_tab"]').contains("SHOW tables LIKE '%'").click({ force: true });
   });
 
   it('Test Translate button', () => {
-    cy.get('textarea.ace_text-input').eq(0).focus().type('{selectall}{backspace}', { force: true });
-    cy.wait(delay);
-    cy.get('textarea.ace_text-input')
-      .eq(0)
-      .focus()
-      .type('{selectall}{backspace}select log(balance) from accounts where abs(age) > 20;', {
-        force: true,
-      });
-    cy.wait(delay);
+    cy.get('textarea.ace_text-input').eq(0).focus().type('{enter}', {
+      force: true,
+    });
     cy.get('.euiButton__text').contains('Explain').click({ force: true });
-    cy.wait(delay);
 
     // hard to get euiCodeBlock content, check length instead
-    cy.get('.euiCodeBlock__code').children().should('have.length', 13);
+    cy.get('.euiCodeBlock__code').children().should('have.length', 25);
   });
 
   it('Test Clear button', () => {
-    cy.get('.euiButton__text').contains('Clear').click({ force: true });
-    cy.wait(delay);
+    cy.get('[data-test-subj="sqlClearButton"]').contains('Clear').click({ force: true });
 
-    cy.get('.ace_content')
-      .eq(0)
-      .then((queryEditor) => {
-        const editor = edit(queryEditor[0]);
-        expect(editor.getValue()).to.equal('');
-      });
+    cy.get('.euiTitle').should('not.exist');
   });
 
   it('Test full screen view', () => {
     cy.get('.euiButton__text').contains('Full screen view').should('not.exist');
-    cy.get('.euiTitle').contains('Query Workbench').should('exist');
 
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Full screen view').click({ force: true });
+    cy.get('textarea.ace_text-input')
+      .eq(0)
+      .focus()
+      .type("{enter}", { force: true });
+    cy.get('[data-test-subj="sqlRunButton"]').contains('Run').click();
+    cy.get('[data-test-subj="fullScreenView"]').contains('Full screen view').click();
 
     cy.get('.euiTitle').should('not.exist');
   });
 });
 
+
 describe('Test and verify SQL downloads', () => {
   verifyDownloadData.map(({ title, url, file }) => {
     it(title, () => {
@@ -186,14 +142,10 @@ describe('Test and verify SQL downloads', () => {
           'osd-xsrf': true,
         },
         body: {
-          query: 'select * from accounts where balance > 49500',
+          query: 'select * from accounts where balance > 49500 order by account_number',
         },
       }).then((response) => {
-        if (title === 'Download and verify CSV' || title === 'Download and verify Text') {
-          expect(response.body.data.body).to.have.string(files[file]);
-        } else {
-          expect(response.body.data.resp).to.have.string(files[file]);
-        }
+        expect(response.body.data.resp).to.have.string(files[file]);
       });
     });
   });
@@ -203,22 +155,22 @@ describe('Test table display', () => {
   beforeEach(() => {
     cy.visit('app/opensearch-query-workbench');
     cy.wait(delay);
-    cy.get('.euiToggle__input[title=SQL]').click({ force: true });
+    cy.get('[data-test-subj="SQL"]').click({ force: true });
     cy.wait(delay);
-    cy.get('textarea.ace_text-input').eq(0).focus().type('{selectall}{backspace}', { force: true });
+    cy.get('[data-test-subj="sqlClearButton"]').contains('Clear').click();
     cy.wait(delay);
   });
 
   testQueries.map(({ title, query, cell_idx, expected_string }) => {
     it(title, () => {
-      cy.get('textarea.ace_text-input')
-        .eq(0)
-        .focus()
-        .type(`{selectall}{backspace}${query}`, { force: true });
-      cy.wait(delay);
-      cy.get('.euiButton__text').contains('Run').click({ force: true });
-      cy.wait(delay);
-
+      cy.get('[data-test-subj="sqlClearButton"]').contains('Clear').click();
+      cy.get('div[data-test-subj="sqlCodeEditor"]')
+        .click({ force: true })
+        .type(`${query}`);
+      cy.get('div[data-test-subj="sqlCodeEditor"]').contains(`${query}`).should('exist');
+      cy.get('[data-test-subj="sqlRunButton"]').contains('Run').should('exist');
+      cy.wait(1000)
+      cy.get('[data-test-subj="sqlRunButton"]').contains('Run').click();
       cy.get('span.euiTableCellContent__text')
         .eq(cell_idx)
         .should((cell) => {
@@ -228,20 +180,15 @@ describe('Test table display', () => {
   });
 
   it('Test nested fields display', () => {
-    cy.get('textarea.ace_text-input')
-      .eq(0)
-      .focus()
-      .type(`{selectall}{backspace}select * from employee_nested;`, { force: true });
-    cy.wait(delay);
-    cy.get('.euiButton__text').contains('Run').click({ force: true });
-    cy.wait(delay);
-
-    cy.get('button.euiLink').eq(2).click({ force: true });
-    cy.wait(delay);
-    cy.get('span.euiTableCellContent__text')
-      .eq(24)
-      .should((cell) => {
-        expect(cell).to.contain('comment_2_1');
-      });
-  });
-});
+    cy.get('[data-test-subj="sqlClearButton"]').contains('Clear').click();
+    cy.get('div[data-test-subj="sqlCodeEditor"]')
+      .click()
+      .type(`select * from employee_nested;`);
+    cy.get('[data-test-subj="sqlRunButton"]').contains('Run').should('exist');
+    cy.wait(1000)
+    cy.get('[data-test-subj="sqlRunButton"]').contains('Run').click();
+    cy.get(('[data-test-subj="result_tab"]')).contains('employee_nested').should('exist');
+    cy.get('button.euiLink').eq(2).click();
+    cy.contains('message');
+  });
+});
\ No newline at end of file
diff --git a/.cypress/utils/constants.js b/.cypress/utils/constants.js
index 226b7121..b2fd8c37 100644
--- a/.cypress/utils/constants.js
+++ b/.cypress/utils/constants.js
@@ -74,26 +74,22 @@ export const testQueries = [
 ];
 
 export const files = {
-  JSONFile:
-    `"hits":[{"_index":"accounts","_type":"_doc","_id":"842","_score":0,"_source":{"account_number":842,"balance":49587,"firstname":"Meagan","lastname":"Buckner","age":23,"gender":"F","address":"833 Bushwick Court","employer":"Biospan","email":"meaganbuckner@biospan.com","city":"Craig","state":"TX"}},{"_index":"accounts","_type":"_doc","_id":"854","_score":0,"_source":{"account_number":854,"balance":49795,"firstname":"Jimenez","lastname":"Barry","age":25,"gender":"F","address":"603 Cooper Street","employer":"Verton","email":"jimenezbarry@verton.com","city":"Moscow","state":"AL"}},{"_index":"accounts","_type":"_doc","_id":"97","_score":0,"_source":{"account_number":97,"balance":49671,"firstname":"Karen","lastname":"Trujillo","age":40,"gender":"F","address":"512 Cumberland Walk","employer":"Tsunamia","email":"karentrujillo@tsunamia.com","city":"Fredericktown","state":"MO"}},{"_index":"accounts","_type":"_doc","_id":"168","_score":0,"_source":{"account_number":168,"balance":49568,"firstname":"Carissa","lastname":"Simon","age":20,"gender":"M","address":"975 Flatbush Avenue","employer":"Zillacom","email":"carissasimon@zillacom.com","city":"Neibert","state":"IL"}},{"_index":"accounts","_type":"_doc","_id":"240","_score":0,"_source":{"account_number":240,"balance":49741,"firstname":"Oconnor","lastname":"Clay","age":35,"gender":"F","address":"659 Highland Boulevard","employer":"Franscene","email":"oconnorclay@franscene.com","city":"Kilbourne","state":"NH"}},{"_index":"accounts","_type":"_doc","_id":"803","_score":0,"_source":{"account_number":803,"balance":49567,"firstname":"Marissa","lastname":"Spears","age":25,"gender":"M","address":"963 Highland Avenue","employer":"Centregy","email":"marissaspears@centregy.com","city":"Bloomington","state":"MS"}},{"_index":"accounts","_type":"_doc","_id":"248","_score":0,"_source":{"account_number":248,"balance":49989,"firstname":"West","lastname":"England","age":36,"gender":"M","address":"717 Hendrickson Place","employer":"Obliq","email":"westengland@obliq.com","city":"Maury","state":"WA"}}]`,
-  JDBCFile:
-    `{"schema":[{"name":"account_number","type":"long"},{"name":"firstname","type":"text"},{"name":"address","type":"text"},{"name":"balance","type":"long"},{"name":"gender","type":"text"},{"name":"city","type":"text"},{"name":"employer","type":"text"},{"name":"state","type":"text"},{"name":"age","type":"long"},{"name":"email","type":"text"},{"name":"lastname","type":"text"}],"datarows":[[842,"Meagan","833 Bushwick Court",49587,"F","Craig","Biospan","TX",23,"meaganbuckner@biospan.com","Buckner"],[854,"Jimenez","603 Cooper Street",49795,"F","Moscow","Verton","AL",25,"jimenezbarry@verton.com","Barry"],[97,"Karen","512 Cumberland Walk",49671,"F","Fredericktown","Tsunamia","MO",40,"karentrujillo@tsunamia.com","Trujillo"],[168,"Carissa","975 Flatbush Avenue",49568,"M","Neibert","Zillacom","IL",20,"carissasimon@zillacom.com","Simon"],[240,"Oconnor","659 Highland Boulevard",49741,"F","Kilbourne","Franscene","NH",35,"oconnorclay@franscene.com","Clay"],[803,"Marissa","963 Highland Avenue",49567,"M","Bloomington","Centregy","MS",25,"marissaspears@centregy.com","Spears"],[248,"West","717 Hendrickson Place",49989,"M","Maury","Obliq","WA",36,"westengland@obliq.com","England"]],"total":7,"size":7,"status":200}`,
-  CSVFile:
-    `account_number,firstname,address,balance,gender,city,employer,state,age,email,lastname
-842,Meagan,833 Bushwick Court,49587,F,Craig,Biospan,TX,23,meaganbuckner@biospan.com,Buckner
-854,Jimenez,603 Cooper Street,49795,F,Moscow,Verton,AL,25,jimenezbarry@verton.com,Barry
+  JSONFile: `[{"_index":"accounts","_id":"97","_score":null,"_source":{"account_number":97,"balance":49671,"firstname":"Karen","lastname":"Trujillo","age":40,"gender":"F","address":"512 Cumberland Walk","employer":"Tsunamia","email":"karentrujillo@tsunamia.com","city":"Fredericktown","state":"MO"},"sort":[97]},{"_index":"accounts","_id":"168","_score":null,"_source":{"account_number":168,"balance":49568,"firstname":"Carissa","lastname":"Simon","age":20,"gender":"M","address":"975 Flatbush Avenue","employer":"Zillacom","email":"carissasimon@zillacom.com","city":"Neibert","state":"IL"},"sort":[168]},{"_index":"accounts","_id":"240","_score":null,"_source":{"account_number":240,"balance":49741,"firstname":"Oconnor","lastname":"Clay","age":35,"gender":"F","address":"659 Highland Boulevard","employer":"Franscene","email":"oconnorclay@franscene.com","city":"Kilbourne","state":"NH"},"sort":[240]},{"_index":"accounts","_id":"248","_score":null,"_source":{"account_number":248,"balance":49989,"firstname":"West","lastname":"England","age":36,"gender":"M","address":"717 Hendrickson Place","employer":"Obliq","email":"westengland@obliq.com","city":"Maury","state":"WA"},"sort":[248]},{"_index":"accounts","_id":"803","_score":null,"_source":{"account_number":803,"balance":49567,"firstname":"Marissa","lastname":"Spears","age":25,"gender":"M","address":"963 Highland Avenue","employer":"Centregy","email":"marissaspears@centregy.com","city":"Bloomington","state":"MS"},"sort":[803]},{"_index":"accounts","_id":"842","_score":null,"_source":{"account_number":842,"balance":49587,"firstname":"Meagan","lastname":"Buckner","age":23,"gender":"F","address":"833 Bushwick Court","employer":"Biospan","email":"meaganbuckner@biospan.com","city":"Craig","state":"TX"},"sort":[842]},{"_index":"accounts","_id":"854","_score":null,"_source":{"account_number":854,"balance":49795,"firstname":"Jimenez","lastname":"Barry","age":25,"gender":"F","address":"603 Cooper Street","employer":"Verton","email":"jimenezbarry@verton.com","city":"Moscow","state":"AL"},"sort":[854]}]`,
+  JDBCFile: `{"schema":[{"name":"account_number","type":"long"},{"name":"firstname","type":"text"},{"name":"address","type":"text"},{"name":"balance","type":"long"},{"name":"gender","type":"text"},{"name":"city","type":"text"},{"name":"employer","type":"text"},{"name":"state","type":"text"},{"name":"age","type":"long"},{"name":"email","type":"text"},{"name":"lastname","type":"text"}],"datarows":[[97,"Karen","512 Cumberland Walk",49671,"F","Fredericktown","Tsunamia","MO",40,"karentrujillo@tsunamia.com","Trujillo"],[168,"Carissa","975 Flatbush Avenue",49568,"M","Neibert","Zillacom","IL",20,"carissasimon@zillacom.com","Simon"],[240,"Oconnor","659 Highland Boulevard",49741,"F","Kilbourne","Franscene","NH",35,"oconnorclay@franscene.com","Clay"],[248,"West","717 Hendrickson Place",49989,"M","Maury","Obliq","WA",36,"westengland@obliq.com","England"],[803,"Marissa","963 Highland Avenue",49567,"M","Bloomington","Centregy","MS",25,"marissaspears@centregy.com","Spears"],[842,"Meagan","833 Bushwick Court",49587,"F","Craig","Biospan","TX",23,"meaganbuckner@biospan.com","Buckner"],[854,"Jimenez","603 Cooper Street",49795,"F","Moscow","Verton","AL",25,"jimenezbarry@verton.com","Barry"]],"total":7,"size":7,"status":200}`,
+  CSVFile: `account_number,firstname,address,balance,gender,city,employer,state,age,email,lastname
 97,Karen,512 Cumberland Walk,49671,F,Fredericktown,Tsunamia,MO,40,karentrujillo@tsunamia.com,Trujillo
 168,Carissa,975 Flatbush Avenue,49568,M,Neibert,Zillacom,IL,20,carissasimon@zillacom.com,Simon
 240,Oconnor,659 Highland Boulevard,49741,F,Kilbourne,Franscene,NH,35,oconnorclay@franscene.com,Clay
+248,West,717 Hendrickson Place,49989,M,Maury,Obliq,WA,36,westengland@obliq.com,England
 803,Marissa,963 Highland Avenue,49567,M,Bloomington,Centregy,MS,25,marissaspears@centregy.com,Spears
-248,West,717 Hendrickson Place,49989,M,Maury,Obliq,WA,36,westengland@obliq.com,England`,
-  TextFile:
-    `account_number|firstname|address|balance|gender|city|employer|state|age|email|lastname
-842|Meagan|833 Bushwick Court|49587|F|Craig|Biospan|TX|23|meaganbuckner@biospan.com|Buckner
-854|Jimenez|603 Cooper Street|49795|F|Moscow|Verton|AL|25|jimenezbarry@verton.com|Barry
+842,Meagan,833 Bushwick Court,49587,F,Craig,Biospan,TX,23,meaganbuckner@biospan.com,Buckner
+854,Jimenez,603 Cooper Street,49795,F,Moscow,Verton,AL,25,jimenezbarry@verton.com,Barry`,
+  TextFile: `account_number|firstname|address|balance|gender|city|employer|state|age|email|lastname
 97|Karen|512 Cumberland Walk|49671|F|Fredericktown|Tsunamia|MO|40|karentrujillo@tsunamia.com|Trujillo
 168|Carissa|975 Flatbush Avenue|49568|M|Neibert|Zillacom|IL|20|carissasimon@zillacom.com|Simon
 240|Oconnor|659 Highland Boulevard|49741|F|Kilbourne|Franscene|NH|35|oconnorclay@franscene.com|Clay
+248|West|717 Hendrickson Place|49989|M|Maury|Obliq|WA|36|westengland@obliq.com|England
 803|Marissa|963 Highland Avenue|49567|M|Bloomington|Centregy|MS|25|marissaspears@centregy.com|Spears
-248|West|717 Hendrickson Place|49989|M|Maury|Obliq|WA|36|westengland@obliq.com|England`,
-};
+842|Meagan|833 Bushwick Court|49587|F|Craig|Biospan|TX|23|meaganbuckner@biospan.com|Buckner
+854|Jimenez|603 Cooper Street|49795|F|Moscow|Verton|AL|25|jimenezbarry@verton.com|Barry`,
+};
\ 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 b2103f80..d3719bfb 100644
--- a/public/components/Main/__snapshots__/main.test.tsx.snap
+++ b/public/components/Main/__snapshots__/main.test.tsx.snap
@@ -1854,7 +1854,7 @@ exports[`<Main /> spec click clear button 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -1981,6 +1981,7 @@ exports[`<Main /> spec click clear button 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -1999,6 +2000,7 @@ exports[`<Main /> spec click clear button 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -2417,7 +2419,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -2544,6 +2546,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -2562,6 +2565,7 @@ exports[`<Main /> spec click run button, and response causes an error 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -4521,7 +4525,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -4648,6 +4652,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -4666,6 +4671,7 @@ exports[`<Main /> spec click run button, and response is not ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -5155,7 +5161,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -5282,6 +5288,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -5300,6 +5307,7 @@ exports[`<Main /> spec click run button, and response is ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -5785,7 +5793,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -5912,6 +5920,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -5930,6 +5939,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -6036,10 +6046,7 @@ exports[`<Main /> spec click run button, response fills null and missing values
 `;
 
 exports[`<Main /> spec click translation button, and response is ok 1`] = `
-<div
-  aria-hidden="true"
-  data-aria-hidden="true"
->
+<div>
   <div
     class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
   >
@@ -7892,7 +7899,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -8019,6 +8026,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -8037,6 +8045,7 @@ exports[`<Main /> spec click translation button, and response is ok 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -8476,7 +8485,7 @@ exports[`<Main /> spec renders the component 1`] = `
             />
             <div
               class="euiCodeEditorWrapper"
-              data-test-subj="codeEditorContainer"
+              data-test-subj="sqlCodeEditor"
               style="width: 100%; height: 10rem;"
             >
               <button
@@ -8603,6 +8612,7 @@ exports[`<Main /> spec renders the component 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+                      data-test-subj="sqlRunButton"
                       type="button"
                     >
                       <span
@@ -8621,6 +8631,7 @@ exports[`<Main /> spec renders the component 1`] = `
                   >
                     <button
                       class="euiButton euiButton--primary sql-editor-button"
+                      data-test-subj="sqlClearButton"
                       type="button"
                     >
                       <span
@@ -8725,3 +8736,3981 @@ exports[`<Main /> spec renders the component 1`] = `
   </div>
 </div>
 `;
+
+exports[`<Main /> spec renders the component and checks if Opensearch is selected 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 workbench-tree"
+            >
+              <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>
+                </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="sqlCodeEditor"
+              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"
+                      data-test-subj="sqlRunButton"
+                      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"
+                      data-test-subj="sqlClearButton"
+                      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 renders the component and checks if side tree is loaded 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 workbench-tree"
+            >
+              <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"
+                            >
+                              .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"
+                          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_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"
+                          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_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-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"
+                          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"
+                            >
+                              .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"
+                          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"
+                            >
+                              .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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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_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"
+                            >
+                              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"
+                          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"
+                            >
+                              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"
+                          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"
+                            >
+                              .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"
+                          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>
+                </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="sqlCodeEditor"
+              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"
+                      data-test-subj="sqlRunButton"
+                      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"
+                      data-test-subj="sqlClearButton"
+                      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 renders the component and s3 glue component is present 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="true"
+        aria-haspopup="listbox"
+        class="euiComboBox euiComboBox-isOpen"
+        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-activedescendant="some_html_id"
+                  aria-controls="some_html_id"
+                  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>
+              <span
+                aria-live="assertive"
+                class="euiScreenReaderOnly"
+                id="some_html_id"
+              >
+                Combo box. Selected. OpenSearch. Press Backspace to delete OpenSearch. Combo box input.  Type some text or, to display a list of choices, press Down Arrow. To exit the list of choices, press Escape.
+              </span>
+            </div>
+            <div
+              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+            >
+              <button
+                aria-label="Close 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 workbench-tree"
+            >
+              <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>
+                </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="sqlCodeEditor"
+              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"
+                      data-test-subj="sqlRunButton"
+                      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"
+                      data-test-subj="sqlClearButton"
+                      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 renders the component and toggles ppl 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 workbench-tree"
+            >
+              <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>
+                </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="sqlCodeEditor"
+              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"
+                      data-test-subj="sqlRunButton"
+                      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"
+                      data-test-subj="sqlClearButton"
+                      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 renders the component for s3 glue and check sample query button  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="true"
+        aria-haspopup="listbox"
+        class="euiComboBox euiComboBox-isOpen"
+        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"
+              >
+                glue_1
+              </span>
+              <div
+                class="euiComboBox__input"
+                style="font-size: 14px; display: inline-block;"
+              >
+                <input
+                  aria-controls="some_html_id"
+                  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>
+              <span
+                aria-live="assertive"
+                class="euiScreenReaderOnly"
+                id="some_html_id"
+              >
+                Combo box. Selected. glue_1. Press Backspace to delete glue_1. Combo box input.  Type some text or, to display a list of choices, press Down Arrow. To exit the list of choices, press Escape.
+              </span>
+            </div>
+            <div
+              class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+            >
+              <button
+                aria-label="Close 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
+              class="euiPopover euiPopover--anchorDownLeft"
+            >
+              <div
+                class="euiPopover__anchor"
+              >
+                <button
+                  class="euiButton euiButton--primary"
+                  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"
+                    >
+                      Create
+                    </span>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+        </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--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
+              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="sqlCodeEditor"
+              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"
+                      data-test-subj="sqlRunButton"
+                      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"
+                      data-test-subj="sqlClearButton"
+                      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"
+                        >
+                          Sample Query
+                        </span>
+                      </span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+              <div
+                class="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <button
+                  class="euiButton euiButton--primary sql-accelerate-button"
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButton__content"
+                  >
+                    <span
+                      class="euiButton__text"
+                    >
+                      Accelerate Table
+                    </span>
+                  </span>
+                </button>
+              </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>
+`;
diff --git a/public/components/Main/main.test.tsx b/public/components/Main/main.test.tsx
index 581a7f5f..e583c2a2 100644
--- a/public/components/Main/main.test.tsx
+++ b/public/components/Main/main.test.tsx
@@ -4,14 +4,16 @@
  */
 
 import '@testing-library/jest-dom/extend-expect';
-import { fireEvent, render } from '@testing-library/react';
+import { fireEvent, render, waitFor } from '@testing-library/react';
 import React from 'react';
 import { HttpResponse } from '../../../../../src/core/public';
 import { httpClientMock } from '../../../test/mocks';
 import {
+  mockDataSelectQuery,
   mockDatasourcesQuery,
   mockHttpQuery,
   mockNotOkQueryResultResponse,
+  mockOpenSearchIndicies,
   mockOpenSearchTreeQuery,
   mockQueryResultJDBCResponse,
   mockQueryTranslationResponse,
@@ -32,6 +34,76 @@ describe('<Main /> spec', () => {
     await asyncTest();
     expect(document.body.children[0]).toMatchSnapshot();
   });
+  it('renders the component and toggles ppl', async () => {
+    const client = httpClientMock;
+    client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+    const { getByText } = await render(
+      <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
+    );
+    const pplButton = getByText('PPL');
+    const asyncTest = () => {
+      fireEvent.click(pplButton);
+    };
+    waitFor(()=>{
+      asyncTest();
+    })
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('renders the component and checks if Opensearch is selected', async () => {
+    const client = httpClientMock;
+    client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+    const { getByText } = await render(
+      <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
+    );
+    expect(getByText('OpenSearch')).toBeInTheDocument();
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('renders the component and s3 glue component is present', async () => {
+    const client = httpClientMock;
+    client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+    client.get = jest.fn().mockResolvedValue(mockDataSelectQuery);
+    const { getByText } = await render(
+      <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
+    );
+    expect(getByText('OpenSearch')).toBeInTheDocument();
+    fireEvent.click(getByText('OpenSearch'))
+    await waitFor(() => {
+      expect(getByText('glue_1')).toBeInTheDocument();
+    });
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('renders the component for s3 glue and check sample query button ', async () => {
+    const client = httpClientMock;
+    client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+    client.get = jest.fn().mockResolvedValue(mockDataSelectQuery);
+    const { getByText } = await render(
+      <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
+    );
+    expect(getByText('OpenSearch')).toBeInTheDocument();
+    fireEvent.click(getByText('OpenSearch'))
+    fireEvent.click(getByText('glue_1'))
+    await waitFor(() => {
+      expect(getByText('Sample Query')).toBeInTheDocument();
+    });
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('renders the component and checks if side tree is loaded', async () => {
+    const client = httpClientMock;
+    client.post = jest.fn().mockResolvedValue(mockHttpQuery);
+    client.get = jest.fn().mockResolvedValue(mockDatasourcesQuery);
+
+    client.post = jest.fn(() => {
+      return (Promise.resolve(mockOpenSearchIndicies) as unknown) as HttpResponse;
+    });
+    const { getByText } = await render(
+      <Main httpClient={client} setBreadcrumbs={setBreadcrumbsMock} />
+    );
+    expect(getByText('.kibana_1')).toBeInTheDocument();
+
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
 
   it('click run button, and response is ok', async () => {
     const client = httpClientMock;
@@ -145,4 +217,4 @@ describe('<Main /> spec', () => {
     await asyncTest();
     expect(document.body.children[0]).toMatchSnapshot();
   });
-});
+});
\ No newline at end of file
diff --git a/public/components/PPLPage/PPLPage.test.tsx b/public/components/PPLPage/PPLPage.test.tsx
index a5e4f4bf..1b026277 100644
--- a/public/components/PPLPage/PPLPage.test.tsx
+++ b/public/components/PPLPage/PPLPage.test.tsx
@@ -4,9 +4,9 @@
  */
 
 
-import React from "react";
 import "@testing-library/jest-dom/extend-expect";
-import { render, fireEvent } from "@testing-library/react";
+import { fireEvent, render } from "@testing-library/react";
+import React from "react";
 import { PPLPage } from "./PPLPage";
 
 
@@ -31,6 +31,7 @@ describe("<PPLPage /> spec", () => {
     const onTranslate = jest.fn();
     const onClean = jest.fn();
     const updateSQLQueries = jest.fn();
+    const onExplain = jest.fn()
 
     const { getByText } = render(
       <PPLPage
@@ -53,7 +54,74 @@ describe("<PPLPage /> spec", () => {
 
   });
 
-});
+  it('tests the action buttons', async () => {
+    const onRun = jest.fn();
+    const onTranslate = jest.fn();
+    const onClean = jest.fn();
+    const updateSQLQueries = jest.fn();
+    const onExplain = jest.fn()
+
+    const { getByText } = render(
+      <PPLPage
+        onRun={onRun}
+        onTranslate={onTranslate}
+        onClear={onClean}
+        updatePPLQueries={updateSQLQueries}
+        pplTranslations={[]}
+        selectedDatasource={[{ label: 'OpenSearch' }]}
+      />
+    );
+    expect(getByText('Explain')).toBeInTheDocument();
+    fireEvent.click(getByText('Explain'));
+    expect(document.body.children[0]).toMatchSnapshot();
 
+  });
 
+  it('tests the Sample query button', async () => {
+    const onRun = jest.fn();
+    const onTranslate = jest.fn();
+    const onClean = jest.fn();
+    const updateSQLQueries = jest.fn();
+    const onExplain = jest.fn()
 
+    const { getByText } = render(
+      <PPLPage
+        onRun={onRun}
+        onTranslate={onTranslate}
+        onClear={onClean}
+        updatePPLQueries={updateSQLQueries}
+        pplTranslations={[]}
+        selectedDatasource={[{ label: 'glue_1' }]}
+      />
+    );
+    expect(getByText('Sample Query')).toBeInTheDocument();
+    const sampleQueryButton = getByText('Sample Query');
+    const asyncTest = () => {
+      fireEvent.click(sampleQueryButton);
+    };
+    
+    await asyncTest();
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+  it('tests the Sample query button', async () => {
+    const onRun = jest.fn();
+    const onTranslate = jest.fn();
+    const onClean = jest.fn();
+    const updateSQLQueries = jest.fn();
+    const onExplain = jest.fn()
+
+    const { getByText } = render(
+      <PPLPage
+        onRun={onRun}
+        onTranslate={onTranslate}
+        onClear={onClean}
+        updatePPLQueries={updateSQLQueries}
+        pplTranslations={[]}
+        selectedDatasource={[{ label: 'glue_1' }]}
+      />
+    );
+    // expect(getByText('PPL documentation')).toBeInTheDocument();
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+});
\ No newline at end of file
diff --git a/public/components/PPLPage/PPLPage.tsx b/public/components/PPLPage/PPLPage.tsx
index db244fea..1915e6c4 100644
--- a/public/components/PPLPage/PPLPage.tsx
+++ b/public/components/PPLPage/PPLPage.tsx
@@ -128,12 +128,13 @@ export class PPLPage extends React.Component<PPLPageProps, PPLPageState> {
           <EuiFlexItem
             className="sql-editor-buttons"
             grow={false}
-            onClick={() => this.props.onRun(this.props.pplQuery)}
           >
             <EuiButton
               fill={true}
+              data-test-subj="pplRunButton"
               className="sql-editor-button"
               isLoading={this.props.asyncLoading}
+              onClick={() => this.props.onRun(this.props.pplQuery)}
             >
               {this.props.asyncLoading ? 'Running' : 'Run'}
             </EuiButton>
@@ -145,7 +146,7 @@ export class PPLPage extends React.Component<PPLPageProps, PPLPageState> {
               this.props.onClear();
             }}
           >
-            <EuiButton className="sql-editor-button" isDisabled={this.props.asyncLoading}>
+            <EuiButton className="sql-editor-button"  data-test-subj="pplClearButton" isDisabled={this.props.asyncLoading}>
               Clear
             </EuiButton>
           </EuiFlexItem>
diff --git a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
index a6e979fc..4e863c46 100644
--- a/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
+++ b/public/components/PPLPage/__snapshots__/PPLPage.test.tsx.snap
@@ -139,6 +139,7 @@ exports[`<PPLPage /> spec renders the component 1`] = `
       >
         <button
           class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+          data-test-subj="pplRunButton"
           type="button"
         >
           <span
@@ -157,6 +158,397 @@ exports[`<PPLPage /> spec renders the component 1`] = `
       >
         <button
           class="euiButton euiButton--primary sql-editor-button"
+          data-test-subj="pplClearButton"
+          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"
+            >
+              Sample Query
+            </span>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<PPLPage /> spec tests the Sample query button 1`] = `
+<div>
+  <div
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+  >
+    <div
+      class="euiText euiText--medium sql-query-panel-header"
+    >
+      <h3>
+        Query editor
+      </h3>
+    </div>
+    <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"
+          style="display: none;"
+        >
+          <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--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+    >
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero sql-editor-buttons"
+      >
+        <button
+          class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+          data-test-subj="pplRunButton"
+          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"
+          data-test-subj="pplClearButton"
+          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"
+            >
+              Sample Query
+            </span>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`<PPLPage /> spec tests the Sample query button 2`] = `
+<div>
+  <div
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+  >
+    <div
+      class="euiText euiText--medium sql-query-panel-header"
+    >
+      <h3>
+        Query editor
+      </h3>
+    </div>
+    <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"
+          style="display: none;"
+        >
+          <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--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+    >
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero sql-editor-buttons"
+      >
+        <button
+          class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+          data-test-subj="pplRunButton"
+          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"
+          data-test-subj="pplClearButton"
           type="button"
         >
           <span
@@ -332,6 +724,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
       >
         <button
           class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+          data-test-subj="pplRunButton"
           type="button"
         >
           <span
@@ -350,6 +743,7 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
       >
         <button
           class="euiButton euiButton--primary sql-editor-button"
+          data-test-subj="pplClearButton"
           type="button"
         >
           <span
@@ -385,3 +779,201 @@ exports[`<PPLPage /> spec tests the action buttons 1`] = `
   </div>
 </div>
 `;
+
+exports[`<PPLPage /> spec tests the action buttons 2`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <div
+    class="euiPanel euiPanel--paddingLarge euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow sql-console-query-editor container-panel coreSystemRootDomElement"
+  >
+    <div
+      class="euiText euiText--medium sql-query-panel-header"
+    >
+      <h3>
+        Query editor
+      </h3>
+    </div>
+    <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"
+          style="display: none;"
+        >
+          <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--gutterMedium euiFlexGroup--directionRow euiFlexGroup--responsive action-container"
+    >
+      <div
+        class="euiFlexItem euiFlexItem--flexGrowZero sql-editor-buttons"
+      >
+        <button
+          class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+          data-test-subj="pplRunButton"
+          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"
+          data-test-subj="pplClearButton"
+          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>
+`;
diff --git a/public/components/QueryLanguageSwitch/Switch.tsx b/public/components/QueryLanguageSwitch/Switch.tsx
index 2311de84..3c59d0a8 100644
--- a/public/components/QueryLanguageSwitch/Switch.tsx
+++ b/public/components/QueryLanguageSwitch/Switch.tsx
@@ -3,11 +3,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
-import React from 'react';
-import _ from 'lodash';
 import { EuiButtonGroup } from '@elastic/eui';
+import React from 'react';
 // @ts-ignore
-import { htmlIdGenerator } from '@elastic/eui/lib/services';
 
 interface SwitchProps {
   onChange: (id: string, value?: any) => void;
diff --git a/public/components/QueryResults/QueryResults.test.tsx b/public/components/QueryResults/QueryResults.test.tsx
index 2e5bafa5..7be490ae 100644
--- a/public/components/QueryResults/QueryResults.test.tsx
+++ b/public/components/QueryResults/QueryResults.test.tsx
@@ -3,15 +3,15 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import '@testing-library/jest-dom/extend-expect';
+import { configure, fireEvent, render } from '@testing-library/react';
+import 'mutationobserver-shim';
 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 { mockQueries, mockQueryResults } from '../../../test/mocks/mockData';
 import { MESSAGE_TAB_LABEL } from '../../utils/constants';
+import { ItemIdToExpandedRowMap, QueryResult, ResponseDetail, Tab } from '../Main/main';
 import QueryResults from './QueryResults';
-import { Tab, ItemIdToExpandedRowMap, ResponseDetail, QueryResult } from '../Main/main';
 
 configure({ testIdAttribute: 'data-test-subj' });
 
@@ -128,6 +128,32 @@ describe('<QueryResults with data/> spec', () => {
     await fireEvent.click(getByText('20 rows'));
   });
 
+  it('renders the component with mock query results and tests the dowmload buttons', async () => {
+    const {
+      getByText,
+    } = renderSQLQueryResults(
+      mockQueryResults,
+      mockQueries,
+      mockSearchQuery,
+      onSelectedTabIdChange,
+      onQueryChange,
+      updateExpandedMap,
+      getRawResponse,
+      getJdbc,
+      getCsv,
+      getText,
+      setIsResultFullScreen
+    );
+    expect(getByText('Download')).toBeInTheDocument();
+    await fireEvent.click(getByText('Download'));
+    expect(getByText('Download JSON')).toBeInTheDocument();
+    expect(getByText('Download JDBC')).toBeInTheDocument();
+    expect(getByText('Download CSV')).toBeInTheDocument();
+    expect(getByText('Download Text')).toBeInTheDocument();
+
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+
   it('renders the component to test tabs down arrow', async () => {
     const { getAllByTestId } = renderSQLQueryResults(
       mockQueryResults,
@@ -362,4 +388,4 @@ describe('<AsyncQueryResults /> spec', () => {
     await asyncTest();
     expect(document.body.children[0]).toMatchSnapshot();
   });
-});
+});
\ No newline at end of file
diff --git a/public/components/QueryResults/QueryResults.tsx b/public/components/QueryResults/QueryResults.tsx
index e8bc30cc..d4d46772 100644
--- a/public/components/QueryResults/QueryResults.tsx
+++ b/public/components/QueryResults/QueryResults.tsx
@@ -45,8 +45,8 @@ import {
   ResponseDetail,
   Tab,
 } from '../Main/main';
-import { AsyncQueryBody } from './async_query_body';
 import QueryResultsBody from './QueryResultsBody';
+import { AsyncQueryBody } from './async_query_body';
 
 interface QueryResultsProps {
   language: string;
@@ -327,6 +327,7 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
                   <EuiButton
                     size="s"
                     iconType="fullScreen"
+                    data-test-subj='fullScreenView'
                     onClick={() => this.props.setIsResultFullScreen(true)}
                   >
                     Full screen view
@@ -369,7 +370,7 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
                     id="tabsContainer"
                   >
                     <EuiFlexItem style={{ marginTop: '8px' }} grow={false}>
-                      <EuiTabs style={{ marginLeft: 7, marginBottom: 6 }}>{tabsButtons}</EuiTabs>
+                      <EuiTabs data-test-subj="result_tab" style={{ marginLeft: 7, marginBottom: 6 }}>{tabsButtons}</EuiTabs>
                     </EuiFlexItem>
                   </EuiFlexGroup>
 
@@ -457,4 +458,4 @@ class QueryResults extends React.Component<QueryResultsProps, QueryResultsState>
     );
   }
 }
-export default QueryResults;
+export default QueryResults;
\ No newline at end of file
diff --git a/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap b/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
index 236a841e..50b235dc 100644
--- a/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
+++ b/public/components/QueryResults/__snapshots__/QueryResults.test.tsx.snap
@@ -27,6 +27,7 @@ exports[`<AsyncQueryResults /> spec renders async query failure component 1`] =
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -148,6 +149,7 @@ exports[`<AsyncQueryResults /> spec renders async query loading component 1`] =
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -263,6 +265,7 @@ exports[`<QueryResults with data/> spec renders the component to test tabs down
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -307,6 +310,7 @@ exports[`<QueryResults with data/> spec renders the component to test tabs down
         >
           <div
             class="euiTabs"
+            data-test-subj="result_tab"
             role="tablist"
             style="margin-left: 7px; margin-bottom: 6px;"
           >
@@ -5055,6 +5059,7 @@ exports[`<QueryResults with data/> spec renders the component to test tabs down
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -5099,6 +5104,7 @@ exports[`<QueryResults with data/> spec renders the component to test tabs down
         >
           <div
             class="euiTabs"
+            data-test-subj="result_tab"
             role="tablist"
             style="margin-left: 7px; margin-bottom: 6px;"
           >
@@ -9731,6 +9737,7 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -9774,6 +9781,7 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
         >
           <div
             class="euiTabs"
+            data-test-subj="result_tab"
             role="tablist"
             style="margin-left: 7px; margin-bottom: 6px;"
           >
@@ -14507,6 +14515,7 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
         >
           <button
             class="euiButton euiButton--primary euiButton--small"
+            data-test-subj="fullScreenView"
             type="button"
           >
             <span
@@ -14551,6 +14560,7 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
         >
           <div
             class="euiTabs"
+            data-test-subj="result_tab"
             role="tablist"
             style="margin-left: 7px; margin-bottom: 6px;"
           >
@@ -19155,3 +19165,4797 @@ exports[`<QueryResults with data/> spec renders the component with mock query re
   </div>
 </div>
 `;
+
+exports[`<QueryResults with data/> spec renders the component with mock query results and tests the dowmload buttons 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"
+            data-test-subj="fullScreenView"
+            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>
+    <div
+      class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+      style="padding: 5px;"
+    >
+      <div
+        class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive tabs-container"
+        id="tabsContainer"
+      >
+        <div
+          class="euiFlexItem euiFlexItem--flexGrowZero"
+          style="margin-top: 8px;"
+        >
+          <div
+            class="euiTabs"
+            data-test-subj="result_tab"
+            role="tablist"
+            style="margin-left: 7px; margin-bottom: 6px;"
+          >
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                Output
+              </span>
+            </button>
+            <button
+              aria-selected="true"
+              class="euiTab euiTab-isSelected"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_1
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_2
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_3
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_4
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_5
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_6
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_7
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_8
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_9
+              </span>
+            </button>
+            <button
+              aria-selected="false"
+              class="euiTab"
+              role="tab"
+              type="button"
+            >
+              <span
+                class="euiTab__content"
+              >
+                index_10
+              </span>
+            </button>
+          </div>
+        </div>
+      </div>
+      <div
+        class="tab-arrow-down-container"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <div
+              class="euiPopover euiPopover--anchorDownLeft"
+              data-test-subj="slide-down"
+              id="singlePanel"
+            >
+              <div
+                class="euiPopover__anchor"
+              >
+                <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="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>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <hr
+      class="euiHorizontalRule euiHorizontalRule--full"
+    />
+    <div>
+      <div
+        class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsFlexStart euiFlexGroup--directionRow euiFlexGroup--responsive"
+        style="padding: 20px 20px 0px 20px;"
+      >
+        <div
+          class="euiFlexItem"
+        >
+          <div
+            class="euiText euiText--medium table-name"
+          >
+            <h4>
+              Output
+              <span
+                class="table-item-count"
+              >
+                 (13)
+              </span>
+            </h4>
+          </div>
+          <div
+            class="search-panel"
+          >
+            <div
+              class="search-bar"
+            >
+              <div
+                class="euiFlexGroup euiFlexGroup--gutterMedium euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive euiFlexGroup--wrap"
+              >
+                <div
+                  class="euiFlexItem euiSearchBar__searchHolder"
+                >
+                  <div
+                    class="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  >
+                    <div
+                      class="euiFormControlLayout__childrenWrapper"
+                    >
+                      <input
+                        aria-label="This is a search bar. As you type, the results lower in the page will automatically filter."
+                        class="euiFieldSearch euiFieldSearch--fullWidth"
+                        placeholder="Search keyword"
+                        type="search"
+                        value=""
+                      />
+                      <div
+                        class="euiFormControlLayoutIcons"
+                      >
+                        <span
+                          class="euiFormControlLayoutCustomIcon"
+                        >
+                          <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="m11.271 11.978 3.872 3.873a.502.502 0 0 0 .708 0 .502.502 0 0 0 0-.708l-3.565-3.564c2.38-2.747 2.267-6.923-.342-9.532-2.73-2.73-7.17-2.73-9.898 0-2.728 2.729-2.728 7.17 0 9.9a6.955 6.955 0 0 0 4.949 2.05.5.5 0 0 0 0-1 5.96 5.96 0 0 1-4.242-1.757 6.01 6.01 0 0 1 0-8.486c2.337-2.34 6.143-2.34 8.484 0a6.01 6.01 0 0 1 0 8.486.5.5 0 0 0 .034.738Z"
+                            />
+                          </svg>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </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"
+      >
+        <div>
+          <div
+            style="overflow-x: auto; overflow-y: hidden;"
+          >
+            <div
+              style="padding-top: 1px; width: auto;"
+            >
+               
+            </div>
+          </div>
+          <div
+            style="overflow: auto; overflow-y: hidden;"
+          >
+            <div
+              class="euiFlexGroup euiFlexGroup--directionRow euiFlexGroup--responsive"
+            >
+              <div
+                class="euiFlexItem"
+              >
+                <table
+                  class="euiTable euiTable--responsive"
+                  tabindex="-1"
+                >
+                  <thead
+                    class="table-header"
+                  >
+                    <tr>
+                      <td
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 27px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </span>
+                      </td>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="category"
+                          >
+                            category
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="currency"
+                          >
+                            currency
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_first_name"
+                          >
+                            customer_first_name
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_full_name"
+                          >
+                            customer_full_name
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_gender"
+                          >
+                            customer_gender
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_id"
+                          >
+                            customer_id
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_last_name"
+                          >
+                            customer_last_name
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="customer_phone"
+                          >
+                            customer_phone
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="day_of_week"
+                          >
+                            day_of_week
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="day_of_week_i"
+                          >
+                            day_of_week_i
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="email"
+                          >
+                            email
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="manufacturer"
+                          >
+                            manufacturer
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="order_date"
+                          >
+                            order_date
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="order_id"
+                          >
+                            order_id
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="products"
+                          >
+                            products
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="sku"
+                          >
+                            sku
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="taxful_total_price"
+                          >
+                            taxful_total_price
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="taxless_total_price"
+                          >
+                            taxless_total_price
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="total_quantity"
+                          >
+                            total_quantity
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="total_unique_products"
+                          >
+                            total_unique_products
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="type"
+                          >
+                            type
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="user"
+                          >
+                            user
+                          </span>
+                        </span>
+                      </th>
+                      <th
+                        class="euiTableHeaderCell"
+                        role="columnheader"
+                        scope="col"
+                        style="width: 155px;"
+                      >
+                        <span
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                            title="geoip"
+                          >
+                            geoip
+                          </span>
+                        </span>
+                      </th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="0"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Teddy
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Teddy Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Teddy@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            teddy
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="1"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="2"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="3"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="4"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="5"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="6"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="7"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="8"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                    <tr
+                      class="euiTableRow"
+                      data-test-subj="tableRow"
+                    >
+                      <td
+                        class="euiTableRowCell"
+                        id="9"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <button
+                              aria-label="Expand"
+                              class="euiButtonIcon euiButtonIcon--primary euiButtonIcon--empty euiButtonIcon--xSmall"
+                              style="margin-left: -4px;"
+                              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="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7Zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0Zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882Z"
+                                  fill-rule="evenodd"
+                                />
+                              </svg>
+                            </button>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                category: [1]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            EUR
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Eddie Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            MALE
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            38
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Underwood
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          />
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            Monday
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            0
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie@underwood-family.zzz
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                manufacturer: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2019-10-07T09:28:48+00:00
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            584677
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                products: {2}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                sku: [2]
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            36.98
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            2
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            order
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            eddie
+                          </span>
+                        </div>
+                      </td>
+                      <td
+                        class="euiTableRowCell"
+                      >
+                        <div
+                          class="euiTableCellContent"
+                        >
+                          <span
+                            class="euiTableCellContent__text"
+                          >
+                            <span>
+                               
+                              
+                              <button
+                                class="euiLink euiLink--primary"
+                                type="button"
+                              >
+                                geoip: {1}
+                              </button>
+                            </span>
+                          </span>
+                        </div>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div
+        class="pagination-container"
+      >
+        <div
+          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+        >
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <div
+              class="euiPopover euiPopover--anchorUpRight"
+            >
+              <div
+                class="euiPopover__anchor"
+              >
+                <button
+                  class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--xSmall"
+                  data-test-subj="tablePaginationPopoverButton"
+                  type="button"
+                >
+                  <span
+                    class="euiButtonContent euiButtonContent--iconRight euiButtonEmpty__content"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="euiIcon euiIcon--small 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="euiButtonEmpty__text"
+                    >
+                      Rows per page
+                      : 
+                      10
+                    </span>
+                  </span>
+                </button>
+              </div>
+            </div>
+          </div>
+          <div
+            class="euiFlexItem euiFlexItem--flexGrowZero"
+          >
+            <nav
+              class="euiPagination"
+            >
+              <button
+                aria-label="Previous page"
+                class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                data-test-subj="pagination-button-previous"
+                disabled=""
+                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="M10.843 13.069 6.232 8.384a.546.546 0 0 1 0-.768l4.61-4.685a.552.552 0 0 0 0-.771.53.53 0 0 0-.759 0l-4.61 4.684a1.65 1.65 0 0 0 0 2.312l4.61 4.684a.53.53 0 0 0 .76 0 .552.552 0 0 0 0-.771Z"
+                    fill-rule="nonzero"
+                  />
+                </svg>
+              </button>
+              <ul
+                class="euiPagination__list"
+              >
+                <li
+                  class="euiPagination__item"
+                >
+                  <button
+                    aria-current="true"
+                    aria-label="Page 1 of 2"
+                    class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
+                    data-test-subj="pagination-button-0"
+                    disabled=""
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButtonEmpty__content"
+                    >
+                      <span
+                        class="euiButtonEmpty__text"
+                      >
+                        1
+                      </span>
+                    </span>
+                  </button>
+                </li>
+                <li
+                  class="euiPagination__item"
+                >
+                  <button
+                    aria-label="Page 2 of 2"
+                    class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
+                    data-test-subj="pagination-button-1"
+                    type="button"
+                  >
+                    <span
+                      class="euiButtonContent euiButtonEmpty__content"
+                    >
+                      <span
+                        class="euiButtonEmpty__text"
+                      >
+                        2
+                      </span>
+                    </span>
+                  </button>
+                </li>
+              </ul>
+              <button
+                aria-label="Next page, 2"
+                class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
+                data-test-subj="pagination-button-next"
+                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="m5.157 13.069 4.611-4.685a.546.546 0 0 0 0-.768L5.158 2.93a.552.552 0 0 1 0-.771.53.53 0 0 1 .759 0l4.61 4.684c.631.641.63 1.672 0 2.312l-4.61 4.684a.53.53 0 0 1-.76 0 .552.552 0 0 1 0-.771Z"
+                    fill-rule="nonzero"
+                  />
+                </svg>
+              </button>
+            </nav>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/public/components/SQLPage/SQLPage.test.tsx b/public/components/SQLPage/SQLPage.test.tsx
index 06f23edf..47dd785a 100644
--- a/public/components/SQLPage/SQLPage.test.tsx
+++ b/public/components/SQLPage/SQLPage.test.tsx
@@ -53,4 +53,4 @@ describe('<SQLPage /> spec', () => {
     fireEvent.click(getByText('Explain'));
     expect(onTranslate).toHaveBeenCalledTimes(1);
   });
-});
+});
\ No newline at end of file
diff --git a/public/components/SQLPage/SQLPage.tsx b/public/components/SQLPage/SQLPage.tsx
index 4e31b6d4..ef3c342e 100644
--- a/public/components/SQLPage/SQLPage.tsx
+++ b/public/components/SQLPage/SQLPage.tsx
@@ -23,9 +23,9 @@ import 'brace/ext/language_tools';
 import 'brace/mode/sql';
 import React from 'react';
 import { CoreStart } from '../../../../../src/core/public';
+import { SAMPLE_SQL_QUERY } from '../../../common/constants';
 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'];
@@ -148,6 +148,7 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
         >
           <EuiSpacer size="s" />
           <EuiCodeEditor
+            data-test-subj='sqlCodeEditor'
             mode="sql"
             theme="textmate"
             width="100%"
@@ -166,11 +167,13 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
           <EuiFlexGroup justifyContent="spaceBetween">
             <EuiFlexItem>
               <EuiFlexGroup className="action-container" gutterSize="m">
-                <EuiFlexItem grow={false} onClick={() => this.props.onRun(this.props.sqlQuery)}>
+                <EuiFlexItem grow={false} >
                   <EuiButton
+                    data-test-subj="sqlRunButton"
                     fill={true}
                     className="sql-editor-button"
                     isLoading={this.props.asyncLoading}
+                    onClick={() => this.props.onRun(this.props.sqlQuery)}
                   >
                     {this.props.asyncLoading ? 'Running' : 'Run'}
                   </EuiButton>
@@ -182,7 +185,7 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
                     this.props.onClear();
                   }}
                 >
-                  <EuiButton className="sql-editor-button" isDisabled={this.props.asyncLoading}>
+                  <EuiButton data-test-subj="sqlClearButton" className="sql-editor-button" isDisabled={this.props.asyncLoading}>
                     Clear
                   </EuiButton>
                 </EuiFlexItem>
@@ -231,4 +234,4 @@ export class SQLPage extends React.Component<SQLPageProps, SQLPageState> {
       </>
     );
   }
-}
+}
\ No newline at end of file
diff --git a/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap b/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
index 9cf22868..a08c41d7 100644
--- a/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
+++ b/public/components/SQLPage/__snapshots__/SQLPage.test.tsx.snap
@@ -10,7 +10,7 @@ exports[`<SQLPage /> spec renders the component 1`] = `
     />
     <div
       class="euiCodeEditorWrapper"
-      data-test-subj="codeEditorContainer"
+      data-test-subj="sqlCodeEditor"
       style="width: 100%; height: 10rem;"
     >
       <button
@@ -137,6 +137,7 @@ exports[`<SQLPage /> spec renders the component 1`] = `
           >
             <button
               class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+              data-test-subj="sqlRunButton"
               type="button"
             >
               <span
@@ -155,6 +156,7 @@ exports[`<SQLPage /> spec renders the component 1`] = `
           >
             <button
               class="euiButton euiButton--primary sql-editor-button"
+              data-test-subj="sqlClearButton"
               type="button"
             >
               <span
@@ -203,7 +205,7 @@ exports[`<SQLPage /> spec tests the action buttons 1`] = `
     />
     <div
       class="euiCodeEditorWrapper"
-      data-test-subj="codeEditorContainer"
+      data-test-subj="sqlCodeEditor"
       style="width: 100%; height: 10rem;"
     >
       <button
@@ -330,6 +332,7 @@ exports[`<SQLPage /> spec tests the action buttons 1`] = `
           >
             <button
               class="euiButton euiButton--primary euiButton--fill sql-editor-button"
+              data-test-subj="sqlRunButton"
               type="button"
             >
               <span
@@ -348,6 +351,7 @@ exports[`<SQLPage /> spec tests the action buttons 1`] = `
           >
             <button
               class="euiButton euiButton--primary sql-editor-button"
+              data-test-subj="sqlClearButton"
               type="button"
             >
               <span
diff --git a/public/components/SQLPage/__tests__/CreateButton.test.tsx b/public/components/SQLPage/__tests__/CreateButton.test.tsx
new file mode 100644
index 00000000..e4cc1413
--- /dev/null
+++ b/public/components/SQLPage/__tests__/CreateButton.test.tsx
@@ -0,0 +1,61 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { fireEvent, render, screen, waitFor } from '@testing-library/react';
+import React from 'react';
+import { CreateButton } from '../CreateButton';
+
+describe('CreateButton', () => {
+  const mockUpdateSQLQueries = jest.fn();
+
+  const mockSelectedDatasource = [{ label: 'glue_1' }];
+
+  it('opens and closes the popover', async () => {
+    render(
+      <CreateButton
+        updateSQLQueries={mockUpdateSQLQueries}
+        selectedDatasource={mockSelectedDatasource}
+      />
+    );
+
+    expect(screen.queryByText('Create Database')).not.toBeInTheDocument();
+
+    fireEvent.click(screen.getByText('Create'));
+
+    expect(screen.getByText('Spark SQL')).toBeInTheDocument();
+    fireEvent.click(screen.getByText('Spark SQL'));
+    
+    expect(document.body.children[0]).toMatchSnapshot();
+
+   
+    await waitFor(() => {
+      expect(screen.queryByText('Create Database')).toBeInTheDocument();
+    });
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+
+  it('selects an option in the Spark SQL submenu', async () => {
+    render(
+      <CreateButton
+        updateSQLQueries={mockUpdateSQLQueries}
+        selectedDatasource={mockSelectedDatasource}
+      />
+    );
+
+    fireEvent.click(screen.getByText('Create'));
+
+    fireEvent.click(screen.getByText('Spark SQL'));
+
+    await waitFor(() => {
+      expect(screen.getByText('Create Database')).toBeInTheDocument();
+    });
+
+    fireEvent.click(screen.getByText('Create Database'));
+
+    expect(mockUpdateSQLQueries).toHaveBeenCalledWith(`CREATE DATABASE datasource.database`);
+  });
+
+});
\ No newline at end of file
diff --git a/public/components/SQLPage/__tests__/DataSelect.test.tsx b/public/components/SQLPage/__tests__/DataSelect.test.tsx
new file mode 100644
index 00000000..da450482
--- /dev/null
+++ b/public/components/SQLPage/__tests__/DataSelect.test.tsx
@@ -0,0 +1,75 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+
+import '@testing-library/jest-dom';
+import '@testing-library/jest-dom/extend-expect';
+import { waitFor } from '@testing-library/react';
+import { configure, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import toJson from 'enzyme-to-json';
+import React from 'react';
+import { HttpResponse } from '../../../../../../src/core/public';
+import { httpClientMock } from '../../../../test/mocks';
+import { mockDataSelectQuery } from '../../../../test/mocks/mockData';
+import { DataSelect } from '../DataSelect';
+
+describe('Renders the Datasource picker component', () => {
+  configure({ adapter: new Adapter() });
+
+  it('fetches the datasources and selects S3glue as source', async () => {
+    const client = httpClientMock;
+    client.get = jest.fn(() => {
+      return (Promise.resolve(mockDataSelectQuery) as unknown) as HttpResponse;
+    });
+
+    const mockOnSelect = jest.fn();
+    const wrapper = mount(
+      <DataSelect
+        http={client}
+        onSelect={mockOnSelect}
+        urlDataSource={'glue_1'}
+        asyncLoading={false}
+      />
+    );
+
+    wrapper.update();
+    await waitFor(() => {
+      expect(
+        toJson(wrapper, {
+          noKey: false,
+          mode: 'deep',
+        })
+      ).toMatchSnapshot();
+      //   expect(screen.getByText('glue_1')).toBeInTheDocument();
+    });
+  });
+  it('fetches the datasources and selects Opensearch as source', async () => {
+    const client = httpClientMock;
+    client.get = jest.fn(() => {
+      return (Promise.resolve(mockDataSelectQuery) as unknown) as HttpResponse;
+    });
+
+    const mockOnSelect = jest.fn();
+    const wrapper = mount(
+      <DataSelect
+        http={client}
+        onSelect={mockOnSelect}
+        urlDataSource={'OpenSearch'}
+        asyncLoading={false}
+      />
+    );
+
+    wrapper.update();
+    await waitFor(() => {
+      expect(
+        toJson(wrapper, {
+          noKey: false,
+          mode: 'deep',
+        })
+      ).toMatchSnapshot();
+    });
+  });
+});
\ No newline at end of file
diff --git a/public/components/SQLPage/__tests__/__snapshots__/CreateButton.test.tsx.snap b/public/components/SQLPage/__tests__/__snapshots__/CreateButton.test.tsx.snap
new file mode 100644
index 00000000..798bda15
--- /dev/null
+++ b/public/components/SQLPage/__tests__/__snapshots__/CreateButton.test.tsx.snap
@@ -0,0 +1,87 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CreateButton opens and closes the popover 1`] = `
+<div>
+  <div
+    class="euiPopover euiPopover--anchorDownLeft"
+  >
+    <div
+      class="euiPopover__anchor"
+    >
+      <button
+        class="euiButton euiButton--primary"
+        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"
+          >
+            <path
+              d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+            />
+          </svg>
+          <span
+            class="euiButton__text"
+          >
+            Create
+          </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`CreateButton opens and closes the popover 2`] = `
+<div
+  aria-hidden="true"
+  data-aria-hidden="true"
+>
+  <div
+    class="euiPopover euiPopover--anchorDownLeft euiPopover-isOpen"
+  >
+    <div
+      class="euiPopover__anchor"
+    >
+      <button
+        class="euiButton euiButton--primary"
+        type="button"
+      >
+        <span
+          class="euiButtonContent euiButtonContent--iconRight euiButton__content"
+        >
+          <svg
+            aria-hidden="true"
+            class="euiIcon euiIcon--medium euiIcon--inherit euiIcon-isLoaded 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"
+          >
+            Create
+          </span>
+        </span>
+      </button>
+    </div>
+  </div>
+</div>
+`;
diff --git a/public/components/SQLPage/__tests__/__snapshots__/DataSelect.test.tsx.snap b/public/components/SQLPage/__tests__/__snapshots__/DataSelect.test.tsx.snap
new file mode 100644
index 00000000..4172a402
--- /dev/null
+++ b/public/components/SQLPage/__tests__/__snapshots__/DataSelect.test.tsx.snap
@@ -0,0 +1,198 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Renders the Datasource picker component fetches the datasources and selects Opensearch as source 1`] = `
+<div
+  aria-expanded={false}
+  aria-haspopup="listbox"
+  className="euiComboBox"
+  onKeyDown={[Function]}
+  role="combobox"
+>
+  <div
+    className="euiFormControlLayout"
+  >
+    <div
+      className="euiFormControlLayout__childrenWrapper"
+    >
+      <div
+        className="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
+        data-test-subj="comboBoxInput"
+        onClick={[Function]}
+        tabIndex={-1}
+      >
+        <span
+          className="euiComboBoxPill euiComboBoxPill--plainText"
+        >
+          OpenSearch
+        </span>
+        <div
+          className="euiComboBox__input"
+          style={
+            Object {
+              "display": "inline-block",
+              "fontSize": 14,
+            }
+          }
+        >
+          <input
+            aria-controls=""
+            data-test-subj="comboBoxSearchInput"
+            disabled={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            role="textbox"
+            style={
+              Object {
+                "boxSizing": "content-box",
+                "width": "2px",
+              }
+            }
+            value=""
+          />
+          <div
+            style={
+              Object {
+                "height": 0,
+                "left": 0,
+                "overflow": "scroll",
+                "position": "absolute",
+                "top": 0,
+                "visibility": "hidden",
+                "whiteSpace": "pre",
+              }
+            }
+          />
+        </div>
+      </div>
+      <div
+        className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+      >
+        <button
+          aria-label="Open list of options"
+          className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+          data-test-subj="comboBoxToggleListButton"
+          disabled={false}
+          onClick={[Function]}
+          type="button"
+        >
+          <svg
+            aria-hidden={true}
+            className="euiIcon euiIcon--medium euiFormControlLayoutCustomIcon__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="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"
+              fillRule="non-zero"
+            />
+          </svg>
+        </button>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Renders the Datasource picker component fetches the datasources and selects S3glue as source 1`] = `
+<div
+  aria-expanded={false}
+  aria-haspopup="listbox"
+  className="euiComboBox"
+  onKeyDown={[Function]}
+  role="combobox"
+>
+  <div
+    className="euiFormControlLayout"
+  >
+    <div
+      className="euiFormControlLayout__childrenWrapper"
+    >
+      <div
+        className="euiComboBox__inputWrap euiComboBox__inputWrap--noWrap"
+        data-test-subj="comboBoxInput"
+        onClick={[Function]}
+        tabIndex={-1}
+      >
+        <span
+          className="euiComboBoxPill euiComboBoxPill--plainText"
+        >
+          OpenSearch
+        </span>
+        <div
+          className="euiComboBox__input"
+          style={
+            Object {
+              "display": "inline-block",
+              "fontSize": 14,
+            }
+          }
+        >
+          <input
+            aria-controls=""
+            data-test-subj="comboBoxSearchInput"
+            disabled={false}
+            onBlur={[Function]}
+            onChange={[Function]}
+            onFocus={[Function]}
+            role="textbox"
+            style={
+              Object {
+                "boxSizing": "content-box",
+                "width": "2px",
+              }
+            }
+            value=""
+          />
+          <div
+            style={
+              Object {
+                "height": 0,
+                "left": 0,
+                "overflow": "scroll",
+                "position": "absolute",
+                "top": 0,
+                "visibility": "hidden",
+                "whiteSpace": "pre",
+              }
+            }
+          />
+        </div>
+      </div>
+      <div
+        className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
+      >
+        <button
+          aria-label="Open list of options"
+          className="euiFormControlLayoutCustomIcon euiFormControlLayoutCustomIcon--clickable"
+          data-test-subj="comboBoxToggleListButton"
+          disabled={false}
+          onClick={[Function]}
+          type="button"
+        >
+          <svg
+            aria-hidden={true}
+            className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__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="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+            />
+          </svg>
+        </button>
+      </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
index 855b000c..002a7af9 100644
--- a/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
+++ b/public/components/SQLPage/__tests__/__snapshots__/table_view.test.tsx.snap
@@ -1,67 +1,754 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Render databases in tree fetches and displays database nodes when datasource is s3 1`] = `
+exports[`Render databases in tree fetches Materialized view in the Side tree 1`] = `
 <div>
   <div
-    class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
   >
     <div
-      class="euiSpacer euiSpacer--l"
-    />
-    <div
-      class="euiFlexItem"
-    >
-      <span
-        class="euiLoadingSpinner euiLoadingSpinner--large"
-      />
-    </div>
-    <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
+      class="euiText euiText--medium euiTreeView__wrapper"
     >
-      Loading data
+      <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 euiTreeView__node--expanded"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="true"
+            class="euiTreeView__nodeInner euiTreeView__node--active"
+            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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          >
+            <div
+              class="euiText euiText--medium euiTreeView__wrapper"
+            >
+              <ul
+                aria-label="default  child of Sample Folder Tree"
+                class="euiTreeView"
+              >
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_undefined"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small euiIcon-isLoaded"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                
+                                 
+                                <svg
+                                  aria-hidden="true"
+                                  class="euiIcon euiIcon--medium euiIcon-isLoaded"
+                                  focusable="false"
+                                  height="16"
+                                  role="img"
+                                  viewBox="0 0 16 16"
+                                  width="16"
+                                  xmlns="http://www.w3.org/2000/svg"
+                                >
+                                  <path
+                                    d="M2.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </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="default_http_count_view"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <span
+                        aria-label="Materialized view"
+                        class="euiNotificationBadge euiNotificationBadge--subdued"
+                      >
+                        MV
+                      </span>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_count_view
+                                 
+                              </div>
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+              </ul>
+            </div>
+          </div>
+        </li>
+      </ul>
     </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches No materilaized views badge in side tree 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
     <div
-      class="euiFlexItem euiFlexItem--flexGrowZero"
+      class="euiText euiText--medium euiTreeView__wrapper"
     >
-      <div
-        style="padding: 10px;"
+      <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"
+        <li
+          class="euiTreeView__node euiTreeView__node--expanded"
         >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="true"
+            class="euiTreeView__nodeInner euiTreeView__node--active"
+            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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
           <div
-            class="euiText euiText--medium"
+            id="some_html_id"
           >
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiText euiText--medium euiTreeView__wrapper"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              <ul
+                aria-label="default  child of Sample Folder Tree"
+                class="euiTreeView"
               >
-                Loading may take over 30 seconds
-              </div>
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_undefined"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </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="default_No Materialized View"
+                  >
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <span
+                            class="euiBadge euiBadge--iconLeft"
+                            style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                            title="No Materialized View"
+                          >
+                            <span
+                              class="euiBadge__content"
+                            >
+                              <span
+                                class="euiBadge__text"
+                              >
+                                No Materialized View
+                              </span>
+                            </span>
+                          </span>
+                        </span>
+                         
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+              </ul>
             </div>
           </div>
-        </div>
-        <div
-          class="euiFlexItem"
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches and displays No indicies in the side tree 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
+    <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 euiTreeView__node--expanded"
         >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="true"
+            class="euiTreeView__nodeInner euiTreeView__node--active"
+            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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
           <div
-            class="euiText euiText--medium"
+            id="some_html_id"
           >
             <div
-              class="euiTextAlign euiTextAlign--center"
+              class="euiText euiText--medium euiTreeView__wrapper"
             >
-              <div
-                class="euiTextColor euiTextColor--subdued"
+              <ul
+                aria-label="default  child of Sample Folder Tree"
+                class="euiTreeView"
               >
-                Status: 
-                Query Not Run
-              </div>
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_http_logs"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+                <li
+                  class="euiTreeView__node euiTreeView__node--expanded"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="true"
+                    class="euiTreeView__nodeInner euiTreeView__node--active"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_http_logs2"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs2
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  >
+                    <div
+                      class="euiText euiText--medium euiTreeView__wrapper"
+                    >
+                      <ul
+                        aria-label="http_logs2  child of default  child of Sample Folder Tree"
+                        class="euiTreeView"
+                      >
+                        <li
+                          class="euiTreeView__node"
+                        >
+                          <button
+                            aria-controls="some_html_id"
+                            aria-expanded="false"
+                            class="euiTreeView__nodeInner"
+                            data-test-subj="euiTreeViewButton-some_html_id"
+                            id="default_http_logs2_No Indicies"
+                          >
+                            <span
+                              class="euiTreeView__nodeLabel"
+                            >
+                              <div>
+                                <span
+                                  class="euiToolTipAnchor"
+                                >
+                                  <span
+                                    class="euiBadge euiBadge--iconLeft"
+                                    style="background-color: rgb(211, 218, 230); color: rgb(0, 0, 0);"
+                                    title="No Indicies"
+                                  >
+                                    <span
+                                      class="euiBadge__content"
+                                    >
+                                      <span
+                                        class="euiBadge__text"
+                                      >
+                                        No Indicies
+                                      </span>
+                                    </span>
+                                  </span>
+                                </span>
+                                 
+                              </div>
+                            </span>
+                          </button>
+                          <div
+                            id="some_html_id"
+                          />
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_Load Materialized View"
+                  >
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <span
+                              class="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                              title="Load Materialized View"
+                            >
+                              <span
+                                class="euiBadge__content"
+                              >
+                                <span
+                                  class="euiBadge__text"
+                                >
+                                  Load Materialized View
+                                </span>
+                              </span>
+                            </span>
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+              </ul>
             </div>
           </div>
-        </div>
-      </div>
+        </li>
+      </ul>
     </div>
   </div>
 </div>
@@ -102,7 +789,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -111,7 +798,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -151,7 +838,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -160,7 +847,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -200,7 +887,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -209,7 +896,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -249,7 +936,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -258,7 +945,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -298,7 +985,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -307,7 +994,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -347,7 +1034,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -356,7 +1043,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -396,7 +1083,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -405,7 +1092,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -445,7 +1132,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -454,7 +1141,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -494,7 +1181,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -503,7 +1190,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -543,7 +1230,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -552,7 +1239,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -592,7 +1279,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -601,7 +1288,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -641,7 +1328,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -650,7 +1337,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -690,7 +1377,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -699,7 +1386,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -739,7 +1426,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -748,7 +1435,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -788,7 +1475,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -797,7 +1484,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -837,7 +1524,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -846,7 +1533,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -886,7 +1573,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -895,7 +1582,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -935,7 +1622,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -944,7 +1631,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -984,7 +1671,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -993,7 +1680,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -1033,7 +1720,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -1042,7 +1729,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -1082,7 +1769,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
             >
               <svg
                 aria-hidden="true"
-                class="euiIcon euiIcon--medium euiIcon-isLoading"
+                class="euiIcon euiIcon--medium"
                 focusable="false"
                 height="16"
                 role="img"
@@ -1091,7 +1778,7 @@ exports[`Render databases in tree fetches and displays indicies when datasource
                 xmlns="http://www.w3.org/2000/svg"
               >
                 <path
-                  d="M5.277 10.088c.02.014.04.03.057.047.582.55 1.134.812 1.666.812.586 0 1.84-.293 3.713-.88L9 6.212V2H7v4.212l-1.723 3.876Zm-.438.987L3.539 14h8.922l-1.32-2.969C9.096 11.677 7.733 12 7 12c-.74 0-1.463-.315-2.161-.925ZM6 2H5V1h6v1h-1v4l3.375 7.594A1 1 0 0 1 12.461 15H3.54a1 1 0 0 1-.914-1.406L6 6V2Z"
+                  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>
@@ -1121,3 +1808,920 @@ exports[`Render databases in tree fetches and displays indicies when datasource
   </div>
 </div>
 `;
+
+exports[`Render databases in tree fetches and displays skipping index in the side tree 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
+    <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 euiTreeView__node--expanded"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="true"
+            class="euiTreeView__nodeInner euiTreeView__node--active"
+            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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          >
+            <div
+              class="euiText euiText--medium euiTreeView__wrapper"
+            >
+              <ul
+                aria-label="default  child of Sample Folder Tree"
+                class="euiTreeView"
+              >
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_http_logs"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+                <li
+                  class="euiTreeView__node euiTreeView__node--expanded"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="true"
+                    class="euiTreeView__nodeInner euiTreeView__node--active"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_http_logs2"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs2
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </div>
+                        </span>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  >
+                    <div
+                      class="euiText euiText--medium euiTreeView__wrapper"
+                    >
+                      <ul
+                        aria-label="http_logs2  child of default  child of Sample Folder Tree"
+                        class="euiTreeView"
+                      >
+                        <li
+                          class="euiTreeView__node"
+                        >
+                          <button
+                            aria-controls="some_html_id"
+                            aria-expanded="false"
+                            class="euiTreeView__nodeInner"
+                            data-test-subj="euiTreeViewButton-some_html_id"
+                            id="default_http_logs2_skipping_index"
+                          >
+                            <span
+                              class="euiTreeView__iconWrapper"
+                            >
+                              <svg
+                                aria-hidden="true"
+                                class="euiIcon euiIcon--medium euiIcon-isLoaded"
+                                focusable="false"
+                                height="16"
+                                role="img"
+                                viewBox="0 0 16 16"
+                                width="16"
+                                xmlns="http://www.w3.org/2000/svg"
+                              >
+                                <path
+                                  d="M7.04 13.274a.5.5 0 1 0 .892.453l3.014-5.931a.5.5 0 0 0-.445-.727H5.316L8.03 1.727a.5.5 0 1 0-.892-.453L4.055 7.343a.5.5 0 0 0 .446.726h5.185L7.04 13.274Z"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="euiTreeView__nodeLabel"
+                            >
+                              <div>
+                                <span
+                                  class="euiToolTipAnchor"
+                                >
+                                  <div
+                                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                                  >
+                                    <div
+                                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                                    >
+                                      <div
+                                        class="euiText euiText--medium"
+                                      >
+                                        skipping_index
+                                         
+                                      </div>
+                                    </div>
+                                  </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="default_http_logs2_sample_index"
+                          >
+                            <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="M7.04 13.274a.5.5 0 1 0 .892.453l3.014-5.931a.5.5 0 0 0-.445-.727H5.316L8.03 1.727a.5.5 0 1 0-.892-.453L4.055 7.343a.5.5 0 0 0 .446.726h5.185L7.04 13.274Z"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="euiTreeView__nodeLabel"
+                            >
+                              <div>
+                                <span
+                                  class="euiToolTipAnchor"
+                                >
+                                  <div
+                                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                                  >
+                                    <div
+                                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                                    >
+                                      <div
+                                        class="euiText euiText--medium"
+                                      >
+                                        sample_index
+                                         
+                                      </div>
+                                    </div>
+                                  </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="default_http_logs2_status_clientip_and_day"
+                          >
+                            <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="M7.04 13.274a.5.5 0 1 0 .892.453l3.014-5.931a.5.5 0 0 0-.445-.727H5.316L8.03 1.727a.5.5 0 1 0-.892-.453L4.055 7.343a.5.5 0 0 0 .446.726h5.185L7.04 13.274Z"
+                                />
+                              </svg>
+                            </span>
+                            <span
+                              class="euiTreeView__nodeLabel"
+                            >
+                              <div>
+                                <span
+                                  class="euiToolTipAnchor"
+                                >
+                                  <div
+                                    class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                                  >
+                                    <div
+                                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                                    >
+                                      <div
+                                        class="euiText euiText--medium"
+                                      >
+                                        status_clientip_and_day
+                                         
+                                      </div>
+                                    </div>
+                                  </div>
+                                </span>
+                              </div>
+                            </span>
+                          </button>
+                          <div
+                            id="some_html_id"
+                          />
+                        </li>
+                      </ul>
+                    </div>
+                  </div>
+                </li>
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_Load Materialized View"
+                  >
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <span
+                              class="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                              title="Load Materialized View"
+                            >
+                              <span
+                                class="euiBadge__content"
+                              >
+                                <span
+                                  class="euiBadge__text"
+                                >
+                                  Load Materialized View
+                                </span>
+                              </span>
+                            </span>
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+              </ul>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches and displays tables in the side tree 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
+    <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 euiTreeView__node--expanded"
+        >
+          <button
+            aria-controls="some_html_id"
+            aria-expanded="true"
+            class="euiTreeView__nodeInner euiTreeView__node--active"
+            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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          >
+            <div
+              class="euiText euiText--medium euiTreeView__wrapper"
+            >
+              <ul
+                aria-label="default  child of Sample Folder Tree"
+                class="euiTreeView"
+              >
+                <li
+                  class="euiTreeView__node"
+                >
+                  <button
+                    aria-controls="some_html_id"
+                    aria-expanded="false"
+                    class="euiTreeView__nodeInner"
+                    data-test-subj="euiTreeViewButton-some_html_id"
+                    id="default_http_logs"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </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="default_http_logs2"
+                  >
+                    <span
+                      class="euiTreeView__iconWrapper"
+                    >
+                      <svg
+                        aria-hidden="true"
+                        class="euiIcon euiIcon--small"
+                        focusable="false"
+                        height="16"
+                        role="img"
+                        viewBox="0 0 16 16"
+                        width="16"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M16 3v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v1Zm-1 0V2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v1h14Zm0 1H1v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4ZM4.496 7a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 8 6 7.776 6 7.5s.128-.5.286-.5h3.428ZM4.496 5a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 6 6 5.776 6 5.5s.128-.5.286-.5h3.428ZM4.496 9a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 10 6 9.776 6 9.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm5.218 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 12 6 11.776 6 11.5s.128-.5.286-.5h3.428Zm-5.218 2a.5.5 0 0 1 0 1H2.495a.5.5 0 0 1 0-1h2.001Zm9-6a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0-2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 4a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm0 2a.5.5 0 0 1 0 1h-2.001a.5.5 0 0 1 0-1h2.001Zm-3.782 0c.158 0 .286.224.286.5s-.128.5-.286.5H6.286C6.128 14 6 13.776 6 13.5s.128-.5.286-.5h3.428Z"
+                        />
+                      </svg>
+                    </span>
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <span
+                          class="euiToolTipAnchor"
+                        >
+                          <div
+                            class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                          >
+                            <div
+                              class="euiFlexItem euiFlexItem--flexGrowZero"
+                            >
+                              <div
+                                class="euiText euiText--medium"
+                              >
+                                http_logs2
+                                 
+                                <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.414 8.036 4.89 10.51a.5.5 0 0 1-.707.708L1.354 8.389a.5.5 0 0 1 0-.707l2.828-2.828a.5.5 0 1 1 .707.707L2.414 8.036Zm8.768 2.474 2.475-2.474-2.475-2.475a.5.5 0 0 1 .707-.707l2.829 2.828a.5.5 0 0 1 0 .707l-2.829 2.829a.5.5 0 1 1-.707-.708ZM8.559 2.506a.5.5 0 0 1 .981.19L7.441 13.494a.5.5 0 0 1-.981-.19L8.559 2.506Z"
+                                  />
+                                </svg>
+                              </div>
+                            </div>
+                          </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="default_Load Materialized View"
+                  >
+                    <span
+                      class="euiTreeView__nodeLabel"
+                    >
+                      <div>
+                        <div
+                          class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                        >
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <span
+                              class="euiBadge euiBadge--hollow euiBadge--iconLeft"
+                              title="Load Materialized View"
+                            >
+                              <span
+                                class="euiBadge__content"
+                              >
+                                <span
+                                  class="euiBadge__text"
+                                >
+                                  Load Materialized View
+                                </span>
+                              </span>
+                            </span>
+                          </div>
+                          <div
+                            class="euiFlexItem euiFlexItem--flexGrowZero"
+                          >
+                            <div
+                              class="euiText euiText--medium"
+                            />
+                          </div>
+                        </div>
+                      </div>
+                    </span>
+                  </button>
+                  <div
+                    id="some_html_id"
+                  />
+                </li>
+              </ul>
+            </div>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches default database in the side tree 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
+    <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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </div>
+                </span>
+              </div>
+            </span>
+          </button>
+          <div
+            id="some_html_id"
+          />
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Render databases in tree fetches the tree when datasource is S3 1`] = `
+<div>
+  <div
+    class="euiFlexItem euiFlexItem--flexGrowZero workbench-tree"
+  >
+    <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="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+                  >
+                    <div
+                      class="euiFlexItem euiFlexItem--flexGrowZero"
+                    >
+                      <div
+                        class="euiText euiText--medium"
+                      >
+                        default
+                         
+                      </div>
+                    </div>
+                  </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/__tests__/table_view.test.tsx
index e794a8f5..9c1b6e16 100644
--- a/public/components/SQLPage/__tests__/table_view.test.tsx
+++ b/public/components/SQLPage/__tests__/table_view.test.tsx
@@ -5,57 +5,310 @@
 
 import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
-import { render } from '@testing-library/react';
+import { act, fireEvent, render, screen, waitFor, waitForElementToBeRemoved } from '@testing-library/react';
 import React from 'react';
 import { HttpResponse } from '../../../../../../src/core/public';
 import { httpClientMock } from '../../../../test/mocks';
 import {
+  mockCoveringIndexQuery,
   mockDatabaseQuery,
+  mockEmptyCoveringIndexQuery,
+  mockEmptySkippingIndexQuery,
   mockJobId,
+  mockMVEmptyQuery,
+  mockMVquery,
   mockOpenSearchIndicies,
+  mockSkippingIndexQuery,
+  mockTableQuery
 } from '../../../../test/mocks/mockData';
 import { TableView } from '../table_view';
 
 describe('Render databases in tree', () => {
-  it('fetches and displays indicies when datasource is OpenSearch', async () => {
+
+  it('fetches the tree when datasource is S3', async () => {
     const client = httpClientMock;
     client.post = jest.fn(() => {
-      return (Promise.resolve(mockOpenSearchIndicies) as unknown) as HttpResponse;
+      return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+    });
+    client.get = jest.fn(() => {
+      return (Promise.resolve(mockDatabaseQuery) as unknown) as HttpResponse;
     });
-
     const asyncTest = () => {
       render(
         <TableView
           http={client}
-          selectedItems={[{ label: 'OpenSearch' }]}
+          selectedItems={[{ label: 'my_glue' }]}
           updateSQLQueries={() => {}}
           refreshTree={false}
         />
       );
     };
-    await asyncTest();
+
+    await waitFor(() => {
+      asyncTest()
+      expect(screen.getByLabelText('Sample Folder Tree')).toBeInTheDocument();
+    });
     expect(document.body.children[0]).toMatchSnapshot();
   });
-  it('fetches and displays database nodes when datasource is s3', async () => {
+  it('fetches and displays indicies when datasource is OpenSearch', 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;
+      return (Promise.resolve(mockOpenSearchIndicies) as unknown) as HttpResponse;
     });
 
     const asyncTest = () => {
       render(
         <TableView
           http={client}
-          selectedItems={[{ label: 'my_glue' }]}
+          selectedItems={[{ label: 'OpenSearch' }]}
           updateSQLQueries={() => {}}
           refreshTree={false}
         />
       );
     };
     await asyncTest();
+    expect(screen.getByLabelText('Sample Folder Tree')).toBeInTheDocument();
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('fetches default database in the side tree', 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 default_database = jest.fn();
+    const {getByText } = render(
+      <TableView
+        http={client}
+        selectedItems={[{ label: 'my_glue' }]}
+        updateSQLQueries={() => {}}
+        refreshTree={false}
+      />
+    );
+    await waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    await waitFor(() => {
+      expect(getByText('default')).toBeInTheDocument();
+    })
+    expect(document.body.children[0]).toMatchSnapshot();
+  });
+  it('fetches Materialized view in the Side tree', 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 default_database = jest.fn();
+    const {getByText } = render(
+      <TableView
+        http={client}
+        selectedItems={[{ label: 'my_glue' }]}
+        updateSQLQueries={() => {}}
+        refreshTree={false}
+      />
+    );
+    await waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    await waitFor(() => {
+      fireEvent.click(getByText('default'));
+    })
+    act(() => {
+      fireEvent.click(getByText('Load Materialized View'))
+    });
+    
+    await waitFor(() => {
+      
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockMVquery) as unknown) as HttpResponse;
+      });
+
+      expect(getByText('http_count_view')).toBeInTheDocument();
+    });
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+  it('fetches No materilaized views badge in side tree', 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 default_database = jest.fn();
+    const {getByText } = render(
+      <TableView
+        http={client}
+        selectedItems={[{ label: 'my_glue' }]}
+        updateSQLQueries={() => {}}
+        refreshTree={false}
+      />
+    );
+    await waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    await waitFor(() => {
+      fireEvent.click(getByText('default'));
+      
+    })
+    act(() => {
+      fireEvent.click(getByText('Load Materialized View'))
+    });
+    
+    await waitFor(() => {
+      
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockMVEmptyQuery) as unknown) as HttpResponse;
+      });
+
+      expect(getByText('No Materialized View')).toBeInTheDocument();
+    });
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+  it('fetches and displays tables in the side tree', 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 waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    fireEvent.click(getByText('default'));
+    
+    await act(() => {
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockTableQuery) as unknown) as HttpResponse;
+      });
+
+    });
+    await waitFor(()=>{
+      expect(screen.getByText('http_logs2')).toBeInTheDocument();
+    })
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+  it('fetches and displays skipping index in the side tree', 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 waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    fireEvent.click(getByText('default'));
+    
+    await act(() => {
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockTableQuery) as unknown) as HttpResponse;
+      });
+
+    });
+    await waitFor(()=>{
+      expect(screen.getByText('http_logs2')).toBeInTheDocument();
+    })
+    fireEvent.click(getByText('http_logs2'));
+    act(() => {
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockSkippingIndexQuery) as unknown) as HttpResponse;
+      });
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockCoveringIndexQuery) as unknown) as HttpResponse;
+      });
+    });
+    await waitFor(()=>{
+      expect(screen.getByText('skipping_index')).toBeInTheDocument();
+      expect(screen.getByText('status_clientip_and_day')).toBeInTheDocument();
+    })
+    expect(document.body.children[0]).toMatchSnapshot();
+
+  });
+  it('fetches and displays No indicies in the side tree', 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 waitForElementToBeRemoved(await getByText('Loading may take over 30 seconds'))
+    fireEvent.click(getByText('default'));
+    
+    await act(() => {
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockTableQuery) as unknown) as HttpResponse;
+      });
+
+    });
+    await waitFor(()=>{
+      expect(screen.getByText('http_logs2')).toBeInTheDocument();
+    })
+    fireEvent.click(getByText('http_logs2'));
+    act(() => {
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockEmptySkippingIndexQuery) as unknown) as HttpResponse;
+      });
+      client.post = jest.fn(() => {
+        return (Promise.resolve(mockJobId) as unknown) as HttpResponse;
+      });
+      client.get = jest.fn(() => {
+        return (Promise.resolve(mockEmptyCoveringIndexQuery) as unknown) as HttpResponse;
+      });
+
+    });
+    await waitFor(()=>{
+      expect(screen.getByText('No Indicies')).toBeInTheDocument();
+    })
     expect(document.body.children[0]).toMatchSnapshot();
   });
-});
+});
\ No newline at end of file
diff --git a/test/mocks/mockData.ts b/test/mocks/mockData.ts
index 7bfafa50..0d1e2f24 100644
--- a/test/mocks/mockData.ts
+++ b/test/mocks/mockData.ts
@@ -2154,8 +2154,9 @@ export const mockDatasourcesQuery = {
 export const mockJobId = {
   data: {
     ok: true,
-    resp: '{ "queryId": "00fe3fjpnfnn400q" }',
-  },
+    resp: 
+    {"queryId": "00fe3fjpnfnn400q","sessionId": "czVtMWZoZm9xMWdsdWVfMg=="}
+  }
 };
 
 export const mockOpenSearchIndicies = {
@@ -2169,8 +2170,22 @@ export const mockOpenSearchIndicies = {
 export const mockDatabaseQuery = {
   data: {
     ok: true,
-    resp:
-      '{    "schema": [        {            "name": "namespace",            "type": "string"        }    ],    "datarows": [        [            "default"        ]    ],    "total": 1,    "size": 1}',
+    "resp": {
+      "status": "SUCCESS",
+      "schema": [
+          {
+              "name": "namespace",
+              "type": "string"
+          }
+      ],
+      "datarows": [
+          [
+              "default"
+          ]
+      ],
+      "total": 1,
+      "size": 1
+  },
   },
 };
 
@@ -2181,3 +2196,206 @@ export const mockOpenSearchTreeQuery = {
       '{"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}',
   },
 };
+
+export const mockCoveringIndexQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "index_name",
+                  "type": "string"
+              }
+          ],
+          "datarows": [
+              [
+                  "sample_index"
+              ],
+              [
+                  "status_clientip_and_day"
+              ]
+          ],
+          "total": 2,
+          "size": 2
+      }
+  }
+}
+export const mockMVEmptyQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "materialized_view_name",
+                  "type": "string"
+              }
+          ],
+          "datarows": [],
+          "total": 0,
+          "size": 0
+      }
+  }
+}
+export const mockSkippingIndexQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "indexed_col_name",
+                  "type": "string"
+              },
+              {
+                  "name": "data_type",
+                  "type": "string"
+              },
+              {
+                  "name": "skip_type",
+                  "type": "string"
+              }
+          ],
+          "datarows": [
+              [
+                  "skipping_index"
+              ]
+          ],
+          "total": 1,
+          "size": 1
+      }
+  }
+}
+
+export const mockEmptySkippingIndexQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "index_name",
+                  "type": "string"
+              }
+          ],
+          "datarows": [],
+          "total": 0,
+          "size": 0
+      }
+  }
+}
+export const mockEmptyCoveringIndexQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "index_name",
+                  "type": "string"
+              }
+          ],
+          "datarows": [],
+          "total": 0,
+          "size": 0
+      }
+  }
+}
+
+export const mockDataSelectQuery = {
+  "data": {
+      "ok": true,
+      "resp": [
+          {
+              "name": "glue_2",
+              "description": "",
+              "connector": "S3GLUE",
+              "allowedRoles": [],
+              "properties": {
+                  "glue.indexstore.opensearch.auth": "awssigv4",
+                  "glue.indexstore.opensearch.uri": "https://search-flint-test-lchvlhaowzh4vhwyeutf52fteq.us-east-1.es.amazonaws.com",
+                  "glue.auth.role_arn": "arn:aws:iam::294600734191:role/pratik-flint-role",
+                  "glue.auth.type": "iam_role",
+                  "glue.indexstore.opensearch.region": "us-east-1"
+              },
+              "resultIndex": "query_execution_result_glue_2"
+          },
+          {
+              "name": "glue_1",
+              "description": "",
+              "connector": "S3GLUE",
+              "allowedRoles": [],
+              "properties": {
+                  "glue.indexstore.opensearch.auth": "awssigv4",
+                  "glue.indexstore.opensearch.uri": "https://search-flint-test-lchvlhaowzh4vhwyeutf52fteq.us-east-1.es.amazonaws.com",
+                  "glue.auth.role_arn": "arn:aws:iam::294600734191:role/pratik-flint-role",
+                  "glue.auth.type": "iam_role",
+                  "glue.indexstore.opensearch.region": "us-east-1"
+              },
+              "resultIndex": "query_execution_result_glue_1"
+          }
+      ]
+  }
+}
+
+
+export const mockMVquery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "materialized_view_name",
+                  "type": "string"
+              }
+          ],
+          "datarows": [
+              [
+                  "http_count_view"
+              ]
+          ],
+          "total": 1,
+          "size": 1
+      }
+  }
+}
+
+
+export const mockTableQuery = {
+  "data": {
+      "ok": true,
+      "resp": {
+          "status": "SUCCESS",
+          "schema": [
+              {
+                  "name": "namespace",
+                  "type": "string"
+              },
+              {
+                  "name": "tableName",
+                  "type": "string"
+              },
+              {
+                  "name": "isTemporary",
+                  "type": "boolean"
+              }
+          ],
+          "datarows": [
+              [
+                  "default",
+                  "http_logs",
+                  false
+              ],
+              [
+                  "default",
+                  "http_logs2",
+                  false
+              ]
+          ],
+          "total": 2,
+          "size": 2
+      }
+  }
+}
\ No newline at end of file