i18n-dashboard 0.1.0

package/composables/useReview.ts

@@ -0,0 +1,94 @@
+import { keyService } from '../services/key.service'
+import { translationService } from '../services/translation.service'
+import { TRANSLATION_STATUS } from '../server/enums/translation.enum'
+
+export interface ReviewItem {
+  id: number
+  key: string
+  key_description?: string
+  language_code: string
+  value: string
+}
+
+export function useReview() {
+  const toast = useToast()
+  const { currentProject } = useProject()
+
+  const data = ref<any>(null)
+  const pending = ref(false)
+
+  async function refresh() {
+    if (!currentProject.value?.id) return
+    pending.value = true
+    try {
+      data.value = await keyService.getKeys({
+        project_id: currentProject.value.id,
+        status: TRANSLATION_STATUS.DRAFT,
+        limit: 200,
+      })
+    } catch {} finally {
+      pending.value = false
+    }
+  }
+
+  watch(() => currentProject.value?.id, refresh, { immediate: true })
+
+  const reviewItems = computed<ReviewItem[]>(() => {
+    const keys = data.value?.data ?? []
+    const result: ReviewItem[] = []
+    for (const k of keys) {
+      for (const [lang, tr] of Object.entries(k.translations as Record<string, any>)) {
+        if (tr?.status === TRANSLATION_STATUS.DRAFT && tr?.value) {
+          result.push({ id: tr.id, key: k.key, key_description: k.description, language_code: lang, value: tr.value })
+        }
+      }
+    }
+    return result
+  })
+
+  const processingId = ref<number | null>(null)
+  const processingAction = ref('')
+
+  async function setStatus(item: ReviewItem, status: TRANSLATION_STATUS): Promise<void> {
+    processingId.value = item.id
+    processingAction.value = status
+    try {
+      await translationService.bulkStatus([item.id], status)
+      await refresh()
+      refreshNuxtData('project-stats')
+    } catch {} finally {
+      processingId.value = null
+      processingAction.value = ''
+    }
+  }
+
+  const approvingAll = ref(false)
+  async function markAllReviewed(): Promise<void> {
+    approvingAll.value = true
+    try {
+      const ids = reviewItems.value.map(i => i.id)
+      await translationService.bulkStatus(ids, TRANSLATION_STATUS.REVIEWED)
+      const n = ids.length
+      toast.add({
+        title: 'Relues',
+        description: `${n} traduction${n > 1 ? 's' : ''} marquée${n > 1 ? 's' : ''} comme relue${n > 1 ? 's' : ''}`,
+        color: 'success',
+      })
+      await refresh()
+      refreshNuxtData('project-stats')
+    } catch {} finally {
+      approvingAll.value = false
+    }
+  }
+
+  return {
+    reviewItems,
+    pending,
+    refresh,
+    processingId,
+    processingAction,
+    setStatus,
+    approvingAll,
+    markAllReviewed,
+  }
+}

package/composables/useSettings.ts

@@ -0,0 +1,30 @@
+import { settingsService } from '../services/settings.service'
+import type { SettingsPayload } from '../interfaces/settings.interface'
+
+export function useSettings() {
+  const toast = useToast()
+
+  const { data, pending, refresh } = useAsyncData(
+    'settings',
+    () => settingsService.getSettings(),
+    { default: () => ({} as Record<string, string>) },
+  )
+
+  const settings = computed(() => data.value ?? {})
+
+  const saving = ref(false)
+  async function saveSettings(payload: SettingsPayload): Promise<void> {
+    saving.value = true
+    try {
+      await settingsService.saveSettings(payload)
+      toast.add({ title: 'Paramètres enregistrés', color: 'success' })
+      await refresh()
+    } catch (e: any) {
+      toast.add({ title: 'Erreur', description: e.message, color: 'error' })
+    } finally {
+      saving.value = false
+    }
+  }
+
+  return { settings, pending, refresh, saving, saveSettings }
+}

package/composables/useStats.ts

