From f82e02a6a99eaca9c6dbdb609e2e21ba652166de Mon Sep 17 00:00:00 2001
From: Cailey Jen <caileyjen@gmail.com>
Date: Fri, 10 Nov 2023 10:00:34 -0500
Subject: [PATCH 1/2] removed KUI usage in visualizations

Signed-off-by: Cailey Jen <caileyjen@gmail.com>
---
 .../embeddable/disabled_lab_visualization.tsx | 41 +++++++++++--------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
index 79d6369fa88d..ebf057229633 100644
--- a/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
+++ b/src/plugins/visualizations/public/embeddable/disabled_lab_visualization.tsx
@@ -29,28 +29,35 @@
  */
 
 import { FormattedMessage } from '@osd/i18n/react';
-import React from 'react';
+import { EuiEmptyPrompt, EuiLink } from '@elastic/eui';
+import React, { Fragment } from 'react';
 
 export function DisabledLabVisualization({ title }: { title: string }) {
   return (
     <div className="visDisabledLabVisualization">
-      <div
-        className="kuiVerticalRhythm visDisabledLabVisualization__icon kuiIcon fa-flask"
-        aria-hidden="true"
+      <EuiEmptyPrompt
+        iconType="database"
+        titleSize="s"
+        data-test-subj="visDisabledLabVisualization"
+        title={
+          <FormattedMessage
+            id="visualizations.disabledLabVisualizationTitle"
+            defaultMessage="{title} is an experimental visualization."
+            values={{ title: <em className="visDisabledLabVisualizationtitle">{title}</em> }}
+          />
+        }
+        body={
+          <Fragment>
+            <p>
+              Enable experimental visualizations within{' '}
+              <EuiLink href="https://github.com/app/management/opensearch-dashboards/settings">
+                Advanced Settings
+              </EuiLink>
+              .
+            </p>
+          </Fragment>
+        }
       />
-      <div className="kuiVerticalRhythm">
-        <FormattedMessage
-          id="visualizations.disabledLabVisualizationTitle"
-          defaultMessage="{title} is a lab visualization."
-          values={{ title: <em className="visDisabledLabVisualization__title">{title}</em> }}
-        />
-      </div>
-      <div className="kuiVerticalRhythm">
-        <FormattedMessage
-          id="visualizations.disabledLabVisualizationMessage"
-          defaultMessage="Please turn on lab-mode in the advanced settings to see lab visualizations."
-        />
-      </div>
     </div>
   );
 }

From f8d8a2d639dd925fcfcb55b320bcc9302c20fd00 Mon Sep 17 00:00:00 2001
From: Cailey Jen <63242227+caileyjen@users.noreply.github.com>
Date: Fri, 10 Nov 2023 10:14:00 -0500
Subject: [PATCH 2/2] Update CHANGELOG.md

Signed-off-by: Cailey Jen <63242227+caileyjen@users.noreply.github.com>
---
 CHANGELOG.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 2d2fabf5e720..e2c5ac4e5592 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -126,6 +126,7 @@ Inspired from [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 - [Dashboard] Restructure the `Dashboard` plugin folder to be more cohesive with the project ([#4575](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4575))
 - Refactor logo usage to centralize and optimize assets and improve tests ([#4702](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/4702))
 - [Home] Remove unused tutorials ([#5212](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5212))
+- Remove KUI usage in `disabled_lab_visualization` ([#5462](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/5462))
 
 ### 🔩 Tests