Skip to content

Internationalization (i18n) ​

Agent Monitor supports 7 languages with a dropdown language selector.

Switching Languages ​

Use the language dropdown in the top-right corner of the nav bar to select your preferred language. Your preference is saved to localStorage and persists across sessions.

Supported Languages ​

LanguageCodeCoverage
EnglishenFull
Chinese (中文)zhFull
Japanese (日本語)jaFull
Korean (한국어)koFull
Spanish (Español)esFull
French (Français)frFull
German (Deutsch)deFull

What Gets Translated ​

  • Navigation labels
  • Button text and form labels
  • Placeholder text
  • Slash command descriptions
  • Status messages and system output
  • Error messages

Technical Details ​

  • Translations are in client/src/i18n/translations.ts
  • Uses React Context (LanguageProvider) with a custom useTranslation() hook
  • No external i18n library needed
  • Supports interpolation in translation strings (e.g., 'dashboard.externalShow': 'External ()' used as t('dashboard.externalShow', { count: 5 }))
  • Technical terms (CLI flags, model names, provider names) remain untranslated