@@ -0,0 +1,16 @@
+import { statsService } from '../services/stats.service'
+import type { StatsResponse } from '../services/stats.service'
+
+export function useStats() {
+  const { currentProject } = useProject()
+
+  const { data, pending, refresh } = useAsyncData<StatsResponse | null>(
+    'project-stats',
+    () => statsService.getStats(currentProject.value?.id),
+    { watch: [() => currentProject.value?.id] },
+  )
+
+  const stats = computed(() => data.value ?? null)
+
+  return { stats, pending, refresh }
+}

package/composables/useT.ts

@@ -0,0 +1,38 @@
+// Dashboard UI i18n composable
+// Uses the "Dashboard UI" system project translations for the interface language.
+
+import { languageService } from '../services/language.service'
+
+const _uiTranslations = ref<Record<string, string>>({})
+const _uiLang = ref('en')
+
+export function useT() {
+  const translations = _uiTranslations
+  const lang = _uiLang
+
+  const loadTranslations = async (language: string)=>  {
+    try {
+      const data = await $fetch<Record<string, string>>(`/api/ui-locale?lang=${language}`)
+      translations.value = data
+      lang.value = language
+    } catch {
+      // If the endpoint fails, keep whatever we have
+    }
+  }
+
+  const t = (key: string, fallback?: string): string => {
+    return translations.value[key] ?? fallback ?? key
+  }
+
+  const setLang = async (language: string) => {
+    await loadTranslations(language)
+    const cookie = useCookie('ui-lang', { maxAge: 60 * 60 * 24 * 365 })
+    cookie.value = language
+  }
+
+  const getLangs = async (currentProjectId: string | number) => {
+    return languageService.getLanguages(Number(currentProjectId))
+  }
+
+  return { t, lang, loadTranslations, setLang, getLangs }
+}

package/composables/useUsers.ts

@@ -0,0 +1,101 @@
+import { userService } from '../services/user.service'
+import type { CreateUserPayload, RoleEntry } from '../interfaces/user.interface'
+
+export function useUsers(scope: 'project' | 'global' = 'project') {
+  const toast = useToast()
+  const { currentUser } = useAuth()
+  const { currentProject } = useProject()
+
+  const usersQuery = computed(() =>
+    scope === 'global' ? {} : { project_id: currentProject.value?.id },
+  )
+
+  const { data, pending, refresh } = useAsyncData(
+    scope === 'global' ? 'users-global' : 'users',
+    () => userService.getUsers(usersQuery.value),
+    { watch: [usersQuery], default: () => [] },
+  )
+
+  const users = computed(() => data.value ?? [])
+
+  // ── Mutations ──────────────────────────────────────────────────────────────
+
+  const saving = ref(false)
+  async function createUser(payload: CreateUserPayload): Promise<string | null> {
+    saving.value = true
+    try {
+      const result = await userService.create(payload)
+      toast.add({
+        title: 'Utilisateur créé',
+        description: `Email d'invitation envoyé à ${payload.email}`,
+        color: 'success',
+      })
+      await refresh()
+      return result.tempPassword
+    } catch {
+      return null
+    } finally {
+      saving.value = false
+    }
+  }
+
+  const rolesSaving = ref(false)
+  async function updateRoles(userId: number, roles: RoleEntry[]): Promise<boolean> {
+    rolesSaving.value = true
+    try {
+      await userService.updateRoles(userId, roles)
+      toast.add({ title: 'Accès mis à jour', color: 'success' })
+      await refresh()
+      return true
+    } catch {
+      return false
+    } finally {
+      rolesSaving.value = false
+    }
+  }
+
+  async function toggleActive(user: { id: number; is_active: boolean }): Promise<void> {
+    try {
+      await userService.update(user.id, {
+        is_active: !user.is_active,
+        project_id: scope === 'project' ? currentProject.value?.id : undefined,
+      })
+      toast.add({
+        title: user.is_active ? 'Utilisateur désactivé' : 'Utilisateur réactivé',
+        color: 'success',
+      })
+      await refresh()
+    } catch {}
+  }
+
+  const deleting = ref(false)
+  async function deleteUser(userId: number): Promise<boolean> {
+    deleting.value = true
+    try {
+      const projectId = scope === 'global' || currentUser.value?.is_super_admin
+        ? undefined
+        : currentProject.value?.id
+      await userService.remove(userId, projectId)
+      toast.add({ title: 'Utilisateur supprimé', color: 'success' })
+      await refresh()
+      return true
+    } catch {
+      return false
+    } finally {
+      deleting.value = false
+    }
+  }
+
+  return {
+    users,
+    pending,
+    refresh,
+    saving,
+    createUser,
+    rolesSaving,
+    updateRoles,
+    toggleActive,
+    deleting,
+    deleteUser,
+  }
+}

