Add side navigation component for serverless search

x-pack/plugins/serverless_search/public/layout/nav.tsx

@@ -0,0 +1,52 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License
+ * 2.0; you may not use this file except in compliance with the Elastic License
+ * 2.0.
+ */
+
+import { CoreStart } from '@kbn/core/public';
+import {
+  Navigation,
+  NavigationKibanaProvider,
+  NavItemProps,
+} from '@kbn/shared-ux-chrome-navigation';
+import React from 'react';
+
+const navItems: NavItemProps[] = [
+  {
+    name: '',
+    id: 'root',
+    items: [
+      { id: 'overview', name: 'Overview', href: '/app/enterprise_search/overview' },
+      { id: 'indices', name: 'Indices', href: '/app/enterprise_search/content/search_indices' },
+      { id: 'engines', name: 'Engines', href: '/app/enterprise_search/content/engines' },
+      { id: 'api_keys', name: 'API keys', href: '/app/management/security/api_keys' },
+      {
+        id: 'ingest_pipelines',
+        name: 'Ingest pipelines',
+        href: '/app/management/ingest/ingest_pipelines',
+      },
+    ],
+  },
+];
+
+export const serverlessSearchSideNavComponentProvider = (core: CoreStart) => () =>
+  (
+    <NavigationKibanaProvider core={core}>
+      <Navigation
+        solutions={[
+          {
+            id: 'search_project_nav',
+            items: navItems,
+            name: 'Search',
+            icon: 'logoEnterpriseSearch',
+          },
+        ]}
+        activeNavItemId="search_project_nav.root.overview"
+        platformConfig={{}}
+        homeHref="/app/enterprise_search/content/setup_guide"
+        linkToCloud="projects"
+      />
+    </NavigationKibanaProvider>
+  );

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

@@ -6,6 +6,7 @@
  */
 
 import { CoreSetup, CoreStart, Plugin } from '@kbn/core/public';
+import { serverlessSearchSideNavComponentProvider as componentProvider } from './layout/nav';
 import {
   ServerlessSearchPluginSetup,
   ServerlessSearchPluginSetupDependencies,
@@ -24,9 +25,10 @@ export class ServerlessSearchPlugin
   }
 
   public start(
-    _core: CoreStart,
+    core: CoreStart,
     _startDeps: ServerlessSearchPluginStartDependencies
   ): ServerlessSearchPluginStart {
+    core.chrome.project.setSideNavComponent(componentProvider(core));
     return {};
   }
 

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

@@ -5,7 +5,6 @@
  * 2.0.
  */
 
-import { ServerlessPluginSetup, ServerlessPluginStart } from '@kbn/serverless/public';
 import { ManagementSetup, ManagementStart } from '@kbn/management-plugin/public';
 import {
   EnterpriseSearchPublicSetup,
@@ -21,11 +20,9 @@ export interface ServerlessSearchPluginStart {}
 export interface ServerlessSearchPluginSetupDependencies {
   enterpriseSearch: EnterpriseSearchPublicSetup;
   management: ManagementSetup;
-  serverless: ServerlessPluginSetup;
 }
 
 export interface ServerlessSearchPluginStartDependencies {
   enterpriseSearch: EnterpriseSearchPublicStart;
   management: ManagementStart;
-  serverless: ServerlessPluginStart;
 }

x-pack/plugins/serverless_search/tsconfig.json

@@ -20,5 +20,6 @@
     "@kbn/enterprise-search-plugin",
     "@kbn/management-plugin",
     "@kbn/serverless",
+    "@kbn/shared-ux-chrome-navigation",
   ]
 }