[Workspace] Support workspace initial page

changelogs/fragments/7708.yml

@@ -0,0 +1,2 @@
+feat:
+- Support workspace initial page ([#7708](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7708))

src/plugins/workspace/common/constants.ts

@@ -10,6 +10,7 @@ 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';
 export const WORKSPACE_DETAIL_APP_ID = 'workspace_detail';
+export const WORKSPACE_INITIAL_APP_ID = 'workspace_initial';
 /**
  * Since every workspace always have overview and update page, these features will be selected by default
  * and can't be changed in the workspace form feature selector

src/plugins/workspace/public/application.tsx

@@ -14,6 +14,7 @@ import { Services } from './types';
 import { WorkspaceCreatorProps } from './components/workspace_creator/workspace_creator';
 import { WorkspaceDetailApp } from './components/workspace_detail_app';
 import { WorkspaceDetailProps } from './components/workspace_detail/workspace_detail';
+import { WorkspaceInitialApp } from './components/workspace_initial_app';
 
 export const renderCreatorApp = (
   { element }: AppMountParameters,
@@ -79,3 +80,18 @@ export const renderDetailApp = (
     ReactDOM.unmountComponentAtNode(element);
   };
 };
+
+export const renderInitialApp = ({}: AppMountParameters, services: Services) => {
+  const rootElement = document.getElementById('opensearch-dashboards-body');
+
+  ReactDOM.render(
+    <OpenSearchDashboardsContextProvider services={services}>
+      <WorkspaceInitialApp />
+    </OpenSearchDashboardsContextProvider>,
+    rootElement
+  );
+
+  return () => {
+    ReactDOM.unmountComponentAtNode(rootElement!);
+  };
+};