package/composables/useWidgetData.ts

@@ -0,0 +1,50 @@
+import type { Ref } from 'vue'
+import type { WidgetDataSource } from '~/types/dashboard.type'
+
+export function useWidgetData(widgetId: string, dataSource: Ref<WidgetDataSource | undefined>) {
+  const { currentProject, projects } = useProject()
+
+  const effectiveSource = computed(() => dataSource.value ?? { type: 'global' as const })
+
+  const fetchKey = computed(() => {
+    const src = effectiveSource.value
+    if (src.type === 'project') return `widget-stats-${widgetId}-project-${src.projectId}`
+    return `widget-stats-${widgetId}-global`
+  })
+
+  const projectId = computed(() => {
+    const src = effectiveSource.value
+    if (src.type === 'project') return src.projectId
+    return undefined
+  })
+
+  const { data: stats, pending, refresh } = useAsyncData(
+    () => fetchKey.value,
+    async () => {
+      const src = effectiveSource.value
+      if (src.type === 'project') {
+        if (!src.projectId) return null
+        return await $fetch<any>('/api/stats', { query: { project_id: src.projectId } })
+      }
+      return await $fetch<any>('/api/stats/global')
+    },
+    { server: false, watch: [fetchKey] },
+  )
+
+  const sourceLabel = computed(() => {
+    const src = effectiveSource.value
+    if (src.type === 'project') {
+      const p = projects.value.find((p: any) => p.id === src.projectId)
+      return p?.name ?? 'Projet'
+    }
+    return 'Global'
+  })
+
+  const hasProject = computed(() => {
+    const src = effectiveSource.value
+    if (src.type === 'global') return true
+    return !!src.projectId
+  })
+
+  return { stats, pending, refresh, sourceLabel, hasProject, effectiveSource }
+}

package/consts/commons.const.ts

@@ -0,0 +1,6 @@
+import { dirname } from 'path'
+import { fileURLToPath } from 'url'
+
+export const _dirname = typeof __dirname !== 'undefined'
+	? __dirname
+	: dirname(fileURLToPath(import.meta.url))

package/consts/dashboard.const.ts

