[Workspace] Add workspace overview page

changelogs/fragments/6584.yml

@@ -0,0 +1,2 @@
+feat:
+- [Workspace] Add workspace overview page ([#6584](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/6584))

src/plugins/workspace/common/constants.ts

@@ -3,6 +3,9 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 
+import { i18n } from '@osd/i18n';
+import { AppCategory } from '../../../core/types';
+
 export const WORKSPACE_FATAL_ERROR_APP_ID = 'workspace_fatal_error';
 export const WORKSPACE_CREATE_APP_ID = 'workspace_create';
 export const WORKSPACE_LIST_APP_ID = 'workspace_list';
@@ -37,3 +40,42 @@ export const PRIORITY_FOR_WORKSPACE_ID_CONSUMER_WRAPPER = -3;
 export const PRIORITY_FOR_WORKSPACE_UI_SETTINGS_WRAPPER = -2;
 export const PRIORITY_FOR_WORKSPACE_CONFLICT_CONTROL_WRAPPER = -1;
 export const PRIORITY_FOR_PERMISSION_CONTROL_WRAPPER = 0;
+
+export const WORKSPACE_APP_CATEGORIES: Record<string, AppCategory> = Object.freeze({
+  // below categories are for workspace
+  getStarted: {
+    id: 'getStarted',
+    label: i18n.translate('core.ui.getStarted.label', {
+      defaultMessage: 'Get started',
+    }),
+    order: 10000,
+  },
+  dashboardAndReport: {
+    id: 'dashboardReport',
+    label: i18n.translate('core.ui.dashboardReport.label', {
+      defaultMessage: 'Dashboard and report',
+    }),
+    order: 11000,
+  },
+  investigate: {
+    id: 'investigate',
+    label: i18n.translate('core.ui.investigate.label', {
+      defaultMessage: 'Investigate',
+    }),
+    order: 12000,
+  },
+  detect: {
+    id: 'detect',
+    label: i18n.translate('core.ui.detect.label', {
+      defaultMessage: 'Detect',
+    }),
+    order: 13000,
+  },
+  searchSolution: {
+    id: 'searchSolution',
+    label: i18n.translate('core.ui.searchSolution.label', {
+      defaultMessage: 'Build search solution',
+    }),
+    order: 14000,
+  },
+});

src/plugins/workspace/public/application.tsx

@@ -14,6 +14,8 @@ import { WorkspaceListApp } from './components/workspace_list_app';
 import { WorkspaceUpdaterProps } from './components/workspace_updater';
 import { Services } from './types';
 import { WorkspaceCreatorProps } from './components/workspace_creator/workspace_creator';
+import { WorkspaceOverviewApp } from './components/workspace_overview_app';
+import { WorkspaceOverviewProps } from './components/workspace_overview/workspace_overview';
 
 export const renderCreatorApp = (
   { element }: AppMountParameters,
@@ -75,3 +77,20 @@ export const renderListApp = ({ element }: AppMountParameters, services: Service
     ReactDOM.unmountComponentAtNode(element);
   };
 };
+
+export const renderOverviewApp = (
+  { element }: AppMountParameters,
+  services: Services,
+  props: WorkspaceOverviewProps
+) => {
+  ReactDOM.render(
+    <OpenSearchDashboardsContextProvider services={services}>
+      <WorkspaceOverviewApp {...props} />
+    </OpenSearchDashboardsContextProvider>,
+    element
+  );
+
+  return () => {
+    ReactDOM.unmountComponentAtNode(element);
+  };
+};