[OS-Assistant] example of usage of palantir component

 Uses content added here
    opensearch-project/dashboards-assistant#53

Signed-off-by: Kawika Avilla <kavilla414@gmail.com>

Author: kavilla

opensearch_dashboards.json

@@ -16,6 +16,15 @@
     "visAugmenter",
     "opensearchDashboardsUtils"
   ],
+  "optionalPlugins": [
+    "assistantDashboards"
+  ],
+  "requiredEnginePlugins": {
+    "opensearch-alerting": "*"
+  },
+  "requiredBundles": [
+    "assistantDashboards"
+  ],
   "server": true,
   "ui": true
 }

public/pages/Monitors/containers/Monitors/utils/tableUtils.js

@@ -9,6 +9,7 @@ import moment from 'moment';
 import { DEFAULT_EMPTY_DATA, MONITOR_TYPE } from '../../../../../utils/constants';
 import { PLUGIN_NAME } from '../../../../../../utils/constants';
 import { getItemLevelType } from './helpers';
+import { PalantirComponent } from '../../../../../../../../plugins/dashboards-assistant/public';
 
 const renderTime = (time) => {
   const momentTime = moment(time);
@@ -22,14 +23,25 @@ export const columns = [
     name: 'Monitor name',
     sortable: true,
     textOnly: true,
-    render: (name, item) => (
-      <EuiLink
-        data-test-subj={name}
-        href={`${PLUGIN_NAME}#/monitors/${item.id}?type=${item.monitor.type}`}
-      >
-        {name}
-      </EuiLink>
-    ),
+    render: (name, item) =>
+      PalantirComponent ? (
+        <PalantirComponent>
+          <EuiLink
+            key={`${item.item_type}`}
+            data-test-subj={name}
+            href={`${PLUGIN_NAME}#/monitors/${item.id}?type=${item.monitor.type}`}
+          >
+            {name}
+          </EuiLink>
+        </PalantirComponent>
+      ) : (
+        <EuiLink
+          data-test-subj={name}
+          href={`${PLUGIN_NAME}#/monitors/${item.id}?type=${item.monitor.type}`}
+        >
+          {name}
+        </EuiLink>
+      ),
   },
   {
     field: 'enabled',

public/plugin.tsx

@@ -19,6 +19,7 @@ import { overlayAlertsFunction } from './expressions/overlay_alerts';
 import { setClient, setEmbeddable, setNotifications, setOverlays, setSavedAugmentVisLoader, setUISettings, setQueryService } from './services';
 import { VisAugmenterStart } from '../../../src/plugins/vis_augmenter/public';
 import { DataPublicPluginStart } from '../../../src/plugins/data/public';
+import { AssistantPublicPluginSetup } from './../../../plugins/dashboards-assistant/public';
 
 declare module '../../../src/plugins/ui_actions/public' {
   export interface ActionContextMapping {
@@ -33,6 +34,7 @@ export interface AlertingStart {}
 export interface AlertingSetupDeps {
   expressions: ExpressionsSetup;
   uiActions: UiActionsSetup;
+  assistantDashboards?: AssistantPublicPluginSetup;
 }
 
 export interface AlertingStartDeps {
@@ -42,7 +44,7 @@ export interface AlertingStartDeps {
 }
 
 export class AlertingPlugin implements Plugin<AlertingSetup, AlertingStart, AlertingSetupDeps, AlertingStartDeps> {
-  public setup(core: CoreSetup<AlertingStartDeps, AlertingStart>, { expressions, uiActions }: AlertingSetupDeps): AlertingSetup {
+  public setup(core: CoreSetup<AlertingStartDeps, AlertingStart>, { expressions, uiActions, assistantDashboards }: AlertingSetupDeps): AlertingSetup {
     core.application.register({
       id: PLUGIN_NAME,
       title: 'Alerting',
@@ -60,6 +62,16 @@ export class AlertingPlugin implements Plugin<AlertingSetup, AlertingStart, Aler
       },
     });
 
+    if (assistantDashboards) {
+      assistantDashboards.registerPalantir([
+        {
+          key: 'query_level_monitor',
+          description: 'Monitoring on the query level',
+          suggestion: 'How to better configure my monitor?',
+        },
+      ]);
+    }
+
     setUISettings(core.uiSettings);
 
     // Set the HTTP client so it can be pulled into expression fns to make