@@ -0,0 +1,94 @@
+import type { WidgetSize, WidgetType, WidgetConfig } from '../types/dashboard.type'
+
+export const WIDGET_SIZES: Record<WidgetSize, { cols: number; rows: number; label: string }> = {
+  sm: { cols: 1, rows: 1, label: 'Petit' },
+  md: { cols: 2, rows: 1, label: 'Moyen' },
+  lg: { cols: 2, rows: 2, label: 'Grand' },
+  wide: { cols: 4, rows: 1, label: 'Large' },
+  xl: { cols: 4, rows: 2, label: 'Très grand' },
+}
+
+export const WIDGET_SIZE_CLASSES: Record<WidgetSize, string> = {
+  sm: 'col-span-1 row-span-1',
+  md: 'col-span-2 row-span-1',
+  lg: 'col-span-2 row-span-2',
+  wide: 'col-span-4 row-span-1',
+  xl: 'col-span-4 row-span-2',
+}
+
+export const WIDGET_REGISTRY: Record<WidgetType, { label: string; description: string; icon: string; sizes: WidgetSize[]; defaultSize: WidgetSize; hasDataSource: boolean }> = {
+  'stat-keys': {
+    label: 'Clés totales',
+    description: 'Nombre total de clés de traduction',
+    icon: 'i-heroicons-key',
+    sizes: ['sm', 'md'],
+    defaultSize: 'sm',
+    hasDataSource: true,
+  },
+  'stat-coverage': {
+    label: 'Couverture',
+    description: 'Taux de couverture global des traductions',
+    icon: 'i-heroicons-chart-bar',
+    sizes: ['sm', 'md'],
+    defaultSize: 'sm',
+    hasDataSource: true,
+  },
+  'stat-languages': {
+    label: 'Langues',
+    description: 'Nombre de langues configurées',
+    icon: 'i-heroicons-language',
+    sizes: ['sm', 'md'],
+    defaultSize: 'sm',
+    hasDataSource: true,
+  },
+  'stat-unused': {
+    label: 'Clés inutilisées',
+    description: 'Clés non trouvées dans le code source',
+    icon: 'i-heroicons-exclamation-triangle',
+    sizes: ['sm', 'md'],
+    defaultSize: 'sm',
+    hasDataSource: true,
+  },
+  'projects': {
+    label: 'Projets',
+    description: 'Liste de vos projets de traduction',
+    icon: 'i-heroicons-rectangle-stack',
+    sizes: ['md', 'lg', 'wide'],
+    defaultSize: 'wide',
+    hasDataSource: false,
+  },
+  'languages-coverage': {
+    label: 'Couverture par langue',
+    description: 'Progression de chaque langue',
+    icon: 'i-heroicons-globe-alt',
+    sizes: ['md', 'lg', 'wide'],
+    defaultSize: 'md',
+    hasDataSource: true,
+  },
+  'last-activity': {
+    label: 'Activité récente',
+    description: 'Dernières modifications de traductions',
+    icon: 'i-heroicons-clock',
+    sizes: ['md', 'lg', 'wide'],
+    defaultSize: 'md',
+    hasDataSource: true,
+  },
+  'review-queue': {
+    label: 'File de révision',
+    description: 'Traductions en attente de validation',
+    icon: 'i-heroicons-clipboard-document-check',
+    sizes: ['md', 'lg', 'wide'],
+    defaultSize: 'md',
+    hasDataSource: true,
+  },
+}
+
+export const DEFAULT_LAYOUT: WidgetConfig[] = [
+  { id: 'default-1', type: 'stat-keys', size: 'sm' },
+  { id: 'default-2', type: 'stat-coverage', size: 'sm' },
+  { id: 'default-3', type: 'stat-languages', size: 'sm' },
+  { id: 'default-4', type: 'stat-unused', size: 'sm' },
+  { id: 'default-5', type: 'projects', size: 'wide' },
+  { id: 'default-6', type: 'languages-coverage', size: 'md' },
+  { id: 'default-7', type: 'last-activity', size: 'md' },
+]

package/consts/languages.const.ts

