[ML] Fixes broken Data Visualizer & AIOps navigation breadcrumbs / sidebar in solutions

src/platform/packages/shared/deeplinks/ml/deep_links.ts

@@ -17,13 +17,17 @@ export type LinkId =
   | 'anomalyExplorer'
   | 'singleMetricViewer'
   | 'dataDrift'
+  | 'dataDriftPage'
   | 'dataFrameAnalytics'
   | 'resultExplorer'
   | 'analyticsMap'
   | 'aiOps'
   | 'logRateAnalysis'
+  | 'logRateAnalysisPage'
   | 'logPatternAnalysis'
+  | 'logPatternAnalysisPage'
   | 'changePointDetections'
+  | 'changePointDetectionsPage'
   | 'modelManagement'
   | 'nodesOverview'
   | 'nodes'
@@ -32,6 +36,7 @@ export type LinkId =
   | 'dataVisualizer'
   | 'fileUpload'
   | 'indexDataVisualizer'
+  | 'indexDataVisualizerPage'
   | 'settings'
   | 'calendarSettings'
   | 'calendarSettings'

src/platform/packages/shared/shared-ux/label_formatter/src/to_sentence_case.ts

@@ -13,10 +13,6 @@
  */
 const TITLE_CASE_GLOSSARY = [
   'Machine Learning',
-  'Data Visualizer',
-  'Log Rate Analysis',
-  'Log Pattern Analysis',
-  'Change Point Detection',
   'Index Management',
   'Index Lifecycle Policies',
   'Snapshot and Restore',
@@ -44,7 +40,6 @@ const TITLE_CASE_GLOSSARY = [
   'Developer Tools',
   'Stack Management',
   'Alerts and Insights',
-  'AIOps labs',
   'AI',
   'Ingest and Integrations',
   'API keys',

x-pack/platform/plugins/private/data_visualizer/public/application/common/constants.ts

@@ -12,6 +12,6 @@ export const DEFAULT_BAR_TARGET = 75;
 export const INDEX_DATA_VISUALIZER_NAME = i18n.translate(
   'xpack.dataVisualizer.chrome.help.appName',
   {
-    defaultMessage: 'Data Visualizer',
+    defaultMessage: 'Data visualizer',
   }
 );

x-pack/platform/plugins/shared/ml/public/application/components/ml_page/side_nav.tsx

@@ -88,7 +88,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
           {
             id: 'datavisualizer',
             name: i18n.translate('xpack.ml.navMenu.dataVisualizerTabLinkText', {
-              defaultMessage: 'Data Visualizer',
+              defaultMessage: 'Data visualizer',
             }),
             disabled: false,
             pathId: ML_PAGES.DATA_VISUALIZER,
@@ -108,7 +108,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
                 {
                   id: 'anomaly_explorer',
                   name: i18n.translate('xpack.ml.navMenu.anomalyDetection.anomalyExplorerText', {
-                    defaultMessage: 'Anomaly Explorer',
+                    defaultMessage: 'Anomaly explorer',
                   }),
                   disabled: disableLinks || !isADEnabled,
                   pathId: ML_PAGES.ANOMALY_EXPLORER,
@@ -117,7 +117,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
                 {
                   id: 'single_metric_viewer',
                   name: i18n.translate('xpack.ml.navMenu.anomalyDetection.singleMetricViewerText', {
-                    defaultMessage: 'Single Metric Viewer',
+                    defaultMessage: 'Single metric viewer',
                   }),
                   pathId: ML_PAGES.SINGLE_METRIC_VIEWER,
                   disabled: disableLinks || !isADEnabled,
@@ -132,15 +132,15 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
             {
               id: 'data_frame_analytics_section',
               name: i18n.translate('xpack.ml.navMenu.dataFrameAnalyticsTabLinkText', {
-                defaultMessage: 'Data Frame Analytics',
+                defaultMessage: 'Data frame analytics',
               }),
               disabled: disableLinks || !isDFAEnabled,
               items: [
                 {
                   id: 'data_frame_analytics_results_explorer',
                   pathId: ML_PAGES.DATA_FRAME_ANALYTICS_EXPLORATION,
                   name: i18n.translate('xpack.ml.navMenu.dataFrameAnalytics.resultsExplorerText', {
-                    defaultMessage: 'Results Explorer',
+                    defaultMessage: 'Results explorer',
                   }),
                   disabled: disableLinks || !isDFAEnabled,
                   testSubj: 'mlMainTab dataFrameAnalyticsResultsExplorer',
@@ -149,7 +149,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
                   id: 'data_frame_analytics_job_map',
                   pathId: ML_PAGES.DATA_FRAME_ANALYTICS_MAP,
                   name: i18n.translate('xpack.ml.navMenu.dataFrameAnalytics.analyticsMapText', {
-                    defaultMessage: 'Analytics Map',
+                    defaultMessage: 'Analytics map',
                   }),
                   disabled: disableLinks || !isDFAEnabled,
                   testSubj: 'mlMainTab dataFrameAnalyticsMap',
@@ -175,7 +175,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
           id: 'logRateAnalysis',
           pathId: ML_PAGES.AIOPS_LOG_RATE_ANALYSIS_INDEX_SELECT,
           name: i18n.translate('xpack.ml.navMenu.logRateAnalysisLinkText', {
-            defaultMessage: 'Log Rate Analysis',
+            defaultMessage: 'Log rate analysis',
           }),
           disabled: disableLinks,
           testSubj: 'mlMainTab logRateAnalysis',
@@ -185,7 +185,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
           id: 'logCategorization',
           pathId: ML_PAGES.AIOPS_LOG_CATEGORIZATION_INDEX_SELECT,
           name: i18n.translate('xpack.ml.navMenu.logCategorizationLinkText', {
-            defaultMessage: 'Log Pattern Analysis',
+            defaultMessage: 'Log pattern analysis',
           }),
           disabled: disableLinks,
           testSubj: 'mlMainTab logCategorization',
@@ -197,7 +197,7 @@ export function useSideNavItems(activeRoute: MlRoute | undefined) {
                 id: 'changePointDetection',
                 pathId: ML_PAGES.AIOPS_CHANGE_POINT_DETECTION_INDEX_SELECT,
                 name: i18n.translate('xpack.ml.navMenu.changePointDetectionLinkText', {
-                  defaultMessage: 'Change Point Detection',
+                  defaultMessage: 'Change point detection',
                 }),
                 disabled: disableLinks,
                 testSubj: 'mlMainTab changePointDetection',

x-pack/platform/plugins/shared/ml/public/application/datavisualizer/datavisualizer_selector.tsx

@@ -84,7 +84,7 @@ export const DatavisualizerSelector: FC = () => {
             title={
               <FormattedMessage
                 id="xpack.ml.datavisualizer.selector.dataVisualizerTitle"
-                defaultMessage="Data Visualizer"
+                defaultMessage="Data visualizer"
               />
             }
           />

x-pack/platform/plugins/shared/ml/public/application/routing/breadcrumbs.ts

@@ -27,7 +27,7 @@ const stackManagementBreadcrumbText = i18n.translate(
 
 export const ANOMALY_DETECTION_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbType = {
   text: i18n.translate('xpack.ml.anomalyDetectionManagementBreadcrumbLabel', {
-    defaultMessage: 'Anomaly Detection Jobs',
+    defaultMessage: 'Anomaly detection jobs',
   }),
   appId: 'anomaly_detection',
   path: ML_PAGES.ANOMALY_DETECTION_JOBS_MANAGE,
@@ -44,7 +44,7 @@ export const CREATE_JOB_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbType = {
 
 export const DATA_FRAME_ANALYTICS_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbType = {
   text: i18n.translate('xpack.ml.dataFrameAnalyticsManagementLabel', {
-    defaultMessage: 'Data Frame Analytics Jobs',
+    defaultMessage: 'Data frame analytics jobs',
   }),
   appId: 'analytics',
   path: ML_PAGES.DATA_FRAME_ANALYTICS_JOBS_MANAGE,
@@ -53,7 +53,7 @@ export const DATA_FRAME_ANALYTICS_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbTyp
 
 export const TRAINED_MODELS_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbType = {
   text: i18n.translate('xpack.ml.trainedModelManagementLabel', {
-    defaultMessage: 'Trained Models',
+    defaultMessage: 'Trained models',
   }),
   appId: 'trained_models',
   path: '',
@@ -71,7 +71,7 @@ export const SUPPLIED_CONFIGURATIONS_MANAGEMENT_BREADCRUMB: ManagementBreadcrumb
 
 export const SETTINGS_MANAGEMENT_BREADCRUMB: ManagementBreadcrumbType = {
   text: i18n.translate('xpack.ml.settingsBreadcrumbLabel', {
-    defaultMessage: 'Anomaly Detection Settings',
+    defaultMessage: 'Anomaly detection settings',
   }),
   appId: 'ad_settings',
   path: '',
@@ -114,7 +114,7 @@ export const ML_BREADCRUMB: ChromeBreadcrumb = Object.freeze({
 
 export const DATA_VISUALIZER_BREADCRUMB: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.datavisualizerBreadcrumbLabel', {
-    defaultMessage: 'Data Visualizer',
+    defaultMessage: 'Data visualizer',
   }),
   href: '/datavisualizer',
   deepLinkId: 'ml:dataVisualizer',
@@ -145,39 +145,69 @@ export const AIOPS_BREADCRUMB_CHANGE_POINT_DETECTION: ChromeBreadcrumb = Object.
 
 export const LOG_RATE_ANALYSIS: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.aiops.logRateAnalysisBreadcrumbLabel', {
-    defaultMessage: 'Log Rate Analysis',
+    defaultMessage: 'Log rate analysis',
   }),
   href: '/aiops/log_rate_analysis_index_select',
   deepLinkId: 'ml:logRateAnalysis',
 });
 
+export const LOG_RATE_ANALYSIS_PAGE: ChromeBreadcrumb = Object.freeze({
+  text: i18n.translate('xpack.ml.aiops.logRateAnalysisBreadcrumbLabel', {
+    defaultMessage: 'Log rate analysis',
+  }),
+  href: '/aiops/log_rate_analysis',
+  deepLinkId: 'ml:logRateAnalysisPage',
+});
 export const LOG_PATTERN_ANALYSIS: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.aiops.logPatternAnalysisBreadcrumbLabel', {
-    defaultMessage: 'Log Pattern Analysis',
+    defaultMessage: 'Log pattern analysis',
   }),
   href: '/aiops/log_categorization_index_select',
   deepLinkId: 'ml:logPatternAnalysis',
 });
 
+export const LOG_PATTERN_ANALYSIS_PAGE: ChromeBreadcrumb = Object.freeze({
+  text: i18n.translate('xpack.ml.aiops.logPatternAnalysisBreadcrumbLabel', {
+    defaultMessage: 'Log pattern analysis',
+  }),
+  href: '/aiops/log_categorization',
+  deepLinkId: 'ml:logPatternAnalysisPage',
+});
 export const CHANGE_POINT_DETECTION: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.aiops.changePointDetectionBreadcrumbLabel', {
-    defaultMessage: 'Change Point Detection',
+    defaultMessage: 'Change point detection',
   }),
   href: '/aiops/change_point_detection_index_select',
   deepLinkId: 'ml:changePointDetections',
 });
 
+export const CHANGE_POINT_DETECTION_PAGE: ChromeBreadcrumb = Object.freeze({
+  text: i18n.translate('xpack.ml.aiops.changePointDetectionBreadcrumbLabel', {
+    defaultMessage: 'Change point detection',
+  }),
+  href: '/aiops/change_point_detection',
+  deepLinkId: 'ml:changePointDetectionsPage',
+});
+
 export const DATA_DRIFT_BREADCRUMB: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.settings.breadcrumbs.dataComparisonLabel', {
-    defaultMessage: 'Data Drift',
+    defaultMessage: 'Data drift',
   }),
   href: '/data_drift_index_select',
   deepLinkId: 'ml:dataDrift',
 });
 
