Skip to main content

Language

Switch the application display language between English and Arabic. The preference is persisted in localStorage and applies globally — switching language also changes the layout direction (LTR ↔ RTL).


Where to find it

Sidebar → profile icon → Profile dialog → General tab → Language section

  1. Click the profile icon at the bottom of the sidebar.
  2. The Profile dialog opens on the General tab by default.
  3. The Language section shows two cards: English and Arabic.

The Profile dialog has five tabs: General, Appearance, Chat Settings, Account, and Notifications.


Profile dialog General tab showing English and Arabic language cards, with English selected (red border)

Available languages

LanguageCard labelLayout direction
EnglishEnglish (Aa)Left-to-right (LTR)
Arabicالعربية / Arabic (أ)Right-to-left (RTL)

The active language card has a red border; the inactive card has a grey border.


Switching language

  1. Open the Profile dialog (profile icon in the sidebar).
  2. Ensure the General tab is selected.
  3. Click a language card.
  4. The language switches instantly — no save button is required.
  5. All UI labels, headings, navigation items, and dialog text switch language immediately.
  6. The preference is saved to localStorage["language"] and persists across page reloads and navigation.

Home page in Arabic — RTL layout with sidebar on the right and Arabic navigation text

Arabic (RTL) layout

When Arabic is selected, the layout fully mirrors:

ElementChange
SidebarMoves from left to right
Noema logoAppears at top-right
TextAligns right-to-left
Navigation itemsRight-aligned
Send buttonAppears on the left of the chat input
Page headingAppears top-right
Content languageGreetings, headings, navigation all render in Arabic
note

User content (assistant names, workflow names) remains in its original language and is not translated.


Default behaviour

When no language preference is stored:

  • The app defaults to English (lang="en", dir="ltr")
  • localStorage["language"] is automatically set to "en" on load

Business rules

RuleBehaviour
Two languagesEnglish and Arabic only
Instant switchClicking a language card applies it immediately — no save button
RTL for ArabicFull layout mirroring
Persisted in localStorageSurvives navigation and page reload
Default is EnglishAuto-set to "en" when no preference is stored
UI text translatedAll app chrome switches; user content (assistant/workflow names) does not
Active card highlightedRed border on selected language