workspace list card on home

src/core/public/chrome/index.ts

@@ -46,7 +46,11 @@ export {
 } from './ui/header/header_help_menu';
 export { NavType, RightNavigationButton, RightNavigationButtonProps } from './ui';
 export { ChromeNavLink, ChromeNavLinks, ChromeNavLinkUpdateableFields } from './nav_links';
-export { ChromeRecentlyAccessed, ChromeRecentlyAccessedHistoryItem } from './recently_accessed';
+export {
+  ChromeRecentlyAccessed,
+  ChromeRecentlyAccessedHistoryItem,
+  PersistedLog,
+} from './recently_accessed';
 export { ChromeNavControl, ChromeNavControls } from './nav_controls';
 export { ChromeDocTitle } from './doc_title';
 export { RightNavigationOrder } from './constants';

src/core/public/chrome/recently_accessed/index.ts

@@ -33,3 +33,5 @@ export {
   ChromeRecentlyAccessedHistoryItem,
   RecentlyAccessedService,
 } from './recently_accessed_service';
+
+export { PersistedLog } from './persisted_log';

src/core/public/index.ts

@@ -75,6 +75,7 @@ import {
   ChromeNavGroupUpdater,
   NavGroupItemInMap,
   fulfillRegistrationLinksToChromeNavLinks,
+  PersistedLog,
 } from './chrome';
 import { FatalErrorsSetup, FatalErrorsStart, FatalErrorInfo } from './fatal_errors';
 import { HttpSetup, HttpStart } from './http';
@@ -377,6 +378,7 @@ export {
   ChromeNavGroupUpdater,
   NavGroupItemInMap,
   fulfillRegistrationLinksToChromeNavLinks,
+  PersistedLog,
 };
 
 export { __osdBootstrap__ } from './osd_bootstrap';

src/core/types/workspace.ts

@@ -14,6 +14,7 @@ export interface WorkspaceAttribute {
   icon?: string;
   reserved?: boolean;
   uiSettings?: Record<string, any>;
+  lastUpdatedTime?: string;
 }
 
 export interface WorkspaceAttributeWithPermission extends WorkspaceAttribute {

src/plugins/home/public/index.ts

@@ -53,3 +53,5 @@ import { HomePublicPlugin } from './plugin';
 
 export const plugin = (initializerContext: PluginInitializerContext) =>
   new HomePublicPlugin(initializerContext);
+
+export { HOME_PAGE_ID, HOME_CONTENT_AREAS } from '../common/constants';

src/plugins/workspace/common/constants.ts

@@ -183,3 +183,5 @@ export const WORKSPACE_USE_CASES = Object.freeze({
 });
 
 export const CURRENT_USER_PLACEHOLDER = '%me%';
+export const MAX_WORKSPACE_NAME_LENGTH = 25;
+export const RECENT_WORKSPACES_KEY = 'recentWorkspaces';

src/plugins/workspace/opensearch_dashboards.json

@@ -7,6 +7,6 @@
     "savedObjects",
     "opensearchDashboardsReact"
   ],
-  "optionalPlugins": ["savedObjectsManagement","management","dataSourceManagement"],
-  "requiredBundles": ["opensearchDashboardsReact"]
+  "optionalPlugins": ["savedObjectsManagement","management","dataSourceManagement","contentManagement"],
+  "requiredBundles": ["opensearchDashboardsReact","home"]
 }

src/plugins/workspace/public/components/service_card/index.ts

@@ -0,0 +1,6 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+export { WorkspaceListCard } from './workspace_list_card';

src/plugins/workspace/public/components/service_card/workspace_list_card.test.tsx

@@ -0,0 +1,66 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import React from 'react';
+import { coreMock } from '../../../../../core/public/mocks';
+import { fireEvent, render, waitFor } from '@testing-library/react';
+import { WorkspaceListCard } from './workspace_list_card';
+import { recentWorkspaceManager } from '../../recent_workspace_manager';
+
+describe('workspace list card render normally', () => {
+  const coreStart = coreMock.createStart();
+
+  beforeAll(() => {
+    const workspaceList = [
+      {
+        id: 'ws-1',
+        name: 'foo',
+        lastUpdatedTime: new Date().toISOString(),
+      },
+      {
+        id: 'ws-2',
+        name: 'bar',
+        lastUpdatedTime: new Date().toISOString(),
+      },
+    ];
+    coreStart.workspaces.workspaceList$.next(workspaceList);
+  });
+
+  it('should show workspace list card correctly', () => {
+    const { container } = render(<WorkspaceListCard core={coreStart} />);
+    expect(container).toMatchSnapshot();
+  });
+
+  it('should show empty state if no recently viewed workspace', () => {
+    const { getByTestId, getByText } = render(<WorkspaceListCard core={coreStart} />);
+    expect(getByTestId('workspace_filter')).toHaveDisplayValue('Recently viewed');
+
+    // empty statue for recently viewed
+    expect(getByText('Workspaces you have recently viewed will appear here.')).toBeInTheDocument();
+  });
+
+  it('should show default filter as recently viewed', () => {
+    recentWorkspaceManager.addRecentWorkspace('foo');
+    const { getByTestId, getByText } = render(<WorkspaceListCard core={coreStart} />);
+    expect(getByTestId('workspace_filter')).toHaveDisplayValue('Recently viewed');
+
+    waitFor(() => {
+      expect(getByText('foo')).toBeInTheDocument();
+    });
+  });
+
+  it('should show updated filter correctly', () => {
+    const { getByTestId, getByText } = render(<WorkspaceListCard core={coreStart} />);
+    expect(getByTestId('workspace_filter')).toHaveDisplayValue('Recently viewed');
+
+    const filterSelector = getByTestId('workspace_filter');
+    fireEvent.change(filterSelector, { target: { value: 'updated' } });
+    expect(getByTestId('workspace_filter')).toHaveDisplayValue('Recently updated');
+
+    // workspace list
+    expect(getByText('foo')).toBeInTheDocument();
+    expect(getByText('bar')).toBeInTheDocument();
+  });
+});