Overview

The Languages module allows administrators to add and manage multiple languages for the Reelease AI platform. Each language defines a locale code, display name, flag icon, RTL direction setting, and translation JSON files for the frontend. Users can switch the active app language from the header, and the admin can set a default language that the platform loads for new sessions.

1. Language Library

The main language listing displays all configured languages in a searchable, paginated table with the following columns:

• Flag: A small flag image uploaded for the language as a visual identifier.
• Name: The display name of the language (e.g., English, Arabic, French).
• Locale: The BCP 47 locale code (e.g., en, ar, fr-FR). Used internally for i18n routing and translation loading.
• RTL: Indicates whether the language uses right-to-left text direction. Shown as a Yes/No badge — RTL languages (e.g., Arabic, Hebrew) automatically flip the UI layout.
• Status: Active/Inactive toggle. Inactive languages are hidden from the user-facing language switcher.
• Actions: Manage Translations, Edit, and Delete controls per row. The default language cannot be deleted.

2. Adding a New Language

Click Add New to open the language creation form. The form is divided into two sections:

Identity & Locale

• Choose Language: A searchable dropdown listing standard languages by name and locale. Selecting a pre-defined language auto-fills the Display Name and locale code.
• Custom Language: If your target language is not in the list, choose the "Custom Language" option to manually enter a locale code (e.g., pt-BR).
• Display Name: The label shown in the UI language switcher.
• Flag Icon: Upload a flag image (PNG/SVG) for visual identification. Shown in the table and the language dropdown.

System Translations

• Frontend Translation File: Upload a .json translation file for the Next.js frontend UI strings.
• App Translation File: Upload a second .json file for backend or additional app-level strings.

Visibility & Access

• Active: Controls whether this language appears in the user-facing language switcher.
• RTL: Enables right-to-left layout mode when this language is selected.
• Set as Default: Makes this language the platform default for new users and sessions.

3. Managing Translations

Each language row has a Manage Translations button (book icon). This opens a dedicated translation editor where admins can directly edit individual translation key-value pairs for that language without needing to upload a new JSON file. Changes are saved per-key to the database and take effect immediately.