[Onboarding] Stack - update index management breadcrumbs

src/platform/plugins/shared/management/public/plugin.tsx

@@ -131,8 +131,17 @@ export class ManagementPlugin
               const [, ...trailingBreadcrumbs] = newBreadcrumbs;
               deps.serverless.setBreadcrumbs(trailingBreadcrumbs);
             } else {
-              coreStart.chrome.setBreadcrumbs(newBreadcrumbs, {
-                project: { value: newBreadcrumbs, absolute: true },
+              coreStart.chrome.getActiveSolutionNavId$().subscribe((activeSolutionId) => {
+                if (activeSolutionId === 'es') {
+                  const [, ...trailingBreadcrumbs] = newBreadcrumbs;
+                  coreStart.chrome.setBreadcrumbs(trailingBreadcrumbs, {
+                    project: { value: trailingBreadcrumbs, absolute: true },
+                  });
+                } else {
+                  coreStart.chrome.setBreadcrumbs(newBreadcrumbs, {
+                    project: { value: newBreadcrumbs, absolute: true },
+                  });
+                }
               });
             }
           },

x-pack/platform/plugins/shared/index_management/public/application/sections/home/index_list/index_list.tsx

@@ -9,24 +9,34 @@ import React, { useEffect } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 
 import { ScopedHistory } from '@kbn/core/public';
+import useObservable from 'react-use/lib/useObservable';
 import { APP_WRAPPER_CLASS, useExecutionContext } from '../../../../shared_imports';
 import { breadcrumbService, IndexManagementBreadcrumb } from '../../../services/breadcrumbs';
 import { useAppContext } from '../../../app_context';
 import { IndexTable } from './index_table';
 
 export const IndexList: React.FunctionComponent<RouteComponentProps> = ({ history }) => {
   const {
-    core: { executionContext },
+    core: { executionContext, chrome },
+    plugins: { cloud },
   } = useAppContext();
 
   useExecutionContext(executionContext, {
     type: 'application',
     page: 'indexManagementIndicesTab',
   });
-
+  const activeSolutionId = useObservable(chrome.getActiveSolutionNavId$());
   useEffect(() => {
-    breadcrumbService.setBreadcrumbs(IndexManagementBreadcrumb.indices);
-  }, []);
+    if (cloud?.isServerlessEnabled) {
+      breadcrumbService.setBreadcrumbs(IndexManagementBreadcrumb.indices);
+    } else {
+      if (activeSolutionId === 'es') {
+        breadcrumbService.setBreadcrumbs(IndexManagementBreadcrumb.indicesList);
+      } else {
+        breadcrumbService.setBreadcrumbs(IndexManagementBreadcrumb.indices);
+      }
+    }
+  }, [activeSolutionId, cloud]);
 
   return (
     <div className={`${APP_WRAPPER_CLASS} im-snapshotTestSubject`} data-test-subj="indicesList">

x-pack/platform/plugins/shared/index_management/public/application/services/breadcrumbs.ts

@@ -44,6 +44,9 @@ export enum IndexManagementBreadcrumb {
    */
   enrichPolicies = 'enrichPolicies',
   enrichPoliciesCreate = 'enrichPoliciesCreate',
+
+  content = 'content',
+  indicesList = 'indicesList',
 }
 
 class BreadcrumbService {
@@ -56,7 +59,14 @@ class BreadcrumbService {
 
   public setup(setBreadcrumbsHandler: SetBreadcrumbs): void {
     this.setBreadcrumbsHandler = setBreadcrumbsHandler;
-
+    this.breadcrumbs.content = [
+      {
+        text: i18n.translate('xpack.idxMgmt.breadcrumb.contentLabel', {
+          defaultMessage: 'Content',
+        }),
+        href: ``,
+      },
+    ];
     this.breadcrumbs.home = [
       {
         text: i18n.translate('xpack.idxMgmt.breadcrumb.homeLabel', {
@@ -194,6 +204,16 @@ class BreadcrumbService {
         href: `/enrich_policies/create`,
       },
     ];
+    this.breadcrumbs.indicesList = [
+      ...this.breadcrumbs.content,
+      ...this.breadcrumbs.home,
+      {
+        text: i18n.translate('xpack.idxMgmt.breadcrumb.indicesListLabel', {
+          defaultMessage: 'Indices',
+        }),
+        href: `/indices`,
+      },
+    ];
   }
 
   public setBreadcrumbs(

x-pack/platform/plugins/shared/index_management/public/application/services/routing.ts

@@ -11,6 +11,7 @@ import { Section } from '../../../common/constants';
 import type { IndexDetailsTabId } from '../../../common/constants';
 import { ExtensionsService } from '../../services/extensions_service';
 import { IndexDetailsSection } from '../../../common/constants';
+import { breadcrumbService, IndexManagementBreadcrumb } from './breadcrumbs';
 
 export const getTemplateListLink = () => `/templates`;
 
@@ -108,5 +109,6 @@ export const navigateToIndexDetailsPage = (
   } else {
     const route = extensionsService.indexDetailsPageRoute.renderRoute(indexName, tabId);
     application.navigateToUrl(http.basePath.prepend(route));
+    breadcrumbService.setBreadcrumbs(IndexManagementBreadcrumb.indicesList, { text: indexName });
   }
 };

x-pack/test/functional/page_objects/index_management_page.ts

@@ -208,6 +208,13 @@ export function IndexManagementPageProvider({ getService }: FtrProviderContext)
       ) {
         await testSubjects.click(tab);
       },
+      async expectBreadcrumbNavigationToHaveBreadcrumbName(breadcrumbName: string) {
+        await testSubjects.existOrFail('euiBreadcrumb');
+        expect(await testSubjects.getVisibleText('breadcrumb first')).to.contain(
+          'Stack Management'
+        );
+        expect(await testSubjects.getVisibleText('breadcrumb last')).to.contain(breadcrumbName);
+      },
     },
     async clickCreateIndexButton() {
       await testSubjects.click('createIndexButton');

x-pack/test/functional/page_objects/search_index_details_page.ts

@@ -284,7 +284,7 @@ export function SearchIndexDetailPageProvider({ getService }: FtrProviderContext
       });
     },
 
-    async expectBreadcrumbNavigationWithIndexName(indexName: string) {
+    async expectIndexNametoBeInBreadcrumbs(indexName: string) {
       await testSubjects.existOrFail('euiBreadcrumb');
       expect(await testSubjects.getVisibleText('breadcrumb last')).to.contain(indexName);
     },

x-pack/test/functional/page_objects/search_navigation.ts

@@ -4,16 +4,18 @@
  * 2.0; you may not use this file except in compliance with the Elastic License
  * 2.0.
  */
-
 import type { FtrProviderContext } from '../ftr_provider_context';
 
 export function SearchNavigationProvider({ getService, getPageObjects }: FtrProviderContext) {
   const retry = getService('retry');
-  const { common, indexManagement, header } = getPageObjects([
-    'common',
-    'indexManagement',
-    'header',
-  ]);
+  const { common, indexManagement, header, solutionNavigation, searchIndexDetailsPage } =
+    getPageObjects([
+      'common',
+      'indexManagement',
+      'header',
+      'solutionNavigation',
+      'searchIndexDetailsPage',
+    ]);
   const testSubjects = getService('testSubjects');
 
   return {
@@ -35,12 +37,13 @@ export function SearchNavigationProvider({ getService, getPageObjects }: FtrProv
         }
       });
     },
-    async navigateToIndexDetailPage(indexName: string) {
-      await retry.tryForTime(60 * 1000, async () => {
-        await common.navigateToApp(`elasticsearch/indices/index_details/${indexName}`, {
-          shouldLoginIfPrompted: false,
-        });
+
+    async navigateToIndexDetailPage() {
+      await solutionNavigation.sidenav.expectLinkExists({ text: 'Index Management' });
+      await solutionNavigation.sidenav.clickLink({
+        deepLinkId: 'management:index_management',
       });
+      await searchIndexDetailsPage.openIndicesDetailFromIndexManagementIndicesListTable(0);
       await testSubjects.existOrFail('searchIndicesDetailsPage', { timeout: 2000 });
     },
     async navigateToInferenceManagementPage(expectRedirect: boolean = false) {