@@ -0,0 +1,223 @@
+import type { Language } from '../interfaces/languages.interface'
+
+export const LANGUAGES: Language[] = [
+  // ── A ──────────────────────────────────────────────────────────────────────
+  { code: 'af', name: 'Afrikaans', nativeName: 'Afrikaans' },
+  { code: 'sq', name: 'Albanian', nativeName: 'Shqip' },
+  { code: 'am', name: 'Amharic', nativeName: 'አማርኛ' },
+  { code: 'ar', name: 'Arabic', nativeName: 'العربية' },
+  { code: 'ar-SA', name: 'Arabic (Saudi Arabia)', nativeName: 'العربية (السعودية)' },
+  { code: 'ar-EG', name: 'Arabic (Egypt)', nativeName: 'العربية (مصر)' },
+  { code: 'ar-MA', name: 'Arabic (Morocco)', nativeName: 'العربية (المغرب)' },
+  { code: 'ar-DZ', name: 'Arabic (Algeria)', nativeName: 'العربية (الجزائر)' },
+  { code: 'ar-IQ', name: 'Arabic (Iraq)', nativeName: 'العربية (العراق)' },
+  { code: 'ar-SY', name: 'Arabic (Syria)', nativeName: 'العربية (سوريا)' },
+  { code: 'hy', name: 'Armenian', nativeName: 'Հայերեն' },
+  { code: 'az', name: 'Azerbaijani', nativeName: 'Azərbaycan' },
+
+  // ── B ──────────────────────────────────────────────────────────────────────
+  { code: 'eu', name: 'Basque', nativeName: 'Euskara' },
+  { code: 'be', name: 'Belarusian', nativeName: 'Беларуская' },
+  { code: 'bn', name: 'Bengali', nativeName: 'বাংলা' },
+  { code: 'bn-BD', name: 'Bengali (Bangladesh)', nativeName: 'বাংলা (বাংলাদেশ)' },
+  { code: 'bn-IN', name: 'Bengali (India)', nativeName: 'বাংলা (ভারত)' },
+  { code: 'bs', name: 'Bosnian', nativeName: 'Bosanski' },
+  { code: 'bg', name: 'Bulgarian', nativeName: 'Български' },
+
+  // ── C ──────────────────────────────────────────────────────────────────────
+  { code: 'ca', name: 'Catalan', nativeName: 'Català' },
+  { code: 'ceb', name: 'Cebuano', nativeName: 'Cebuano' },
+  { code: 'zh', name: 'Chinese (Simplified)', nativeName: '中文(简体)' },
+  { code: 'zh-CN', name: 'Chinese (Simplified, China)', nativeName: '中文(简体, 中国)' },
+  { code: 'zh-SG', name: 'Chinese (Simplified, Singapore)', nativeName: '中文(简体, 新加坡)' },
+  { code: 'zh-TW', name: 'Chinese (Traditional, Taiwan)', nativeName: '中文(繁體, 台灣)' },
+  { code: 'zh-HK', name: 'Chinese (Traditional, Hong Kong)', nativeName: '中文(繁體, 香港)' },
+  { code: 'zh-MO', name: 'Chinese (Traditional, Macao)', nativeName: '中文(繁體, 澳門)' },
+  { code: 'co', name: 'Corsican', nativeName: 'Corsu' },
+  { code: 'hr', name: 'Croatian', nativeName: 'Hrvatski' },
+  { code: 'cs', name: 'Czech', nativeName: 'Čeština' },
+
+  // ── D ──────────────────────────────────────────────────────────────────────
+  { code: 'da', name: 'Danish', nativeName: 'Dansk' },
+  { code: 'nl', name: 'Dutch', nativeName: 'Nederlands' },
+  { code: 'nl-NL', name: 'Dutch (Netherlands)', nativeName: 'Nederlands (Nederland)' },
+  { code: 'nl-BE', name: 'Dutch (Belgium)', nativeName: 'Nederlands (België)' },
+
+  // ── E ──────────────────────────────────────────────────────────────────────
+  { code: 'en', name: 'English', nativeName: 'English' },
+  { code: 'en-US', name: 'English (United States)', nativeName: 'English (US)' },
+  { code: 'en-GB', name: 'English (United Kingdom)', nativeName: 'English (UK)' },
+  { code: 'en-CA', name: 'English (Canada)', nativeName: 'English (Canada)' },
+  { code: 'en-AU', name: 'English (Australia)', nativeName: 'English (Australia)' },
+  { code: 'en-NZ', name: 'English (New Zealand)', nativeName: 'English (New Zealand)' },
+  { code: 'en-IE', name: 'English (Ireland)', nativeName: 'English (Ireland)' },
+  { code: 'en-IN', name: 'English (India)', nativeName: 'English (India)' },
+  { code: 'en-ZA', name: 'English (South Africa)', nativeName: 'English (South Africa)' },
+  { code: 'en-SG', name: 'English (Singapore)', nativeName: 'English (Singapore)' },
+  { code: 'en-NG', name: 'English (Nigeria)', nativeName: 'English (Nigeria)' },
+  { code: 'en-PH', name: 'English (Philippines)', nativeName: 'English (Philippines)' },
+  { code: 'eo', name: 'Esperanto', nativeName: 'Esperanto' },
+  { code: 'et', name: 'Estonian', nativeName: 'Eesti' },
+
+  // ── F ──────────────────────────────────────────────────────────────────────
+  { code: 'fi', name: 'Finnish', nativeName: 'Suomi' },
+  { code: 'fr', name: 'French', nativeName: 'Français' },
+  { code: 'fr-FR', name: 'French (France)', nativeName: 'Français (France)' },
+  { code: 'fr-CA', name: 'French (Canada)', nativeName: 'Français (Canada)' },
+  { code: 'fr-BE', name: 'French (Belgium)', nativeName: 'Français (Belgique)' },
+  { code: 'fr-CH', name: 'French (Switzerland)', nativeName: 'Français (Suisse)' },
+  { code: 'fr-LU', name: 'French (Luxembourg)', nativeName: 'Français (Luxembourg)' },
+  { code: 'fy', name: 'Frisian', nativeName: 'Frysk' },
+
+  // ── G ──────────────────────────────────────────────────────────────────────
+  { code: 'gl', name: 'Galician', nativeName: 'Galego' },
+  { code: 'ka', name: 'Georgian', nativeName: 'ქართული' },
+  { code: 'de', name: 'German', nativeName: 'Deutsch' },
+  { code: 'de-DE', name: 'German (Germany)', nativeName: 'Deutsch (Deutschland)' },
+  { code: 'de-AT', name: 'German (Austria)', nativeName: 'Deutsch (Österreich)' },
+  { code: 'de-CH', name: 'German (Switzerland)', nativeName: 'Deutsch (Schweiz)' },
+  { code: 'de-LU', name: 'German (Luxembourg)', nativeName: 'Deutsch (Luxemburg)' },
+  { code: 'el', name: 'Greek', nativeName: 'Ελληνικά' },
+  { code: 'gu', name: 'Gujarati', nativeName: 'ગુજરાતી' },
+
+  // ── H ──────────────────────────────────────────────────────────────────────
+  { code: 'ht', name: 'Haitian Creole', nativeName: 'Kreyòl ayisyen' },
+  { code: 'ha', name: 'Hausa', nativeName: 'Hausa' },
+  { code: 'haw', name: 'Hawaiian', nativeName: 'ʻŌlelo Hawaiʻi' },
+  { code: 'he', name: 'Hebrew', nativeName: 'עברית' },
+  { code: 'hi', name: 'Hindi', nativeName: 'हिन्दी' },
+  { code: 'hmn', name: 'Hmong', nativeName: 'Hmoob' },
+  { code: 'hu', name: 'Hungarian', nativeName: 'Magyar' },
+
+  // ── I ──────────────────────────────────────────────────────────────────────
+  { code: 'is', name: 'Icelandic', nativeName: 'Íslenska' },
+  { code: 'ig', name: 'Igbo', nativeName: 'Igbo' },
+  { code: 'id', name: 'Indonesian', nativeName: 'Bahasa Indonesia' },
+  { code: 'ga', name: 'Irish', nativeName: 'Gaeilge' },
+  { code: 'it', name: 'Italian', nativeName: 'Italiano' },
+  { code: 'it-IT', name: 'Italian (Italy)', nativeName: 'Italiano (Italia)' },
+  { code: 'it-CH', name: 'Italian (Switzerland)', nativeName: 'Italiano (Svizzera)' },
+
+  // ── J ──────────────────────────────────────────────────────────────────────
+  { code: 'ja', name: 'Japanese', nativeName: '日本語' },
+  { code: 'jv', name: 'Javanese', nativeName: 'Basa Jawa' },
+
+  // ── K ──────────────────────────────────────────────────────────────────────
+  { code: 'kn', name: 'Kannada', nativeName: 'ಕನ್ನಡ' },
+  { code: 'kk', name: 'Kazakh', nativeName: 'Қазақ' },
+  { code: 'km', name: 'Khmer', nativeName: 'ខ្មែរ' },
+  { code: 'rw', name: 'Kinyarwanda', nativeName: 'Ikinyarwanda' },
+  { code: 'ko', name: 'Korean', nativeName: '한국어' },
+  { code: 'ku', name: 'Kurdish', nativeName: 'Kurdî' },
+  { code: 'ky', name: 'Kyrgyz', nativeName: 'Кыргызча' },
+
+  // ── L ──────────────────────────────────────────────────────────────────────
+  { code: 'lo', name: 'Lao', nativeName: 'ລາວ' },
+  { code: 'la', name: 'Latin', nativeName: 'Latina' },
+  { code: 'lv', name: 'Latvian', nativeName: 'Latviešu' },
+  { code: 'lt', name: 'Lithuanian', nativeName: 'Lietuvių' },
+  { code: 'lb', name: 'Luxembourgish', nativeName: 'Lëtzebuergesch' },
+
+  // ── M ──────────────────────────────────────────────────────────────────────
+  { code: 'mk', name: 'Macedonian', nativeName: 'Македонски' },
+  { code: 'mg', name: 'Malagasy', nativeName: 'Malagasy' },
+  { code: 'ms', name: 'Malay', nativeName: 'Bahasa Melayu' },
+  { code: 'ms-MY', name: 'Malay (Malaysia)', nativeName: 'Bahasa Melayu (Malaysia)' },
+  { code: 'ms-BN', name: 'Malay (Brunei)', nativeName: 'Bahasa Melayu (Brunei)' },
+  { code: 'ml', name: 'Malayalam', nativeName: 'മലയാളം' },
+  { code: 'mt', name: 'Maltese', nativeName: 'Malti' },
+  { code: 'mi', name: 'Maori', nativeName: 'Māori' },
+  { code: 'mr', name: 'Marathi', nativeName: 'मराठी' },
+  { code: 'mn', name: 'Mongolian', nativeName: 'Монгол' },
+  { code: 'my', name: 'Myanmar (Burmese)', nativeName: 'မြန်မာ' },
+
+  // ── N ──────────────────────────────────────────────────────────────────────
+  { code: 'ne', name: 'Nepali', nativeName: 'नेपाली' },
+  { code: 'nb', name: 'Norwegian Bokmål', nativeName: 'Norsk bokmål' },
+  { code: 'nn', name: 'Norwegian Nynorsk', nativeName: 'Norsk nynorsk' },
+  { code: 'no', name: 'Norwegian', nativeName: 'Norsk' },
+  { code: 'ny', name: 'Nyanja (Chichewa)', nativeName: 'Nyanja' },
+
+  // ── O ──────────────────────────────────────────────────────────────────────
+  { code: 'or', name: 'Odia (Oriya)', nativeName: 'ଓଡ଼ିଆ' },
+
+  // ── P ──────────────────────────────────────────────────────────────────────
+  { code: 'ps', name: 'Pashto', nativeName: 'پښتو' },
+  { code: 'fa', name: 'Persian', nativeName: 'فارسی' },
+  { code: 'pl', name: 'Polish', nativeName: 'Polski' },
+  { code: 'pt', name: 'Portuguese', nativeName: 'Português' },
+  { code: 'pt-BR', name: 'Portuguese (Brazil)', nativeName: 'Português (Brasil)' },
+  { code: 'pt-PT', name: 'Portuguese (Portugal)', nativeName: 'Português (Portugal)' },
+  { code: 'pa', name: 'Punjabi', nativeName: 'ਪੰਜਾਬੀ' },
+
+  // ── R ──────────────────────────────────────────────────────────────────────
+  { code: 'ro', name: 'Romanian', nativeName: 'Română' },
+  { code: 'ro-RO', name: 'Romanian (Romania)', nativeName: 'Română (România)' },
+  { code: 'ro-MD', name: 'Romanian (Moldova)', nativeName: 'Română (Moldova)' },
+  { code: 'ru', name: 'Russian', nativeName: 'Русский' },
+
+  // ── S ──────────────────────────────────────────────────────────────────────
+  { code: 'sm', name: 'Samoan', nativeName: 'Gagana Samoa' },
+  { code: 'gd', name: 'Scots Gaelic', nativeName: 'Gàidhlig' },
+  { code: 'sr', name: 'Serbian (Cyrillic)', nativeName: 'Српски' },
+  { code: 'sr-Latn', name: 'Serbian (Latin)', nativeName: 'Srpski (latinica)' },
+  { code: 'sr-Cyrl', name: 'Serbian (Cyrillic)', nativeName: 'Српски (ћирилица)' },
+  { code: 'st', name: 'Sesotho', nativeName: 'Sesotho' },
+  { code: 'sn', name: 'Shona', nativeName: 'chiShona' },
+  { code: 'sd', name: 'Sindhi', nativeName: 'سنڌي' },
+  { code: 'si', name: 'Sinhala', nativeName: 'සිංහල' },
+  { code: 'sk', name: 'Slovak', nativeName: 'Slovenčina' },
+  { code: 'sl', name: 'Slovenian', nativeName: 'Slovenščina' },
+  { code: 'so', name: 'Somali', nativeName: 'Soomaali' },
+  { code: 'es', name: 'Spanish', nativeName: 'Español' },
+  { code: 'es-ES', name: 'Spanish (Spain)', nativeName: 'Español (España)' },
+  { code: 'es-MX', name: 'Spanish (Mexico)', nativeName: 'Español (México)' },
+  { code: 'es-AR', name: 'Spanish (Argentina)', nativeName: 'Español (Argentina)' },
+  { code: 'es-CO', name: 'Spanish (Colombia)', nativeName: 'Español (Colombia)' },
+  { code: 'es-CL', name: 'Spanish (Chile)', nativeName: 'Español (Chile)' },
+  { code: 'es-PE', name: 'Spanish (Peru)', nativeName: 'Español (Perú)' },
+  { code: 'es-VE', name: 'Spanish (Venezuela)', nativeName: 'Español (Venezuela)' },
+  { code: 'es-EC', name: 'Spanish (Ecuador)', nativeName: 'Español (Ecuador)' },
+  { code: 'es-BO', name: 'Spanish (Bolivia)', nativeName: 'Español (Bolivia)' },
+  { code: 'es-UY', name: 'Spanish (Uruguay)', nativeName: 'Español (Uruguay)' },
+  { code: 'es-PY', name: 'Spanish (Paraguay)', nativeName: 'Español (Paraguay)' },
+  { code: 'es-CR', name: 'Spanish (Costa Rica)', nativeName: 'Español (Costa Rica)' },
+  { code: 'es-419', name: 'Spanish (Latin America)', nativeName: 'Español (Latinoamérica)' },
+  { code: 'su', name: 'Sundanese', nativeName: 'Basa Sunda' },
+  { code: 'sw', name: 'Swahili', nativeName: 'Kiswahili' },
+  { code: 'sv', name: 'Swedish', nativeName: 'Svenska' },
+  { code: 'sv-SE', name: 'Swedish (Sweden)', nativeName: 'Svenska (Sverige)' },
+  { code: 'sv-FI', name: 'Swedish (Finland)', nativeName: 'Svenska (Finland)' },
+
+  // ── T ──────────────────────────────────────────────────────────────────────
+  { code: 'tl', name: 'Filipino (Tagalog)', nativeName: 'Filipino' },
+  { code: 'tg', name: 'Tajik', nativeName: 'Тоҷикӣ' },
+  { code: 'ta', name: 'Tamil', nativeName: 'தமிழ்' },
+  { code: 'tt', name: 'Tatar', nativeName: 'Татар' },
+  { code: 'te', name: 'Telugu', nativeName: 'తెలుగు' },
+  { code: 'th', name: 'Thai', nativeName: 'ภาษาไทย' },
+  { code: 'tr', name: 'Turkish', nativeName: 'Türkçe' },
+  { code: 'tk', name: 'Turkmen', nativeName: 'Türkmen' },
+
+  // ── U ──────────────────────────────────────────────────────────────────────
+  { code: 'uk', name: 'Ukrainian', nativeName: 'Українська' },
+  { code: 'ur', name: 'Urdu', nativeName: 'اردو' },
+  { code: 'ug', name: 'Uyghur', nativeName: 'ئۇيغۇرچە' },
+  { code: 'uz', name: 'Uzbek', nativeName: "O'zbek" },
+
+  // ── V ──────────────────────────────────────────────────────────────────────
+  { code: 'vi', name: 'Vietnamese', nativeName: 'Tiếng Việt' },
+
+  // ── W ──────────────────────────────────────────────────────────────────────
+  { code: 'cy', name: 'Welsh', nativeName: 'Cymraeg' },
+
+  // ── X ──────────────────────────────────────────────────────────────────────
+  { code: 'xh', name: 'Xhosa', nativeName: 'isiXhosa' },
+
+  // ── Y ──────────────────────────────────────────────────────────────────────
+  { code: 'yi', name: 'Yiddish', nativeName: 'ייִדיש' },
+  { code: 'yo', name: 'Yoruba', nativeName: 'Yorùbá' },
+
+  // ── Z ──────────────────────────────────────────────────────────────────────
+  { code: 'zu', name: 'Zulu', nativeName: 'isiZulu' },
+]