Extend ru-RU core catalog for dashboard UI.

Add Russian strings for query editor, vis builder, and related core
plugins used across the Wazuh dashboard shell.

Signed-off-by: svn <svn@users.noreply.github.com>
Co-authored-by: Cursor <cursoragent@cursor.com>

Author: 2 people

src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap

@@ -430,12 +430,14 @@ export const getEuiContextMapping = () => {
       }),
     'euiRelativeTab.relativeDate': ({ position }: EuiValues) =>
       i18n.translate('core.euiRelativeTab.relativeDate', {
-        defaultMessage: '{position} date',
+        defaultMessage:
+          '{position, select, Start {Start date} End {End date} other {{position} date}}',
         values: { position },
       }),
     'euiRelativeTab.roundingLabel': ({ unit }: EuiValues) =>
       i18n.translate('core.euiRelativeTab.roundingLabel', {
-        defaultMessage: 'Round to the {unit}',
+        defaultMessage:
+          '{unit, select, second {Round to the second} minute {Round to the minute} hour {Round to the hour} day {Round to the day} week {Round to the week} month {Round to the month} year {Round to the year} other {Round to the {unit}}}',
         values: { unit },
       }),
     'euiRelativeTab.unitInputLabel': i18n.translate('core.euiRelativeTab.unitInputLabel', {

src/core/public/i18n/i18n_eui_mapping.tsx

@@ -29,11 +29,32 @@
  */
 
 import React from 'react';
+import moment from 'moment';
 import { EuiContext } from '@elastic/eui';
+import { i18n } from '@osd/i18n';
 import { I18nProvider } from '@osd/i18n/react';
 
+import 'moment/locale/ru';
+
 import { getEuiContextMapping } from './i18n_eui_mapping';
 
+function toMomentLocale(osdLocale: string): string {
+  const lower = (osdLocale || 'en').toLowerCase();
+  if (lower.startsWith('ru')) {
+    return 'ru';
+  }
+  if (lower === 'zh-cn' || lower.startsWith('zh-cn')) {
+    return 'zh-cn';
+  }
+  if (lower === 'zh-tw' || lower.startsWith('zh-tw')) {
+    return 'zh-tw';
+  }
+  if (lower.startsWith('pt')) {
+    return 'pt';
+  }
+  return osdLocale.split('-')[0] || 'en';
+}
+
 /**
  * Service that is responsible for i18n capabilities.
  * @internal
@@ -49,6 +70,8 @@ export class I18nService {
    */
   public getContext(): I18nStart {
     const euiContextMapping = getEuiContextMapping();
+    const locale = toMomentLocale(typeof i18n.getLocale === 'function' ? i18n.getLocale() : 'en');
+    moment.locale(locale);
 
     const mapping = {
       ...euiContextMapping,
@@ -57,7 +80,7 @@ export class I18nService {
       Context: function I18nContext({ children }) {
         return (
           <I18nProvider>
-            <EuiContext i18n={{ mapping }}>{children}</EuiContext>
+            <EuiContext i18n={{ mapping, locale }}>{children}</EuiContext>
           </I18nProvider>
         );
       },

src/core/public/i18n/i18n_service.tsx

@@ -35,15 +35,21 @@ export const HeaderUserThemeMenu = () => {
   const colorModeOptions = [
     {
       value: 'light',
-      text: 'Light mode',
+      text: i18n.translate('advancedSettings.headerGlobalNav.colorMode.light', {
+        defaultMessage: 'Light mode',
+      }),
     },
     {
       value: 'dark',
-      text: 'Dark mode',
+      text: i18n.translate('advancedSettings.headerGlobalNav.colorMode.dark', {
+        defaultMessage: 'Dark mode',
+      }),
     },
     {
       value: 'automatic',
-      text: 'Use browser settings',
+      text: i18n.translate('advancedSettings.headerGlobalNav.colorMode.automatic', {
+        defaultMessage: 'Use browser settings',
+      }),
     },
   ];
   const defaultThemeVersion = uiSettings.getDefault('theme:version');
@@ -145,25 +151,38 @@ export const HeaderUserThemeMenu = () => {
     </EuiToolTip>
   );
 
-  // TODO: make i18n, check all translation ids
+  const defaultColorModeLabel =
+    colorModeOptions.find((t) => {
+      const defaultValue = defaultIsDarkMode ? 'dark' : 'light';
+      return defaultValue === t.value;
+    })?.text ?? '';
+
   // TODO: fix focus behavior
   const appearanceContent = (
     <div style={{ maxWidth: 300 }}>
-      <EuiCompressedFormRow label="Theme version" helpText={`Default: ${defaultThemeVersion}`}>
+      <EuiCompressedFormRow
+        label={i18n.translate('advancedSettings.headerGlobalNav.themeVersionLabel', {
+          defaultMessage: 'Theme version',
+        })}
+        helpText={i18n.translate('advancedSettings.field.defaultValueText', {
+          defaultMessage: 'Default: {value}',
+          values: { value: defaultThemeVersion },
+        })}
+      >
         <EuiCompressedSelect
           options={themeVersionOptions}
           value={selectedThemeVersion}
           onChange={handleThemeVersionChange}
         />
       </EuiCompressedFormRow>
       <EuiCompressedFormRow
-        label="Screen mode"
-        helpText={`Default: ${
-          colorModeOptions.find((t) => {
-            const defaultValue = defaultIsDarkMode ? 'dark' : 'light';
-            return defaultValue === t.value;
-          })?.text
-        }`}
+        label={i18n.translate('advancedSettings.headerGlobalNav.screenModeLabel', {
+          defaultMessage: 'Screen mode',
+        })}
+        helpText={i18n.translate('advancedSettings.field.defaultValueText', {
+          defaultMessage: 'Default: {value}',
+          values: { value: defaultColorModeLabel },
+        })}
       >
         <EuiCompressedSelect
           options={colorModeOptions}
@@ -178,15 +197,19 @@ export const HeaderUserThemeMenu = () => {
               target="_blank"
               href="https://forum.opensearch.org/t/feedback-on-dark-mode-experience/15725"
             >
-              Theme feedback
+              {i18n.translate('advancedSettings.headerGlobalNav.themeFeedbackLink', {
+                defaultMessage: 'Theme feedback',
+              })}
             </EuiLink>
           </EuiCompressedFormRow>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiCompressedFormRow hasEmptyLabelSpace>
             {/* TODO: disable submit until changes */}
             <EuiSmallButton onClick={applyAppearanceSettings} type="submit">
-              Apply
+              {i18n.translate('advancedSettings.headerGlobalNav.applyButtonLabel', {
+                defaultMessage: 'Apply',
+              })}
             </EuiSmallButton>
           </EuiCompressedFormRow>
         </EuiFlexItem>

src/plugins/advanced_settings/public/header_user_theme_menu.tsx

@@ -32,12 +32,16 @@ const sectionRender = (contents: Content[]) => {
 export const setupUserSettingsPage = (contentManagement?: ContentManagementPluginSetup) => {
   contentManagement?.registerPage({
     id: 'user_settings',
-    title: 'User Settings',
+    title: i18n.translate('advancedSettings.userSettingsLabel', {
+      defaultMessage: 'User settings',
+    }),
     sections: [
       {
         id: 'user_profile',
         order: 1000,
-        title: `User's profile`,
+        title: i18n.translate('advancedSettings.userSettings.profileSectionTitle', {
+          defaultMessage: "User's profile",
+        }),
         kind: 'custom',
         render: sectionRender,
       },

src/plugins/advanced_settings/public/management_app/user_settings.tsx

@@ -5,10 +5,13 @@
 
 import React, { Fragment } from 'react';
 import { FormattedMessage } from '@osd/i18n/react';
+import { i18n } from '@osd/i18n';
 import { EuiSmallButton, EuiEmptyPrompt, EuiLink, EuiText } from '@elastic/eui';
 import { ApplicationStart } from 'opensearch-dashboards/public';
 
-const appName = 'Wazuh dashboard';
+const appName = i18n.translate('dashboard.listing.appName', {
+  defaultMessage: 'Wazuh dashboard',
+});
 export const getNoItemsMessage = (
   hideWriteControls: boolean,
   createItem: () => void,

src/plugins/dashboard/public/application/utils/get_no_items_message.tsx

@@ -34,6 +34,7 @@ import {
 import { UI_SETTINGS } from '../../../common';
 import { getQueryLog, PersistedLog, QueryStatus } from '../../query';
 import { NoDataPopover } from './no_data_popover';
+import { toDatePickerLocale, translateQuickRangeLabel } from '../query_string_input/timepicker_i18n';
 import QueryEditorUI from './query_editor';
 import { useCancelButtonTiming } from '../hooks';
 
@@ -395,7 +396,7 @@ export default function QueryEditorTopRow(props: QueryEditorTopRowProps) {
         return {
           start: from,
           end: to,
-          label: display,
+          label: translateQuickRangeLabel(from, to, display),
         };
       });
 
@@ -423,6 +424,7 @@ export default function QueryEditorTopRow(props: QueryEditorTopRowProps) {
           className="osdQueryEditor__datePicker"
           data-test-subj="osdQueryEditorDatePicker"
           compressed={true}
+          locale={toDatePickerLocale()}
         />
       </EuiFlexItem>
     );

src/plugins/data/public/ui/query_editor/query_editor_top_row.tsx

@@ -57,6 +57,7 @@ import QueryStringInputUI from './query_string_input';
 import { doesKueryExpressionHaveLuceneSyntaxError, UI_SETTINGS } from '../../../common';
 import { PersistedLog, getQueryLog } from '../../query';
 import { NoDataPopover } from './no_data_popover';
+import { toDatePickerLocale, translateQuickRangeLabel } from './timepicker_i18n';
 
 const QueryStringInput = withOpenSearchDashboards(QueryStringInputUI);
 
@@ -343,7 +344,7 @@ export default function QueryBarTopRow(props: QueryBarTopRowProps) {
         return {
           start: from,
           end: to,
-          label: display,
+          label: translateQuickRangeLabel(from, to, display),
         };
       });
 
@@ -371,6 +372,7 @@ export default function QueryBarTopRow(props: QueryBarTopRowProps) {
           className="osdQueryBar__datePicker"
           data-test-subj="osdQueryBarDatePicker"
           compressed={true}
+          locale={toDatePickerLocale()}
         />
       </EuiFlexItem>
     );

src/plugins/data/public/ui/query_string_input/query_bar_top_row.tsx

@@ -0,0 +1,107 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { i18n } from '@osd/i18n';
+
+interface QuickRangeLabel {
+  from: string;
+  to: string;
+  id: string;
+  defaultMessage: string;
+}
+
+/**
+ * Default timepicker:quickRanges from data.advancedSettings.timepicker.*.
+ * Labels are stored in uiSettings as English on first write; re-translate at render.
+ */
+const QUICK_RANGE_LABELS: QuickRangeLabel[] = [
+  {
+    from: 'now/d',
+    to: 'now/d',
+    id: 'data.advancedSettings.timepicker.today',
+    defaultMessage: 'Today',
+  },
+  {
+    from: 'now/w',
+    to: 'now/w',
+    id: 'data.advancedSettings.timepicker.thisWeek',
+    defaultMessage: 'This week',
+  },
+  {
+    from: 'now-15m',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last15Minutes',
+    defaultMessage: 'Last 15 minutes',
+  },
+  {
+    from: 'now-30m',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last30Minutes',
+    defaultMessage: 'Last 30 minutes',
+  },
+  {
+    from: 'now-1h',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last1Hour',
+    defaultMessage: 'Last 1 hour',
+  },
+  {
+    from: 'now-24h',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last24Hours',
+    defaultMessage: 'Last 24 hours',
+  },
+  {
+    from: 'now-7d',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last7Days',
+    defaultMessage: 'Last 7 days',
+  },
+  {
+    from: 'now-30d',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last30Days',
+    defaultMessage: 'Last 30 days',
+  },
+  {
+    from: 'now-90d',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last90Days',
+    defaultMessage: 'Last 90 days',
+  },
+  {
+    from: 'now-1y',
+    to: 'now',
+    id: 'data.advancedSettings.timepicker.last1Year',
+    defaultMessage: 'Last 1 year',
+  },
+];
+
+const byFromTo = new Map(QUICK_RANGE_LABELS.map((range) => [`${range.from}|${range.to}`, range]));
+const byDisplay = new Map(QUICK_RANGE_LABELS.map((range) => [range.defaultMessage, range]));
+
+export function translateQuickRangeLabel(from: string, to: string, display: string): string {
+  const match = byFromTo.get(`${from}|${to}`) || byDisplay.get(display);
+  if (!match) {
+    return display;
+  }
+  return i18n.translate(match.id, { defaultMessage: match.defaultMessage });
+}
+
+export function toDatePickerLocale(osdLocale?: string): string {
+  const locale =
+    osdLocale || (typeof i18n.getLocale === 'function' ? i18n.getLocale() : 'en') || 'en';
+  const lower = locale.toLowerCase();
+  if (lower.startsWith('ru')) {
+    return 'ru';
+  }
+  if (lower === 'zh-cn' || lower.startsWith('zh-cn')) {
+    return 'zh-cn';
+  }
+  if (lower === 'zh-tw' || lower.startsWith('zh-tw')) {
+    return 'zh-tw';
+  }
+  return locale.split('-')[0] || 'en';
+}

src/plugins/data/public/ui/query_string_input/timepicker_i18n.ts

@@ -19,7 +19,6 @@ import { toMountPoint } from '../../../../src/plugins/opensearch_dashboards_reac
 import { DashboardDirectQuerySyncBanner } from './components/direct_query_data_sources_components/direct_query_sync/direct_query_sync_banner';
 import { parseUrlHash } from '../../opensearch_dashboards_utils/public';
 
-import { PLUGIN_NAME } from '../common';
 import { createDataSourceSelector } from './components/data_source_selector/create_data_source_selector';
 
 import { ManagementSetup } from '../../management/public';
@@ -148,9 +147,13 @@ export class DataSourceManagementPlugin
 
     this.featureFlagStatus = !!dataSource;
 
+    const dataSourcesTitle = i18n.translate('dataSourcesManagement.dataSources.listBreadcrumb', {
+      defaultMessage: 'Data sources',
+    });
+
     opensearchDashboardsSection.registerApp({
       id: DSM_APP_ID,
-      title: PLUGIN_NAME,
+      title: dataSourcesTitle,
       order: 1,
       // @ts-expect-error TS2322 TODO(ts-error): fixme
       mount: async (params: AppMountParameters) => {
@@ -169,7 +172,7 @@ export class DataSourceManagementPlugin
     if (core.chrome.navGroup.getNavGroupEnabled()) {
       core.application.register({
         id: DSM_APP_ID,
-        title: PLUGIN_NAME,
+        title: dataSourcesTitle,
         order: 100,
         description: i18n.translate('dataSourcesManagement.description', {
           defaultMessage: 'Create and manage data source connections.',