[Onboarding] Make search_indices index details page as default route in index management

x-pack/packages/index-management/index_management_shared_types/src/services/extensions_service.ts

@@ -30,6 +30,9 @@ export interface IndexBadge {
   filterExpression?: string;
   color: EuiBadgeProps['color'];
 }
+export interface IndexDetailsPageRoute {
+  renderRoute: (indexName: string) => string;
+}
 
 export interface EmptyListContent {
   renderContent: (args: {
@@ -68,4 +71,6 @@ export interface ExtensionsSetup {
   setIndexOverviewContent(content: IndexContent): void;
   // sets content to render below the docs link on the mappings tab of the index page
   setIndexMappingsContent(content: IndexContent): void;
+  // sets index details page route
+  setIndexDetailsPageRoute(route: IndexDetailsPageRoute): void;
 }

x-pack/plugins/index_management/README.md

@@ -7,14 +7,15 @@ This service is exposed from the Index Management setup contract and can be used
 - `addToggle(toggle: any)`: adds a toggle to the indices list, for example to display hidden indices
 - `addColumn(column: IndicesListColumn)`: adds a column to the indices list, for example to display an ILM phase
 - `setEmptyListContent(content: EmptyListContent)`: replaces the default empty prompt displayed when there are no indices in the indices list. The empty list content has the following interface:
-
 ```ts
 export interface EmptyListContent {
   renderContent: (args: {
     createIndexButton: ReturnType<FunctionComponent>;
   }) => ReturnType<FunctionComponent>;
 }
 ```
+- `setIndexDetailsPageRoute`: registers a new route for index details page in indices list table. for example for serverless search users, the indices list page index is navigated to search_indices index detail page 
+
 
 #### Extensions to the indices list and the index details page
 - `addAction(action: any)`: adds an option to the "manage index" menu, for example to add an ILM policy to the index

x-pack/plugins/index_management/public/application/sections/home/index_list/index_table/index_table.js

@@ -57,6 +57,7 @@ const getColumnConfigs = ({
   filterChanged,
   extensionsService,
   location,
+  application,
 }) => {
   const columns = [
     {
@@ -65,17 +66,26 @@ const getColumnConfigs = ({
         defaultMessage: 'Name',
       }),
       order: 10,
-      render: (index) => (
-        <>
-          <EuiLink
-            data-test-subj="indexTableIndexNameLink"
-            onClick={() => history.push(getIndexDetailsLink(index.name, location.search || ''))}
-          >
-            {index.name}
-          </EuiLink>
-          {renderBadges(index, extensionsService, filterChanged)}
-        </>
-      ),
+      render: (index) => {
+        return (
+          <>
+            <EuiLink
+              data-test-subj="indexTableIndexNameLink"
+              onClick={() => {
+                if (!extensionsService.indexDetailsPageRoute) {
+                  history.push(getIndexDetailsLink(index.name, location.search || ''));
+                } else {
+                  const route = extensionsService.indexDetailsPageRoute.renderRoute(index.name);
+                  application.navigateToUrl(route);
+                }
+              }}
+            >
+              {index.name}
+            </EuiLink>
+            {renderBadges(index, extensionsService, filterChanged)}
+          </>
+        );
+      },
     },
     {
       fieldName: 'data_stream',
@@ -533,15 +543,17 @@ export class IndexTable extends Component {
 
     return (
       <AppContextConsumer>
-        {({ services, config }) => {
+        {({ services, config, core }) => {
           const { extensionsService } = services;
+          const { application } = core;
           const columnConfigs = getColumnConfigs({
             showIndexStats: config.enableIndexStats,
             showSizeAndDocCount: config.enableSizeAndDocCount,
             extensionsService,
             filterChanged,
             history,
             location,
+            application,
           });
           const columnsCount = columnConfigs.length + 1;
           return (

x-pack/plugins/index_management/public/services/extensions_service.mock.ts

@@ -22,6 +22,7 @@ const createServiceMock = (): ExtensionsSetupMock => ({
   addIndexDetailsTab: jest.fn(),
   setIndexOverviewContent: jest.fn(),
   setIndexMappingsContent: jest.fn(),
+  setIndexDetailsPageRoute: jest.fn(),
 });
 
 const createMock = () => {

x-pack/plugins/index_management/public/services/extensions_service.ts

@@ -13,6 +13,7 @@ import {
   EmptyListContent,
   IndexContent,
   ExtensionsSetup,
+  IndexDetailsPageRoute,
 } from '@kbn/index-management-shared-types';
 import { IndexDetailsTab } from '../../common/constants';
 
@@ -48,6 +49,7 @@ export class ExtensionsService {
   private _indexDetailsTabs: IndexDetailsTab[] = [];
   private _indexOverviewContent: IndexContent | null = null;
   private _indexMappingsContent: IndexContent | null = null;
+  private _indexDetailsPageRoute: IndexDetailsPageRoute | null = null;
   private service?: ExtensionsSetup;
 
   public setup(): ExtensionsSetup {
@@ -62,6 +64,7 @@ export class ExtensionsService {
       addIndexDetailsTab: this.addIndexDetailsTab.bind(this),
       setIndexOverviewContent: this.setIndexOverviewContent.bind(this),
       setIndexMappingsContent: this.setIndexMappingsContent.bind(this),
+      setIndexDetailsPageRoute: this.setIndexDetailsPageRoute.bind(this),
     };
 
     return this.service;
@@ -118,6 +121,13 @@ export class ExtensionsService {
       this._indexMappingsContent = content;
     }
   }
+  private setIndexDetailsPageRoute(route: IndexDetailsPageRoute) {
+    if (this._indexDetailsPageRoute) {
+      throw new Error(`The route for index details has already been set.`);
+    } else {
+      this._indexDetailsPageRoute = route;
+    }
+  }
 
   public get actions() {
     return this._actions;
@@ -158,4 +168,7 @@ export class ExtensionsService {
   public get indexMappingsContent() {
     return this._indexMappingsContent;
   }
+  public get indexDetailsPageRoute() {
+    return this._indexDetailsPageRoute;
+  }
 }

x-pack/plugins/search_indices/public/plugin.ts

@@ -65,8 +65,17 @@ export class SearchIndicesPlugin
     };
   }
 
-  public start(core: CoreStart): SearchIndicesPluginStart {
+  public start(
+    core: CoreStart,
+    deps: SearchIndicesAppPluginStartDependencies
+  ): SearchIndicesPluginStart {
+    const { indexManagement } = deps;
     docLinks.setDocLinks(core.docLinks.links);
+    indexManagement?.extensionsService.setIndexDetailsPageRoute({
+      renderRoute: (indexName) => {
+        return `/app/elasticsearch/indices/index_details/${indexName}`;
+      },
+    });
     return {};
   }
 

x-pack/plugins/search_indices/public/types.ts

@@ -32,6 +32,7 @@ export interface SearchIndicesAppPluginStartDependencies {
   cloud?: CloudStart;
   share: SharePluginStart;
   usageCollection?: UsageCollectionStart;
+  indexManagement: IndexManagementPluginStart;
 }
 
 export interface SearchIndicesServicesContextDeps {

x-pack/test_serverless/functional/test_suites/common/management/index_management/index_detail.ts

@@ -33,9 +33,12 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
       await pageObjects.indexManagement.clickCreateIndexSaveButton();
       await pageObjects.indexManagement.expectIndexToExist(testIndexName);
     });
-    it('index with no documents', async () => {
-      await pageObjects.indexManagement.indexDetailsPage.openIndexDetailsPage(0);
-      await pageObjects.indexManagement.indexDetailsPage.expectIndexDetailsPageIsLoaded();
+    describe('can view index details', function () {
+      this.tags(['skipSvlSearch']);
+      it('index with no documents', async () => {
+        await pageObjects.indexManagement.indexDetailsPage.openIndexDetailsPage(0);
+        await pageObjects.indexManagement.indexDetailsPage.expectIndexDetailsPageIsLoaded();
+      });
     });
   });
 };