> ## Documentation Index > Fetch the complete documentation index at: https://mintlify.com/koala73/worldmonitor/llms.txt > Use this file to discover all available pages before exploring further. # Localization > Multilingual support with 16 languages, RTL layouts, and localized news feeds World Monitor supports **16 languages** with fully localized UI, region-specific news feeds, and native right-to-left (RTL) layout support. ## Supported Languages World Monitor is translated into: Primary language, always loaded Français Español Deutsch Italiano Polski Português Nederlands Svenska Русский العربية (RTL) 中文 (Simplified) 日本語 Türkçe ไทย Tiếng Việt ## Changing Language The language selector is located in the **header bar** (top-right corner): Example: 🇬🇧 (English) Languages are listed with native names (e.g., "Français" not "French"). The app reloads to apply the new language across all components. Your language choice is stored in `localStorage` and persists across sessions. Language preference is detected automatically on first load from your browser's `Accept-Language` header. You can override this by manually selecting a language. ## Lazy Loading To minimize bundle size, World Monitor uses **lazy loading** for language files: * **English** is always bundled (fallback language) * **All other languages** are fetched on demand when selected This means: * Initial page load only downloads English (\~30KB) * Switching to French fetches `fr.json` (\~32KB) dynamically * Only the active language is ever loaded **Performance**: * Language switch: \~100–200ms (network fetch + parse) * Subsequent switches: instant (cached in `localStorage`) ## Right-to-Left (RTL) Support World Monitor has **native RTL layout support** for: * **Arabic** (`ar`) * **Hebrew** (planned, not yet implemented) ### What Changes in RTL Mode When you select Arabic: All text flows right-to-left: * Headlines * Panel content * Button labels * Tooltips UI elements flip horizontally: * Navigation menus * Panel order * Icon positions * Scroll bars Globe controls mirror: * Zoom buttons swap sides * Layer toggles reposition * Legend moves to left D3.js charts adapt: * Y-axis moves to right * X-axis labels flip * Legends reposition ### Technical Implementation RTL is applied via the HTML `dir` attribute: ```html theme={null} ... ... ``` CSS uses **logical properties** for automatic mirroring: ```css theme={null} /* Instead of: */ margin-left: 10px; /* Doesn't flip in RTL */ /* Use: */ margin-inline-start: 10px; /* Flips to margin-right in RTL */ ``` All World Monitor components use logical CSS properties (`inline-start`, `inline-end`, `block-start`, `block-end`) for automatic RTL support. ## Localized News Feeds When you change the UI language, World Monitor **automatically loads region-specific RSS feeds**: ### Language-Specific Feed Sets Seven locales have **dedicated native-language news sources**: * Le Monde * Jeune Afrique * France24 * RFI (Radio France Internationale) * Ouest-France * Al Jazeera Arabic * Al Arabiya * BBC Arabic * Sky News Arabia * Al Hadath * Deutsche Welle * Der Spiegel * Die Zeit * Tagesschau * El País * BBC Mundo * DW Español * Infobae * BBC Türkçe * Hürriyet * DW Turkish * TRT Haber * TVN24 * Polsat News * Rzeczpospolita * Gazeta Wyborcza * BBC Russian * Meduza * Novaya Gazeta Europe * The Moscow Times * Bangkok Post * Thai PBS * The Nation Thailand * VnExpress * Tuoi Tre News * Thanh Niên **Other languages** (English, Italian, Dutch, Swedish, Chinese, Japanese) continue to load English-language international feeds (BBC, Reuters, AP, etc.). ## AI Translation World Monitor includes **LLM-powered translation** for headlines and summaries: RSS feeds provide headlines in their original language (English, Arabic, French, etc.). Example: Switch from English to Spanish. Headlines are batched and sent to your configured LLM provider (Ollama → Groq → OpenRouter). Original: "Russia launches missile strikes"\ Translated: "Rusia lanza ataques con misiles" **Caching**: Translations are cached for 24 hours to reduce API costs. AI translation requires a configured LLM provider (Ollama, Groq, or OpenRouter). Without one, headlines appear in their original source language. ## World Brief Localization The AI-generated **World Brief** adapts to your selected language: ``` WORLD BRIEF | March 1, 2026 Russia has escalated military operations in Ukraine... The Federal Reserve signaled potential rate cuts... Taiwan reported increased PLAAF activity... ``` ``` RÉSUMÉ MONDIAL | 1er mars 2026 La Russie a intensifié les opérations militaires en Ukraine... La Réserve fédérale a signalé des baisses de taux potentielles... Taïwan a signalé une activité accrue de l'APLAAC... ``` ``` الملخص العالمي | ١ مارس ٢٠٢٦ صعدت روسيا العمليات العسكرية في أوكرانيا... أشار الاحتياطي الفيدرالي إلى تخفيضات محتملة في أسعار الفائدة... أبلغت تايوان عن نشاط متزايد لقوات PLAAF... ``` The LLM prompt instructs the model to generate summaries in the active UI language. ## Date & Number Formatting World Monitor uses **`Intl` APIs** for locale-aware formatting: ### Date Formatting * `March 1, 2026` * `3/1/2026 2:30 PM` * `2 hours ago` * `1er mars 2026` * `01/03/2026 14:30` * `il y a 2 heures` * `١ مارس ٢٠٢٦` * `٢٠٢٦/٠٣/٠١ ٠٢:٣٠ م` * `منذ ساعتين` * `2026年3月1日` * `2026/3/1 14:30` * `2小时前` ### Number Formatting * `1,234,567.89` * `$1,234.56` * `73.2%` * `1.234.567,89` * `1.234,56 €` * `73,2 %` * `١٬٢٣٤٬٥٦٧٫٨٩` * `١٬٢٣٤٫٥٦ ر.س` * `٪٧٣٫٢` **Implementation**: ```javascript theme={null} // Automatic locale-aware formatting const formatter = new Intl.NumberFormat(locale, { style: 'currency', currency: 'USD' }); formatter.format(1234.56); // en-US: "$1,234.56" // de-DE: "1.234,56 $" // ar-SA: "١٬٢٣٤٫٥٦ US$" ``` ## Language Detection On first load, World Monitor detects your preferred language using: 1. **localStorage** (if you've previously selected a language) 2. **Browser `Accept-Language` header** (browser/OS language) 3. **Fallback to English** (if detection fails) **Example detection**: * Browser reports `Accept-Language: fr-FR, fr;q=0.9, en;q=0.8` * World Monitor extracts `fr` and loads French * If French fails to load, falls back to English Language preference is **per-device**. If you set French on your laptop, your phone will still default to its own browser language. ## Translation Coverage All UI text is localized, including: * ✅ Panel headers and labels * ✅ Button text and tooltips * ✅ Error messages and warnings * ✅ Settings dialogs * ✅ Command palette (Cmd+K) * ✅ Country names (via `Intl.DisplayNames`) * ✅ Time-relative labels ("2 hours ago") * ❌ News headlines (unless AI translation is enabled) * ❌ External content (YouTube captions, Polymarket contracts) ## Troubleshooting The language selector only appears on screens **≥ 768px wide**. On mobile, the selector is hidden — language is auto-detected from browser settings. World Monitor requires a full page reload to apply the new language (i18n limitation). If the reload fails: * Check browser console for errors * Ensure JavaScript is enabled * Try manually reloading (Cmd+R / Ctrl+R) This indicates missing translation keys. Possible causes: * The translation file (`fr.json`, `ar.json`, etc.) is incomplete * A component isn't using the `t()` translation function * External content (news headlines) doesn't support translation **Workaround**: Report missing translations via GitHub issues. RTL mode requires CSS logical properties. If the layout breaks: * Check if your browser supports `inline-start`/`inline-end` (IE11 doesn't) * Try force-reloading (Cmd+Shift+R / Ctrl+Shift+R) * Check browser zoom is 100% **Workaround**: Use a modern browser (Chrome 89+, Firefox 68+, Safari 12.1+). Ensure: * You have a configured LLM provider (Ollama, Groq, or OpenRouter) * Your API key is valid (check **Settings → LLMs**) * The LLM provider supports your target language **Test**: Generate a World Brief — if it's in English regardless of UI language, translation is failing. Localized feeds require specific language codes. Check: * Your language is one of the 7 with native feeds (French, Arabic, German, Spanish, Turkish, Polish, Russian, Thai, Vietnamese) * RSS sources are not blocked by your network/firewall * Browser console for CORS or network errors **Workaround**: Switch to English to load international feeds. ## Related Features * [World Brief](/guide/world-brief) — AI summaries in your language * [Country Analysis](/guide/country-analysis) — Localized country names and data * [Themes](/guide/themes) — Theme preferences persist across language changes