From ecb8fb394dc6f795b99cbb43b4b42055533456b6 Mon Sep 17 00:00:00 2001
From: Simeon Widdis <sawiddis@gmail.com>
Date: Fri, 15 Mar 2024 16:57:31 -0700
Subject: [PATCH] Add actual integration queries to table (#1544)

* Stub integration type

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Fix links and statuses on integration table stub

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add search bar and tests

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add 'add integrations' button to installed integrations table

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Update added integration snapshot

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add dynamic loading of integrations from store

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add space after integration setup page

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

* Add empty integration state

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>

---------

Signed-off-by: Simeon Widdis <sawiddis@amazon.com>
---
 .../data_connection.test.tsx.snap             |  14 +
 ...installed_integrations_table.test.tsx.snap | 846 ++++++++++++++++++
 .../installed_integrations_table.test.tsx     |  28 +
 .../components/manage/data_connection.tsx     |  33 +
 .../installed_integrations_table.tsx          | 148 +++
 .../added_integration.test.tsx.snap           | 102 +--
 .../setup_integration.test.tsx.snap           |  20 +
 .../components/added_integration.tsx          |  28 +-
 .../components/setup_integration.tsx          |   3 +
 .../framework/catalog_cache/cache_loader.tsx  |   2 +-
 server/adaptors/integrations/types.ts         |   1 +
 test/constants.ts                             |  34 +
 12 files changed, 1195 insertions(+), 64 deletions(-)
 create mode 100644 public/components/datasources/components/__tests__/__snapshots__/installed_integrations_table.test.tsx.snap
 create mode 100644 public/components/datasources/components/__tests__/installed_integrations_table.test.tsx
 create mode 100644 public/components/datasources/components/manage/integrations/installed_integrations_table.tsx

diff --git a/public/components/datasources/components/__tests__/__snapshots__/data_connection.test.tsx.snap b/public/components/datasources/components/__tests__/__snapshots__/data_connection.test.tsx.snap
index 3dd9bf6e5..5d14f6038 100644
--- a/public/components/datasources/components/__tests__/__snapshots__/data_connection.test.tsx.snap
+++ b/public/components/datasources/components/__tests__/__snapshots__/data_connection.test.tsx.snap
@@ -393,6 +393,20 @@ exports[`Data Connection Page test Renders S3 data connection page with data 1`]
               Accelerations
             </span>
           </button>
+          <button
+            aria-controls="random_html_id"
+            aria-selected="false"
+            class="euiTab"
+            id="installed_integrations"
+            role="tab"
+            type="button"
+          >
+            <span
+              class="euiTab__content"
+            >
+              Installed Integrations
+            </span>
+          </button>
           <button
             aria-controls="random_html_id"
             aria-selected="false"
diff --git a/public/components/datasources/components/__tests__/__snapshots__/installed_integrations_table.test.tsx.snap b/public/components/datasources/components/__tests__/__snapshots__/installed_integrations_table.test.tsx.snap
new file mode 100644
index 000000000..ada6cb932
--- /dev/null
+++ b/public/components/datasources/components/__tests__/__snapshots__/installed_integrations_table.test.tsx.snap
@@ -0,0 +1,846 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Installed Integrations Table test Renders the empty installed integrations table 1`] = `
+<InstalledIntegrationsTable
+  integrations={Array []}
+>
+  <EuiSpacer>
+    <div
+      className="euiSpacer euiSpacer--l"
+    />
+  </EuiSpacer>
+  <EuiPanel>
+    <div
+      className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <NoInstalledIntegrations>
+        <EuiFlexGroup
+          alignItems="center"
+          direction="column"
+          gutterSize="xs"
+        >
+          <div
+            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionColumn euiFlexGroup--responsive"
+          >
+            <EuiFlexItem
+              grow={false}
+            >
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <EuiIcon
+                  glyphName="iInCircle"
+                  size="xxl"
+                  type="iInCircle"
+                >
+                  <EuiIconBeaker
+                    aria-hidden={true}
+                    className="euiIcon euiIcon--xxLarge euiIcon-isLoading"
+                    focusable="false"
+                    glyphName="iInCircle"
+                    role="img"
+                    style={null}
+                  >
+                    <svg
+                      aria-hidden={true}
+                      className="euiIcon euiIcon--xxLarge euiIcon-isLoading"
+                      focusable="false"
+                      glyphName="iInCircle"
+                      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>
+                  </EuiIconBeaker>
+                </EuiIcon>
+              </div>
+            </EuiFlexItem>
+            <EuiFlexItem
+              grow={false}
+            >
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <EuiText
+                  textAlign="center"
+                >
+                  <div
+                    className="euiText euiText--medium"
+                  >
+                    <EuiTextAlign
+                      textAlign="center"
+                    >
+                      <div
+                        className="euiTextAlign euiTextAlign--center"
+                      >
+                        <p
+                          style={
+                            Object {
+                              "margin-bottom": "8px",
+                            }
+                          }
+                        >
+                          <b>
+                            There are no installed Integrations
+                          </b>
+                          <br />
+                          Add integrations to get started.
+                        </p>
+                      </div>
+                    </EuiTextAlign>
+                  </div>
+                </EuiText>
+              </div>
+            </EuiFlexItem>
+            <EuiFlexItem
+              grow={false}
+            >
+              <div
+                className="euiFlexItem euiFlexItem--flexGrowZero"
+              >
+                <EuiButton
+                  href="/app/integrations#available"
+                >
+                  <EuiButtonDisplay
+                    baseClassName="euiButton"
+                    element="a"
+                    href="/app/integrations#available"
+                    isDisabled={false}
+                    rel="noreferrer"
+                  >
+                    <a
+                      className="euiButton euiButton--primary"
+                      disabled={false}
+                      href="/app/integrations#available"
+                      rel="noreferrer"
+                      style={
+                        Object {
+                          "minWidth": undefined,
+                        }
+                      }
+                    >
+                      <EuiButtonContent
+                        className="euiButton__content"
+                        iconSide="left"
+                        textProps={
+                          Object {
+                            "className": "euiButton__text",
+                          }
+                        }
+                      >
+                        <span
+                          className="euiButtonContent euiButton__content"
+                        >
+                          <span
+                            className="euiButton__text"
+                          >
+                            Add Integrations
+                          </span>
+                        </span>
+                      </EuiButtonContent>
+                    </a>
+                  </EuiButtonDisplay>
+                </EuiButton>
+              </div>
+            </EuiFlexItem>
+          </div>
+        </EuiFlexGroup>
+      </NoInstalledIntegrations>
+    </div>
+  </EuiPanel>
+</InstalledIntegrationsTable>
+`;
+
+exports[`Installed Integrations Table test Renders the installed integrations table 1`] = `
+<InstalledIntegrationsTable
+  integrations={
+    Array [
+      Object {
+        "assets": Array [
+          Object {
+            "assetId": "9506c132-f466-4ce3-a875-f187ddec587c",
+            "assetType": "index-pattern",
+            "description": "ss4o_logs_waf-aws_waf-sample-sample",
+            "isDefaultAsset": false,
+            "status": "available",
+          },
+          Object {
+            "assetId": "7770e5be-6f10-4435-9773-021c6188bfe5",
+            "assetType": "visualization",
+            "description": "logs-waf-Top Client IPs",
+            "isDefaultAsset": false,
+            "status": "available",
+          },
+          Object {
+            "assetId": "36f26341-22f0-49c5-9820-f787afb4090c",
+            "assetType": "dashboard",
+            "description": "logs-waf-dashboard",
+            "isDefaultAsset": true,
+            "status": "available",
+          },
+        ],
+        "creationDate": "2024-03-12T16:23:18.053Z",
+        "dataSource": "ss4o_logs_waf-aws_waf-sample-sample",
+        "id": "d5b55c60-e08c-11ee-9c80-ff3b93498fea",
+        "name": "aws_waf-sample",
+        "status": "available",
+        "templateName": "aws_waf",
+      },
+    ]
+  }
+>
+  <EuiSpacer>
+    <div
+      className="euiSpacer euiSpacer--l"
+    />
+  </EuiSpacer>
+  <EuiPanel>
+    <div
+      className="euiPanel euiPanel--paddingMedium euiPanel--borderRadiusMedium euiPanel--plain euiPanel--hasShadow"
+    >
+      <EuiTitle>
+        <h2
+          className="euiTitle euiTitle--medium"
+        >
+          Installed Integrations
+        </h2>
+      </EuiTitle>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
+      <EuiFlexGroup>
+        <div
+          className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
+        >
+          <EuiFlexItem>
+            <div
+              className="euiFlexItem"
+            >
+              <EuiFieldSearch
+                compressed={false}
+                fullWidth={true}
+                incremental={false}
+                isClearable={true}
+                isLoading={false}
+                onChange={[Function]}
+                placeholder="Search..."
+              >
+                <EuiFormControlLayout
+                  compressed={false}
+                  fullWidth={true}
+                  icon="search"
+                  isLoading={false}
+                >
+                  <div
+                    className="euiFormControlLayout euiFormControlLayout--fullWidth"
+                  >
+                    <div
+                      className="euiFormControlLayout__childrenWrapper"
+                    >
+                      <EuiValidatableControl>
+                        <input
+                          className="euiFieldSearch euiFieldSearch--fullWidth"
+                          onChange={[Function]}
+                          onKeyUp={[Function]}
+                          placeholder="Search..."
+                          type="search"
+                        />
+                      </EuiValidatableControl>
+                      <EuiFormControlLayoutIcons
+                        compressed={false}
+                        icon="search"
+                        isLoading={false}
+                      >
+                        <div
+                          className="euiFormControlLayoutIcons"
+                        >
+                          <EuiFormControlLayoutCustomIcon
+                            size="m"
+                            type="search"
+                          >
+                            <span
+                              className="euiFormControlLayoutCustomIcon"
+                            >
+                              <EuiIcon
+                                aria-hidden="true"
+                                className="euiFormControlLayoutCustomIcon__icon"
+                                size="m"
+                                type="search"
+                              >
+                                <EuiIconBeaker
+                                  aria-hidden={true}
+                                  className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutCustomIcon__icon"
+                                  focusable="false"
+                                  role="img"
+                                  style={null}
+                                >
+                                  <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>
+                                </EuiIconBeaker>
+                              </EuiIcon>
+                            </span>
+                          </EuiFormControlLayoutCustomIcon>
+                        </div>
+                      </EuiFormControlLayoutIcons>
+                    </div>
+                  </div>
+                </EuiFormControlLayout>
+              </EuiFieldSearch>
+            </div>
+          </EuiFlexItem>
+          <EuiFlexItem
+            grow={false}
+          >
+            <div
+              className="euiFlexItem euiFlexItem--flexGrowZero"
+            >
+              <EuiButton
+                fill={true}
+                href="/app/integrations#available"
+              >
+                <EuiButtonDisplay
+                  baseClassName="euiButton"
+                  element="a"
+                  fill={true}
+                  href="/app/integrations#available"
+                  isDisabled={false}
+                  rel="noreferrer"
+                >
+                  <a
+                    className="euiButton euiButton--primary euiButton--fill"
+                    disabled={false}
+                    href="/app/integrations#available"
+                    rel="noreferrer"
+                    style={
+                      Object {
+                        "minWidth": undefined,
+                      }
+                    }
+                  >
+                    <EuiButtonContent
+                      className="euiButton__content"
+                      iconSide="left"
+                      textProps={
+                        Object {
+                          "className": "euiButton__text",
+                        }
+                      }
+                    >
+                      <span
+                        className="euiButtonContent euiButton__content"
+                      >
+                        <span
+                          className="euiButton__text"
+                        >
+                          Add Integration
+                        </span>
+                      </span>
+                    </EuiButtonContent>
+                  </a>
+                </EuiButtonDisplay>
+              </EuiButton>
+            </div>
+          </EuiFlexItem>
+        </div>
+      </EuiFlexGroup>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
+      <EuiInMemoryTable
+        columns={
+          Array [
+            Object {
+              "field": "locator",
+              "name": "Instance Name",
+              "render": [Function],
+            },
+            Object {
+              "field": "status",
+              "name": "Status",
+              "render": [Function],
+            },
+            Object {
+              "field": "assets",
+              "name": "Asset Count",
+            },
+          ]
+        }
+        items={
+          Array [
+            Object {
+              "assets": 3,
+              "locator": Object {
+                "id": "d5b55c60-e08c-11ee-9c80-ff3b93498fea",
+                "name": "aws_waf-sample",
+              },
+              "name": "aws_waf-sample",
+              "status": "available",
+            },
+          ]
+        }
+        responsive={true}
+        tableLayout="fixed"
+      >
+        <EuiBasicTable
+          columns={
+            Array [
+              Object {
+                "field": "locator",
+                "name": "Instance Name",
+                "render": [Function],
+              },
+              Object {
+                "field": "status",
+                "name": "Status",
+                "render": [Function],
+              },
+              Object {
+                "field": "assets",
+                "name": "Asset Count",
+              },
+            ]
+          }
+          items={
+            Array [
+              Object {
+                "assets": 3,
+                "locator": Object {
+                  "id": "d5b55c60-e08c-11ee-9c80-ff3b93498fea",
+                  "name": "aws_waf-sample",
+                },
+                "name": "aws_waf-sample",
+                "status": "available",
+              },
+            ]
+          }
+          noItemsMessage="No items found"
+          onChange={[Function]}
+          responsive={true}
+          tableLayout="fixed"
+        >
+          <div
+            className="euiBasicTable"
+          >
+            <div>
+              <EuiTableHeaderMobile>
+                <div
+                  className="euiTableHeaderMobile"
+                >
+                  <EuiFlexGroup
+                    alignItems="baseline"
+                    justifyContent="spaceBetween"
+                    responsive={false}
+                  >
+                    <div
+                      className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
+                    >
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        />
+                      </EuiFlexItem>
+                      <EuiFlexItem
+                        grow={false}
+                      >
+                        <div
+                          className="euiFlexItem euiFlexItem--flexGrowZero"
+                        />
+                      </EuiFlexItem>
+                    </div>
+                  </EuiFlexGroup>
+                </div>
+              </EuiTableHeaderMobile>
+              <EuiTable
+                id="random_html_id"
+                responsive={true}
+                tableLayout="fixed"
+              >
+                <table
+                  className="euiTable euiTable--responsive"
+                  id="random_html_id"
+                  tabIndex={-1}
+                >
+                  <EuiScreenReaderOnly>
+                    <caption
+                      className="euiScreenReaderOnly euiTableCaption"
+                    >
+                      <EuiDelayRender
+                        delay={500}
+                      />
+                    </caption>
+                  </EuiScreenReaderOnly>
+                  <EuiTableHeader>
+                    <thead>
+                      <tr>
+                        <EuiTableHeaderCell
+                          align="left"
+                          data-test-subj="tableHeaderCell_locator_0"
+                          key="_data_h_locator_0"
+                        >
+                          <th
+                            className="euiTableHeaderCell"
+                            data-test-subj="tableHeaderCell_locator_0"
+                            role="columnheader"
+                            scope="col"
+                            style={
+                              Object {
+                                "width": undefined,
+                              }
+                            }
+                          >
+                            <CellContents
+                              className="euiTableCellContent"
+                              showSortMsg={false}
+                            >
+                              <span
+                                className="euiTableCellContent"
+                              >
+                                <EuiInnerText>
+                                  <EuiI18n
+                                    default="{innerText}; {description}"
+                                    token="euiTableHeaderCell.titleTextWithDesc"
+                                    values={
+                                      Object {
+                                        "description": undefined,
+                                        "innerText": "Instance Name",
+                                      }
+                                    }
+                                  >
+                                    <span
+                                      className="euiTableCellContent__text"
+                                      title="Instance Name"
+                                    >
+                                      Instance Name
+                                    </span>
+                                  </EuiI18n>
+                                </EuiInnerText>
+                              </span>
+                            </CellContents>
+                          </th>
+                        </EuiTableHeaderCell>
+                        <EuiTableHeaderCell
+                          align="left"
+                          data-test-subj="tableHeaderCell_status_1"
+                          key="_data_h_status_1"
+                        >
+                          <th
+                            className="euiTableHeaderCell"
+                            data-test-subj="tableHeaderCell_status_1"
+                            role="columnheader"
+                            scope="col"
+                            style={
+                              Object {
+                                "width": undefined,
+                              }
+                            }
+                          >
+                            <CellContents
+                              className="euiTableCellContent"
+                              showSortMsg={false}
+                            >
+                              <span
+                                className="euiTableCellContent"
+                              >
+                                <EuiInnerText>
+                                  <EuiI18n
+                                    default="{innerText}; {description}"
+                                    token="euiTableHeaderCell.titleTextWithDesc"
+                                    values={
+                                      Object {
+                                        "description": undefined,
+                                        "innerText": "Status",
+                                      }
+                                    }
+                                  >
+                                    <span
+                                      className="euiTableCellContent__text"
+                                      title="Status"
+                                    >
+                                      Status
+                                    </span>
+                                  </EuiI18n>
+                                </EuiInnerText>
+                              </span>
+                            </CellContents>
+                          </th>
+                        </EuiTableHeaderCell>
+                        <EuiTableHeaderCell
+                          align="left"
+                          data-test-subj="tableHeaderCell_assets_2"
+                          key="_data_h_assets_2"
+                        >
+                          <th
+                            className="euiTableHeaderCell"
+                            data-test-subj="tableHeaderCell_assets_2"
+                            role="columnheader"
+                            scope="col"
+                            style={
+                              Object {
+                                "width": undefined,
+                              }
+                            }
+                          >
+                            <CellContents
+                              className="euiTableCellContent"
+                              showSortMsg={false}
+                            >
+                              <span
+                                className="euiTableCellContent"
+                              >
+                                <EuiInnerText>
+                                  <EuiI18n
+                                    default="{innerText}; {description}"
+                                    token="euiTableHeaderCell.titleTextWithDesc"
+                                    values={
+                                      Object {
+                                        "description": undefined,
+                                        "innerText": "Asset Count",
+                                      }
+                                    }
+                                  >
+                                    <span
+                                      className="euiTableCellContent__text"
+                                      title="Asset Count"
+                                    >
+                                      Asset Count
+                                    </span>
+                                  </EuiI18n>
+                                </EuiInnerText>
+                              </span>
+                            </CellContents>
+                          </th>
+                        </EuiTableHeaderCell>
+                      </tr>
+                    </thead>
+                  </EuiTableHeader>
+                  <EuiTableBody
+                    bodyRef={[Function]}
+                  >
+                    <tbody>
+                      <EuiTableRow
+                        isSelected={false}
+                      >
+                        <tr
+                          className="euiTableRow"
+                        >
+                          <EuiTableRowCell
+                            align="left"
+                            key="_data_column_locator_0_0"
+                            mobileOptions={
+                              Object {
+                                "header": "Instance Name",
+                                "render": undefined,
+                              }
+                            }
+                            setScopeRow={false}
+                            textOnly={false}
+                          >
+                            <td
+                              className="euiTableRowCell"
+                              style={
+                                Object {
+                                  "width": undefined,
+                                }
+                              }
+                            >
+                              <div
+                                className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                              >
+                                Instance Name
+                              </div>
+                              <div
+                                className="euiTableCellContent euiTableCellContent--overflowingContent"
+                              >
+                                <EuiLink
+                                  className=""
+                                  data-test-subj="aws_waf-sampleIntegrationLink"
+                                  href="/app/integrations#/installed/d5b55c60-e08c-11ee-9c80-ff3b93498fea"
+                                  key=".0"
+                                >
+                                  <a
+                                    className="euiLink euiLink--primary"
+                                    data-test-subj="aws_waf-sampleIntegrationLink"
+                                    href="/app/integrations#/installed/d5b55c60-e08c-11ee-9c80-ff3b93498fea"
+                                    rel="noreferrer"
+                                  >
+                                    aws_waf-sample
+                                  </a>
+                                </EuiLink>
+                              </div>
+                            </td>
+                          </EuiTableRowCell>
+                          <EuiTableRowCell
+                            align="left"
+                            key="_data_column_status_0_1"
+                            mobileOptions={
+                              Object {
+                                "header": "Status",
+                                "render": undefined,
+                              }
+                            }
+                            setScopeRow={false}
+                            textOnly={false}
+                          >
+                            <td
+                              className="euiTableRowCell"
+                              style={
+                                Object {
+                                  "width": undefined,
+                                }
+                              }
+                            >
+                              <div
+                                className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                              >
+                                Status
+                              </div>
+                              <div
+                                className="euiTableCellContent euiTableCellContent--overflowingContent"
+                              >
+                                <IntegrationHealthBadge
+                                  className=""
+                                  key=".0"
+                                  status="available"
+                                >
+                                  <EuiHealth
+                                    color="success"
+                                  >
+                                    <div
+                                      className="euiHealth euiHealth--textSizeS"
+                                    >
+                                      <EuiFlexGroup
+                                        alignItems="center"
+                                        gutterSize="xs"
+                                        responsive={false}
+                                      >
+                                        <div
+                                          className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                                        >
+                                          <EuiFlexItem
+                                            grow={false}
+                                          >
+                                            <div
+                                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                                            >
+                                              <EuiIcon
+                                                color="success"
+                                                type="dot"
+                                              >
+                                                <EuiIconBeaker
+                                                  aria-hidden={true}
+                                                  className="euiIcon euiIcon--medium euiIcon--success euiIcon-isLoading"
+                                                  focusable="false"
+                                                  role="img"
+                                                  style={null}
+                                                >
+                                                  <svg
+                                                    aria-hidden={true}
+                                                    className="euiIcon euiIcon--medium euiIcon--success euiIcon-isLoading"
+                                                    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>
+                                                </EuiIconBeaker>
+                                              </EuiIcon>
+                                            </div>
+                                          </EuiFlexItem>
+                                          <EuiFlexItem
+                                            grow={false}
+                                          >
+                                            <div
+                                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                                            >
+                                              Active
+                                            </div>
+                                          </EuiFlexItem>
+                                        </div>
+                                      </EuiFlexGroup>
+                                    </div>
+                                  </EuiHealth>
+                                </IntegrationHealthBadge>
+                              </div>
+                            </td>
+                          </EuiTableRowCell>
+                          <EuiTableRowCell
+                            align="left"
+                            key="_data_column_assets_0_2"
+                            mobileOptions={
+                              Object {
+                                "header": "Asset Count",
+                                "render": undefined,
+                              }
+                            }
+                            setScopeRow={false}
+                            textOnly={true}
+                          >
+                            <td
+                              className="euiTableRowCell"
+                              style={
+                                Object {
+                                  "width": undefined,
+                                }
+                              }
+                            >
+                              <div
+                                className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
+                              >
+                                Asset Count
+                              </div>
+                              <div
+                                className="euiTableCellContent"
+                              >
+                                <span
+                                  className="euiTableCellContent__text"
+                                >
+                                  3
+                                </span>
+                              </div>
+                            </td>
+                          </EuiTableRowCell>
+                        </tr>
+                      </EuiTableRow>
+                    </tbody>
+                  </EuiTableBody>
+                </table>
+              </EuiTable>
+            </div>
+          </div>
+        </EuiBasicTable>
+      </EuiInMemoryTable>
+    </div>
+  </EuiPanel>
+</InstalledIntegrationsTable>
+`;
diff --git a/public/components/datasources/components/__tests__/installed_integrations_table.test.tsx b/public/components/datasources/components/__tests__/installed_integrations_table.test.tsx
new file mode 100644
index 000000000..9830ea6b0
--- /dev/null
+++ b/public/components/datasources/components/__tests__/installed_integrations_table.test.tsx
@@ -0,0 +1,28 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { configure, mount } from 'enzyme';
+import Adapter from 'enzyme-adapter-react-16';
+import React from 'react';
+import { InstalledIntegrationsTable } from '../manage/integrations/installed_integrations_table';
+import { TEST_INTEGRATION_SEARCH_RESULTS } from '../../../../../test/constants';
+
+describe('Installed Integrations Table test', () => {
+  configure({ adapter: new Adapter() });
+
+  it('Renders the installed integrations table', async () => {
+    const wrapper = mount(
+      <InstalledIntegrationsTable integrations={TEST_INTEGRATION_SEARCH_RESULTS} />
+    );
+
+    expect(wrapper).toMatchSnapshot();
+  });
+
+  it('Renders the empty installed integrations table', async () => {
+    const wrapper = mount(<InstalledIntegrationsTable integrations={[]} />);
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/public/components/datasources/components/manage/data_connection.tsx b/public/components/datasources/components/manage/data_connection.tsx
index 30321b89c..248d3b05a 100644
--- a/public/components/datasources/components/manage/data_connection.tsx
+++ b/public/components/datasources/components/manage/data_connection.tsx
@@ -20,8 +20,10 @@ import {
   EuiTitle,
 } from '@elastic/eui';
 import React, { useEffect, useState } from 'react';
+import _ from 'lodash';
 import {
   DATACONNECTIONS_BASE,
+  INTEGRATIONS_BASE,
   observabilityIntegrationsID,
   observabilityLogsID,
   observabilityMetricsID,
@@ -36,6 +38,7 @@ import {
 import { AssociatedObjectsTab } from './associated_objects/associated_objects_tab';
 import { AccelerationTable } from './accelerations/acceleration_table';
 import { AccessControlTab } from './access_control_tab';
+import { InstalledIntegrationsTable } from './integrations/installed_integrations_table';
 import {
   useLoadAccelerationsToCache,
   useLoadDatabasesToCache,
@@ -118,6 +121,30 @@ export const DataConnection = (props: any) => {
     },
   ];
 
+  const [dataSourceIntegrations, setDataSourceIntegrations] = useState(
+    [] as IntegrationInstanceResult[]
+  );
+  useEffect(() => {
+    const searchDataSourcePattern = new RegExp(
+      `flint_${_.escapeRegExp(datasourceDetails.name)}_default_.*_mview`
+    );
+    const findIntegrations = async () => {
+      // TODO: we just get all results and filter, ideally we send a filtering query to the API
+      // Should still be probably okay until we get cases of 500+ integration instances
+      const result: { data: IntegrationInstancesSearchResult } = await http!.get(
+        INTEGRATIONS_BASE + `/store`
+      );
+      if (result.data?.hits) {
+        setDataSourceIntegrations(
+          result.data.hits.filter((res) => res.dataSource.match(searchDataSourcePattern))
+        );
+      } else {
+        setDataSourceIntegrations([]);
+      }
+    };
+    findIntegrations();
+  }, [http, datasourceDetails.name]);
+
   const onclickIntegrationsCard = () => {
     application!.navigateToApp(observabilityIntegrationsID);
   };
@@ -225,6 +252,12 @@ export const DataConnection = (props: any) => {
         <AccelerationTable dataSourceName={dataSource} cacheLoadingHooks={cacheLoadingHooks} />
       ),
     },
+    {
+      id: 'installed_integrations',
+      name: 'Installed Integrations',
+      disabled: false,
+      content: <InstalledIntegrationsTable integrations={dataSourceIntegrations} />,
+    },
     {
       id: 'access_control',
       name: 'Access control',
diff --git a/public/components/datasources/components/manage/integrations/installed_integrations_table.tsx b/public/components/datasources/components/manage/integrations/installed_integrations_table.tsx
new file mode 100644
index 000000000..8922ae294
--- /dev/null
+++ b/public/components/datasources/components/manage/integrations/installed_integrations_table.tsx
@@ -0,0 +1,148 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React, { useState, CSSProperties } from 'react';
+import {
+  EuiSpacer,
+  EuiPanel,
+  EuiInMemoryTable,
+  EuiTitle,
+  EuiLink,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiFieldSearch,
+  EuiButton,
+  EuiIcon,
+  EuiText,
+} from '@elastic/eui';
+import _ from 'lodash';
+import { IntegrationHealthBadge } from '../../../../integrations/components/added_integration';
+import { coreRefs } from '../../../../../framework/core_refs';
+
+interface IntegrationInstanceTableEntry {
+  name: string;
+  locator: {
+    name: string;
+    id: string;
+  };
+  status: string;
+  assets: number;
+}
+
+const safeBasePathLink = (link: string): string => {
+  if (coreRefs.http && coreRefs.http.basePath) {
+    return coreRefs.http.basePath.prepend(link);
+  } else {
+    return link;
+  }
+};
+
+const INSTALLED_INTEGRATIONS_COLUMNS = [
+  {
+    field: 'locator',
+    name: 'Instance Name',
+    render: (locator: { name: string; id: string }) => {
+      return (
+        <EuiLink
+          data-test-subj={`${locator.name}IntegrationLink`}
+          href={safeBasePathLink(`/app/integrations#/installed/${locator.id}`)}
+        >
+          {locator.name}
+        </EuiLink>
+      );
+    },
+  },
+  {
+    field: 'status',
+    name: 'Status',
+    render: (status: string) => {
+      return <IntegrationHealthBadge status={status} />;
+    },
+  },
+  { field: 'assets', name: 'Asset Count' },
+];
+
+const instanceToTableEntry = (
+  instance: IntegrationInstanceResult
+): IntegrationInstanceTableEntry => {
+  return {
+    name: instance.name,
+    locator: { name: instance.name, id: instance.id },
+    status: instance.status,
+    assets: (instance.assets ?? []).length,
+  };
+};
+
+const NoInstalledIntegrations = () => {
+  return (
+    <EuiFlexGroup direction="column" alignItems="center" gutterSize="xs">
+      <EuiFlexItem grow={false}>
+        <EuiIcon type="iInCircle" glyphName="iInCircle" size="xxl" />
+      </EuiFlexItem>
+      <EuiFlexItem grow={false}>
+        <EuiText textAlign="center">
+          {/* Default margin is too wide -- compress it a bit */}
+          <p style={{ 'margin-bottom': '8px' } as CSSProperties}>
+            <b>There are no installed Integrations</b>
+            <br />
+            Add integrations to get started.
+          </p>
+        </EuiText>
+      </EuiFlexItem>
+      <EuiFlexItem grow={false}>
+        <EuiButton href={safeBasePathLink('/app/integrations#available')}>
+          Add Integrations
+        </EuiButton>
+      </EuiFlexItem>
+    </EuiFlexGroup>
+  );
+};
+
+export const InstalledIntegrationsTable = ({
+  integrations,
+}: {
+  integrations: IntegrationInstanceResult[];
+}) => {
+  const [query, setQuery] = useState('');
+  const filteredIntegrations = integrations
+    .map(instanceToTableEntry)
+    .filter((i) => i.name.match(new RegExp(_.escapeRegExp(query), 'i')));
+
+  const integrationsTable = (
+    <>
+      <EuiTitle>
+        <h2>Installed Integrations</h2>
+      </EuiTitle>
+      <EuiSpacer />
+      <EuiFlexGroup>
+        <EuiFlexItem>
+          <EuiFieldSearch
+            fullWidth
+            placeholder="Search..."
+            onChange={(queryEvent) => {
+              setQuery(queryEvent.target.value);
+            }}
+          />
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          <EuiButton fill={true} href={safeBasePathLink('/app/integrations#available')}>
+            Add Integration
+          </EuiButton>
+        </EuiFlexItem>
+      </EuiFlexGroup>
+      <EuiSpacer />
+      <EuiInMemoryTable items={filteredIntegrations} columns={INSTALLED_INTEGRATIONS_COLUMNS} />
+    </>
+  );
+
+  return (
+    <>
+      <EuiSpacer />
+      <EuiPanel>
+        {integrations.length > 0 ? integrationsTable : <NoInstalledIntegrations />}
+      </EuiPanel>
+    </>
+  );
+};
diff --git a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
index 4f499e10e..648c68251 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/added_integration.test.tsx.snap
@@ -152,69 +152,71 @@ exports[`Added Integration View Test Renders added integration view using dummy
                                     }
                                   }
                                 >
-                                  <EuiHealth
-                                    color="danger"
-                                  >
-                                    <div
-                                      className="euiHealth euiHealth--textSizeS"
+                                  <IntegrationHealthBadge>
+                                    <EuiHealth
+                                      color="warning"
                                     >
-                                      <EuiFlexGroup
-                                        alignItems="center"
-                                        gutterSize="xs"
-                                        responsive={false}
+                                      <div
+                                        className="euiHealth euiHealth--textSizeS"
                                       >
-                                        <div
-                                          className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
+                                        <EuiFlexGroup
+                                          alignItems="center"
+                                          gutterSize="xs"
+                                          responsive={false}
                                         >
-                                          <EuiFlexItem
-                                            grow={false}
+                                          <div
+                                            className="euiFlexGroup euiFlexGroup--gutterExtraSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow"
                                           >
-                                            <div
-                                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                                            <EuiFlexItem
+                                              grow={false}
                                             >
-                                              <EuiIcon
-                                                color="danger"
-                                                type="dot"
+                                              <div
+                                                className="euiFlexItem euiFlexItem--flexGrowZero"
                                               >
-                                                <EuiIconBeaker
-                                                  aria-hidden={true}
-                                                  className="euiIcon euiIcon--medium euiIcon--danger euiIcon-isLoading"
-                                                  focusable="false"
-                                                  role="img"
-                                                  style={null}
+                                                <EuiIcon
+                                                  color="warning"
+                                                  type="dot"
                                                 >
-                                                  <svg
+                                                  <EuiIconBeaker
                                                     aria-hidden={true}
-                                                    className="euiIcon euiIcon--medium euiIcon--danger euiIcon-isLoading"
+                                                    className="euiIcon euiIcon--medium euiIcon--warning euiIcon-isLoading"
                                                     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>
-                                                </EuiIconBeaker>
-                                              </EuiIcon>
-                                            </div>
-                                          </EuiFlexItem>
-                                          <EuiFlexItem
-                                            grow={false}
-                                          >
-                                            <div
-                                              className="euiFlexItem euiFlexItem--flexGrowZero"
+                                                    <svg
+                                                      aria-hidden={true}
+                                                      className="euiIcon euiIcon--medium euiIcon--warning euiIcon-isLoading"
+                                                      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>
+                                                  </EuiIconBeaker>
+                                                </EuiIcon>
+                                              </div>
+                                            </EuiFlexItem>
+                                            <EuiFlexItem
+                                              grow={false}
                                             >
-                                              Critical
-                                            </div>
-                                          </EuiFlexItem>
-                                        </div>
-                                      </EuiFlexGroup>
-                                    </div>
-                                  </EuiHealth>
+                                              <div
+                                                className="euiFlexItem euiFlexItem--flexGrowZero"
+                                              >
+                                                Unknown
+                                              </div>
+                                            </EuiFlexItem>
+                                          </div>
+                                        </EuiFlexGroup>
+                                      </div>
+                                    </EuiHealth>
+                                  </IntegrationHealthBadge>
                                 </div>
                               </EuiFlexItem>
                             </div>
diff --git a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
index c77eb11c4..260fc99ca 100644
--- a/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
+++ b/public/components/integrations/components/__tests__/__snapshots__/setup_integration.test.tsx.snap
@@ -2288,6 +2288,16 @@ exports[`Integration Setup Page Renders the S3 connector form as expected 1`] =
           </div>
         </div>
       </EuiFormRow>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
     </div>
   </EuiForm>
 </SetupIntegrationForm>
@@ -3290,6 +3300,16 @@ exports[`Integration Setup Page Renders the S3 connector form without workflows
           </div>
         </div>
       </EuiFormRow>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
+      <EuiSpacer>
+        <div
+          className="euiSpacer euiSpacer--l"
+        />
+      </EuiSpacer>
     </div>
   </EuiForm>
 </SetupIntegrationForm>
diff --git a/public/components/integrations/components/added_integration.tsx b/public/components/integrations/components/added_integration.tsx
index 48cc15160..147588f92 100644
--- a/public/components/integrations/components/added_integration.tsx
+++ b/public/components/integrations/components/added_integration.tsx
@@ -27,11 +27,24 @@ import React, { useEffect, useState } from 'react';
 import _ from 'lodash';
 import { PanelTitle } from '../../trace_analytics/components/common/helper_functions';
 import { ASSET_FILTER_OPTIONS } from '../../../../common/constants/integrations';
-import { INTEGRATIONS_BASE, OBSERVABILITY_BASE } from '../../../../common/constants/shared';
+import { INTEGRATIONS_BASE } from '../../../../common/constants/shared';
 import { DeleteModal } from '../../common/helpers/delete_modal';
 import { AddedIntegrationProps } from './integration_types';
 import { useToast } from '../../../../public/components/common/toast';
 
+export const IntegrationHealthBadge = ({ status }: { status?: string }) => {
+  switch (status) {
+    case undefined:
+      return <EuiHealth color="warning">Unknown</EuiHealth>;
+    case 'available':
+      return <EuiHealth color="success">Active</EuiHealth>;
+    case 'partially-available':
+      return <EuiHealth color="warning">Partially Available</EuiHealth>;
+    default:
+      return <EuiHealth color="danger">Critical</EuiHealth>;
+  }
+};
+
 export function AddedIntegration(props: AddedIntegrationProps) {
   const { http, integrationInstanceId, chrome } = props;
 
@@ -60,17 +73,6 @@ export function AddedIntegration(props: AddedIntegrationProps) {
   const [isModalVisible, setIsModalVisible] = useState(false);
   const [modalLayout, setModalLayout] = useState(<EuiOverlayMask />);
 
-  const badge = (status: string) => {
-    switch (status) {
-      case 'available':
-        return <EuiHealth color="success">Active</EuiHealth>;
-      case 'partially-available':
-        return <EuiHealth color="warning">Partially Available</EuiHealth>;
-      default:
-        return <EuiHealth color="danger">Critical</EuiHealth>;
-    }
-  };
-
   const getModal = () => {
     setModalLayout(
       <DeleteModal
@@ -124,7 +126,7 @@ export function AddedIntegration(props: AddedIntegrationProps) {
                   </EuiTitle>
                 </EuiFlexItem>
                 <EuiFlexItem style={{ justifyContent: 'center' }}>
-                  {badge(data?.status)}
+                  <IntegrationHealthBadge status={data?.status} />
                 </EuiFlexItem>
               </EuiFlexGroup>
 
diff --git a/public/components/integrations/components/setup_integration.tsx b/public/components/integrations/components/setup_integration.tsx
index 01d6b52a0..228ae55fb 100644
--- a/public/components/integrations/components/setup_integration.tsx
+++ b/public/components/integrations/components/setup_integration.tsx
@@ -415,6 +415,9 @@ export function SetupIntegrationForm({
               </EuiFormRow>
             </>
           ) : null}
+          {/* Bottom bar will overlap content if there isn't some space at the end */}
+          <EuiSpacer />
+          <EuiSpacer />
         </>
       ) : null}
     </EuiForm>
diff --git a/public/framework/catalog_cache/cache_loader.tsx b/public/framework/catalog_cache/cache_loader.tsx
index 93e07a013..66e59f2d5 100644
--- a/public/framework/catalog_cache/cache_loader.tsx
+++ b/public/framework/catalog_cache/cache_loader.tsx
@@ -289,7 +289,7 @@ export const useLoadToCache = (loadCacheType: LoadCacheType) => {
         const formattedError = formatError(
           '',
           'The query failed to execute and the operation could not be complete.',
-          e.body.message
+          e.body?.message
         );
         coreRefs.core?.notifications.toasts.addError(formattedError, {
           title: 'Query Failed',
diff --git a/server/adaptors/integrations/types.ts b/server/adaptors/integrations/types.ts
index b6bf93363..aff0ddac4 100644
--- a/server/adaptors/integrations/types.ts
+++ b/server/adaptors/integrations/types.ts
@@ -124,6 +124,7 @@ interface AssetReference {
   assetId: string;
   isDefaultAsset: boolean;
   description: string;
+  status?: string;
 }
 
 interface IntegrationInstancesSearchResult {
diff --git a/test/constants.ts b/test/constants.ts
index 178b65506..fac4b2e07 100644
--- a/test/constants.ts
+++ b/test/constants.ts
@@ -598,6 +598,40 @@ export const TEST_INTEGRATION_CONFIG: IntegrationConfig = {
   ],
 };
 
+export const TEST_INTEGRATION_SEARCH_RESULTS: IntegrationInstanceResult[] = [
+  {
+    id: 'd5b55c60-e08c-11ee-9c80-ff3b93498fea',
+    status: 'available',
+    name: 'aws_waf-sample',
+    templateName: 'aws_waf',
+    dataSource: 'ss4o_logs_waf-aws_waf-sample-sample',
+    creationDate: '2024-03-12T16:23:18.053Z',
+    assets: [
+      {
+        assetType: 'index-pattern',
+        assetId: '9506c132-f466-4ce3-a875-f187ddec587c',
+        status: 'available',
+        isDefaultAsset: false,
+        description: 'ss4o_logs_waf-aws_waf-sample-sample',
+      },
+      {
+        assetType: 'visualization',
+        assetId: '7770e5be-6f10-4435-9773-021c6188bfe5',
+        status: 'available',
+        isDefaultAsset: false,
+        description: 'logs-waf-Top Client IPs',
+      },
+      {
+        assetType: 'dashboard',
+        assetId: '36f26341-22f0-49c5-9820-f787afb4090c',
+        status: 'available',
+        isDefaultAsset: true,
+        description: 'logs-waf-dashboard',
+      },
+    ],
+  },
+];
+
 export const mockSavedObjectActions = ({ get = [], getBulk = [] }) => {
   return {
     get: jest.fn().mockResolvedValue({ observabilityObjectList: get }),