+export const DATA_DRIFT_PAGE: ChromeBreadcrumb = Object.freeze({
+  text: i18n.translate('xpack.ml.settings.breadcrumbs.dataComparisonLabel', {
+    defaultMessage: 'Data drift',
+  }),
+  href: '/data_drift',
+  deepLinkId: 'ml:dataDriftPage',
+});
+
 export const DATA_DRIFT_INDEX_SELECT_BREADCRUMB: ChromeBreadcrumb = Object.freeze({
   text: i18n.translate('xpack.ml.settings.breadcrumbs.dataComparisonLabel', {
-    defaultMessage: 'Select Data View',
+    defaultMessage: 'Select data view',
   }),
   href: '/data_drift_index_select',
   deepLinkId: 'ml:dataDrift',
@@ -199,13 +229,17 @@ type ManagementBreadcrumb = keyof typeof managementBreadcrumbs;
 const breadcrumbs = {
   ML_BREADCRUMB,
   DATA_DRIFT_INDEX_SELECT_BREADCRUMB,
+  DATA_DRIFT_PAGE,
   DATA_VISUALIZER_BREADCRUMB,
   AIOPS_BREADCRUMB_LOG_RATE_ANALYSIS,
   AIOPS_BREADCRUMB_LOG_PATTERN_ANALYSIS,
   AIOPS_BREADCRUMB_CHANGE_POINT_DETECTION,
   LOG_RATE_ANALYSIS,
+  LOG_RATE_ANALYSIS_PAGE,
   LOG_PATTERN_ANALYSIS,
+  LOG_PATTERN_ANALYSIS_PAGE,
   CHANGE_POINT_DETECTION,
+  CHANGE_POINT_DETECTION_PAGE,
 };
 type Breadcrumb = keyof typeof breadcrumbs;
 

x-pack/platform/plugins/shared/ml/public/application/routing/routes/aiops/log_categorization.tsx

@@ -28,15 +28,15 @@ export const logCategorizationRouteFactory = (
   id: 'log_categorization',
   path: createPath(ML_PAGES.AIOPS_LOG_CATEGORIZATION),
   title: i18n.translate('xpack.ml.aiops.logCategorization.docTitle', {
-    defaultMessage: 'Log Pattern Analysis',
+    defaultMessage: 'Log pattern analysis',
   }),
   render: () => <PageWrapper />,
   breadcrumbs: [
     getBreadcrumbWithUrlForApp('ML_BREADCRUMB', navigateToPath, basePath),
     getBreadcrumbWithUrlForApp('AIOPS_BREADCRUMB_LOG_PATTERN_ANALYSIS', navigateToPath, basePath),
     {
       text: i18n.translate('xpack.ml.aiops.logCategorization.docTitle', {
-        defaultMessage: 'Log Pattern Analysis',
+        defaultMessage: 'Log pattern analysis',
       }),
     },
   ],

x-pack/platform/plugins/shared/ml/public/application/routing/routes/datavisualizer/data_comparison.tsx

@@ -30,7 +30,7 @@ export const dataDriftRouteFactory = (
   navigateToPath: NavigateToPath,
   basePath: string
 ): MlRoute => ({
-  id: 'data_drift',
+  id: 'dataDriftPage',
   path: createPath(ML_PAGES.DATA_DRIFT),
   title: i18n.translate('xpack.ml.dataVisualizer.dataDrift.docTitle', {
     defaultMessage: 'Data Drift',

x-pack/platform/plugins/shared/ml/public/application/routing/routes/datavisualizer/data_drift.tsx

@@ -32,7 +32,7 @@ export const dataDriftRouteIndexOrSearchFactory = (
   navigateToPath: NavigateToPath,
   basePath: string
 ): MlRoute => ({
-  id: 'data_drift',
+  id: 'dataDrift',
   path: createPath(ML_PAGES.DATA_DRIFT_INDEX_SELECT),
   title: i18n.translate('xpack.ml.dataVisualizer.dataDrift.docTitle', {
     defaultMessage: 'Data Drift',

x-pack/platform/plugins/shared/ml/public/application/routing/routes/datavisualizer/datavisualizer.tsx

@@ -27,7 +27,7 @@ export const selectorRouteFactory = (
   id: 'datavisualizer',
   path: createPath(ML_PAGES.DATA_VISUALIZER),
   title: i18n.translate('xpack.ml.dataVisualizer.docTitle', {
-    defaultMessage: 'Data Visualizer',
+    defaultMessage: 'Data visualizer',
   }),
   render: () => <PageWrapper />,
   breadcrumbs: [

x-pack/platform/plugins/shared/ml/public/application/routing/routes/datavisualizer/file_based.tsx

@@ -25,7 +25,7 @@ export const fileBasedRouteFactory = (
   navigateToPath: NavigateToPath,
   basePath: string
 ): MlRoute => ({
-  id: 'filedatavisualizer',
+  id: 'fileUpload',
   path: createPath(ML_PAGES.DATA_VISUALIZER_FILE),
   title: i18n.translate('xpack.ml.dataVisualizer.file.docTitle', {
     defaultMessage: 'File Data Visualizer',

x-pack/platform/plugins/shared/ml/public/application/routing/routes/datavisualizer/index_based.tsx

@@ -26,7 +26,7 @@ export const indexBasedRouteFactory = (
   navigateToPath: NavigateToPath,
   basePath: string
 ): MlRoute => ({
-  id: 'data_view_datavisualizer',
+  id: 'indexDataVisualizer',
   path: createPath(ML_PAGES.DATA_VISUALIZER_INDEX_VIEWER),
   title: i18n.translate('xpack.ml.dataVisualizer.dataView.docTitle', {
     defaultMessage: 'Index Data Visualizer',
@@ -47,7 +47,7 @@ export const indexESQLBasedRouteFactory = (
   navigateToPath: NavigateToPath,
   basePath: string
 ): MlRoute => ({
-  id: 'data_view_datavisualizer_esql',
+  id: 'esqlDataVisualizer',
   path: createPath(ML_PAGES.DATA_VISUALIZER_ESQL),
   title: i18n.translate('xpack.ml.dataVisualizer.esql.docTitle', {
     defaultMessage: 'Index Data Visualizer (ES|QL)',