[Serverless] Update observability side navigation (#160866)

Update once again the side navigation tree to match the latest mocks - https://www.figma.com/file/S4fn8L4j8fG1H6331Lw3kb/IA%2FNavigation?type=design&node-id=1265-151762&mode=design ### Before ![image](https://github.com/elastic/kibana/assets/3369346/65e1a394-e3ad-43da-a193-c2b2861bbbb1) ### After https://github.com/elastic/kibana/assets/3369346/ba570fba-798e-4273-95e7-e0e5a1ec9a88 ### Notes for reviewers - ML deep links will be visible after the #159433 --------- Co-authored-by: Kibana Machine <[email protected]>
elastic · Jul 3, 2023 · 831e858 · 831e858
1 parent b3ce696
commit 831e858
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 28 deletions.
diff --git a/packages/deeplinks/management/deep_links.ts b/packages/deeplinks/management/deep_links.ts
@@ -54,4 +54,8 @@ export type ManagementDeepLinkId = MonitoringAppId | `${ManagementAppId}:${Manag
 // Combined
 export type AppId = MonitoringAppId | IntegrationsAppId | ManagementAppId;
 export type LinkId = ManagementId;
-export type DeepLinkId = MonitoringDeepLinkId | IntegrationsDeepLinkId | ManagementDeepLinkId;
+export type DeepLinkId =
+  | AppId
+  | MonitoringDeepLinkId
+  | IntegrationsDeepLinkId
+  | ManagementDeepLinkId;
diff --git a/x-pack/plugins/serverless_observability/public/components/side_navigation/index.tsx b/x-pack/plugins/serverless_observability/public/components/side_navigation/index.tsx
@@ -11,7 +11,6 @@ import {
   DefaultNavigation,
   NavigationKibanaProvider,
   NavigationTreeDefinition,
-  getPresets,
 } from '@kbn/shared-ux-chrome-navigation';
 import React from 'react';
 import { i18n } from '@kbn/i18n';
@@ -28,7 +27,7 @@ const navigationTree: NavigationTreeDefinition = {
       breadcrumbStatus: 'hidden',
       children: [
         {
-          id: 'discover-dashboard-viz',
+          id: 'discover-dashboard-alerts-slos',
           children: [
             {
               link: 'discover',
@@ -39,44 +38,75 @@ const navigationTree: NavigationTreeDefinition = {
               }),
               link: 'dashboards',
             },
-            {
-              title: i18n.translate('xpack.serverlessObservability.nav.visualizations', {
-                defaultMessage: 'Visualizations',
-              }),
-              link: 'visualize',
-            },
-          ],
-        },
-        {
-          id: 'alerts-cases-slos',
-          children: [
             {
               link: 'observability-overview:alerts',
             },
             {
-              link: 'observability-overview:cases',
+              link: 'observability-overview:slos',
             },
             {
-              link: 'observability-overview:slos',
+              id: 'aiops',
+              title: 'AIOps',
+              children: [
+                {
+                  title: i18n.translate('xpack.serverlessObservability.nav.ml.jobs', {
+                    defaultMessage: 'Anomaly detection',
+                  }),
+                  link: 'ml:anomalyDetection',
+                },
+                {
+                  title: i18n.translate('xpack.serverlessObservability.ml.spike.analysis', {
+                    defaultMessage: 'Spike analysis',
+                  }),
+                  link: 'ml:explainLogRateSpikes',
+                  icon: 'beaker',
+                },
+                {
+                  link: 'ml:changePointDetections',
+                  icon: 'beaker',
+                },
+                {
+                  title: i18n.translate('xpack.serverlessObservability.nav.ml.job.notifications', {
+                    defaultMessage: 'Job notifications',
+                  }),
+                  link: 'ml:notifications',
+                },
+              ],
             },
           ],
         },
+
         {
-          id: 'apm',
-          title: 'APM',
+          id: 'applications',
           children: [
-            { link: 'apm:services' },
             {
-              link: 'apm:traces',
+              id: 'apm',
+              title: 'Applications',
+              children: [
+                {
+                  link: 'apm:services',
+                },
+                {
+                  link: 'apm:traces',
+                },
+                {
+                  link: 'apm:dependencies',
+                },
+              ],
             },
+          ],
+        },
+        {
+          id: 'cases-vis',
+          children: [
             {
-              title: i18n.translate('xpack.serverlessObservability.nav.logs', {
-                defaultMessage: 'Logs',
-              }),
-              link: 'logs:stream',
+              link: 'observability-overview:cases',
             },
             {
-              link: 'apm:dependencies',
+              title: i18n.translate('xpack.serverlessObservability.nav.visualizations', {
+                defaultMessage: 'Visualizations',
+              }),
+              link: 'visualize',
             },
           ],
         },
@@ -85,9 +115,8 @@ const navigationTree: NavigationTreeDefinition = {
           children: [
             {
               title: i18n.translate('xpack.serverlessObservability.nav.getStarted', {
-                defaultMessage: 'Get started',
+                defaultMessage: 'Add data',
               }),
-              icon: 'launch',
               link: 'observabilityOnboarding',
             },
           ],
@@ -98,7 +127,30 @@ const navigationTree: NavigationTreeDefinition = {
   footer: [
     {
       type: 'navGroup',
-      ...getPresets('management'),
+      id: 'projest_settings_project_nav',
+      title: 'Project settings',
+      icon: 'gear',
+      defaultIsCollapsed: true,
+      breadcrumbStatus: 'hidden',
+      children: [
+        {
+          id: 'settings',
+          children: [
+            {
+              link: 'management',
+              title: i18n.translate('xpack.serverlessObservability.nav.mngt', {
+                defaultMessage: 'Management',
+              }),
+            },
+            {
+              link: 'integrations',
+            },
+            {
+              link: 'fleet',
+            },
+          ],
+        },
+      ],
     },
   ],
 };