@djangocfg/layouts 2.1.590 → 2.1.592

package/src/layouts/SettingsLayout/components/TwoFactorSection/TwoFactorSection.tsx

@@ -1,21 +1,19 @@
 'use client';
 
-import { Loader2, Shield, ShieldOff } from 'lucide-react';
+import { Loader2, ShieldOff } from 'lucide-react';
 import React, { useEffect, useState } from 'react';
 
 import { useTwoFactorSetup, useTwoFactorStatus } from '@djangocfg/api/auth';
 import {
   Alert,
   AlertDescription,
-  Badge,
   Button,
   OTPInput,
-  Preloader,
   SettingRow,
   SettingsBlock,
 } from '@djangocfg/ui-core/components';
-import { cn } from '@djangocfg/ui-core/lib';
 
+import { fill, useSettingsCopy, type SettingsCopy } from '../../i18n';
 import { TwoFactorSetup } from '../../../../snippets/TwoFactor';
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -24,24 +22,6 @@ import { TwoFactorSetup } from '../../../../snippets/TwoFactor';
 
 type View = 'status' | 'setup';
 
-// ─────────────────────────────────────────────────────────────────────────────
-// Status badge
-// ─────────────────────────────────────────────────────────────────────────────
-
-function StatusBadge({ enabled }: { enabled: boolean }) {
-  return (
-    <Badge
-      variant={enabled ? 'default' : 'secondary'}
-      className={cn(
-        'text-xs font-medium',
-        enabled && 'bg-success-background text-success-foreground border-success-border',
-      )}
-    >
-      {enabled ? 'Enabled' : 'Disabled'}
-    </Badge>
-  );
-}
-
 // ─────────────────────────────────────────────────────────────────────────────
 // Disable confirmation — inline, not a dialog. Settings already lives in a
 // dialog; stacking a second modal on top fights its focus trap and dims the
@@ -61,6 +41,7 @@ function DisableConfirm({
   onCancel: () => void;
 }) {
   // Mounted fresh each time the confirmation opens — state starts clean.
+  const copy = useSettingsCopy().security;
   const [code, setCode] = useState('');
 
   return (
@@ -68,10 +49,9 @@ function DisableConfirm({
       <div className="flex gap-2.5">
         <ShieldOff className="mt-0.5 h-4 w-4 flex-shrink-0 text-destructive" />
         <div className="space-y-1">
-          <p className="text-sm font-medium">Disable two-factor authentication?</p>
+          <p className="text-sm font-medium">{copy.disableTitle}</p>
           <p className="text-[13px] leading-relaxed text-muted-foreground">
-            Enter the 6-digit code from your authenticator app to confirm.
-            This will make your account less secure.
+            {copy.disableHint}
           </p>
         </div>
       </div>
@@ -94,7 +74,7 @@ function DisableConfirm({
         />
         <div className="flex gap-2">
           <Button variant="outline" size="sm" onClick={onCancel} disabled={isLoading}>
-            Cancel
+            {copy.cancel}
           </Button>
           <Button
             variant="destructive"
@@ -103,9 +83,9 @@ function DisableConfirm({
             disabled={isLoading || code.length !== 6}
           >
             {isLoading ? (
-              <><Loader2 className="mr-2 h-4 w-4 animate-spin" />Disabling…</>
+              <><Loader2 className="mr-2 h-4 w-4 animate-spin" />{copy.disabling}</>
             ) : (
-              'Disable 2FA'
+              copy.disable
             )}
           </Button>
         </div>
@@ -118,9 +98,9 @@ function DisableConfirm({
 // Helpers
 // ─────────────────────────────────────────────────────────────────────────────
 
-function deviceDescription(createdAt: string, isPrimary: boolean): string {
-  const added = `Added ${new Date(createdAt).toLocaleDateString()}`;
-  return isPrimary ? `${added} · Primary` : added;
+function deviceDescription(copy: SettingsCopy['security'], createdAt: string, isPrimary: boolean): string {
+  const added = fill(copy.deviceAdded, { date: new Date(createdAt).toLocaleDateString() });
+  return isPrimary ? `${added} · ${copy.devicePrimary}` : added;
 }
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -128,6 +108,7 @@ function deviceDescription(createdAt: string, isPrimary: boolean): string {
 // ─────────────────────────────────────────────────────────────────────────────
 
 export const TwoFactorSection: React.FC = () => {
+  const copy = useSettingsCopy().security;
   const [view, setView] = useState<View>('status');
   const [showDisable, setShowDisable] = useState(false);
 
@@ -170,13 +151,13 @@ export const TwoFactorSection: React.FC = () => {
   // visible (Preloader-based) loading state.
   if (view === 'setup') {
     return (
-      <SettingsBlock title="Set up Two-Factor Authentication">
+      <SettingsBlock title={copy.setupTitle}>
         <div className="flex items-center justify-between pb-2">
           <p className="text-[13px] leading-relaxed text-muted-foreground">
-            Scan the QR code with your authenticator app (Google Authenticator, Authy, etc.)
+            {copy.setupHint}
           </p>
           <Button variant="ghost" size="sm" onClick={() => setView('status')}>
-            Cancel
+            {copy.cancel}
           </Button>
         </div>
         <div className="flex justify-center py-2">
@@ -189,22 +170,15 @@ export const TwoFactorSection: React.FC = () => {
     );
   }
 
-  // ── Loading skeleton ────────────────────────────────────────────────────────
-  if (isLoading && has2FAEnabled === null) {
-    return <Preloader variant="inline" className="py-10" />;
-  }
-
   // ── Status view ─────────────────────────────────────────────────────────────
-  const statusDescription = (
-    <span className="inline-flex items-center gap-2">
-      <StatusBadge enabled={!!has2FAEnabled} />
-      <span>
-        {has2FAEnabled
-          ? `${devices.length} authenticator device${devices.length !== 1 ? 's' : ''} connected`
-          : 'Add an extra layer of security to your account'}
-      </span>
-    </span>
-  );
+  // One compact block: a single status row (state + action), the inline confirm
+  // when turning off, then the connected devices as plain rows.
+  const unknown = has2FAEnabled === null;
+  const statusDescription = unknown
+    ? isLoading ? copy.checking : copy.unavailable
+    : has2FAEnabled
+      ? copy.on
+      : copy.off;
 
   const statusAction = has2FAEnabled ? (
     <Button
@@ -212,70 +186,43 @@ export const TwoFactorSection: React.FC = () => {
       size="sm"
       onClick={() => { clearError(); setShowDisable(true); }}
       disabled={isLoading || showDisable}
-      className="text-destructive hover:text-destructive hover:bg-destructive/10 border-destructive/30"
     >
-      Disable
+      {copy.turnOff}
     </Button>
   ) : (
-    <Button size="sm" onClick={handleEnableClick} disabled={isLoading}>
-      Enable 2FA
+    <Button size="sm" onClick={handleEnableClick} disabled={isLoading || unknown}>
+      {copy.turnOn}
     </Button>
   );
 
   return (
-    <>
-      <div className="space-y-6">
-        <SettingsBlock>
-          <SettingRow
-            label="Two-Factor Authentication"
-            description={statusDescription}
-            action={statusAction}
-          />
-
-          {/* Inline destructive confirmation (no nested dialog) */}
-          {showDisable && (
-            <DisableConfirm
-              isLoading={isLoading}
-              error={error}
-              onConfirm={handleDisableConfirm}
-              onCancel={handleDisableCancel}
-            />
-          )}
-
-          {/* Fetch error */}
-          {error && !showDisable && (
-            <div className="py-3">
-              <Alert variant="destructive">
-                <AlertDescription>{error}</AlertDescription>
-              </Alert>
-            </div>
-          )}
+    <SettingsBlock title={copy.title}>
+      <SettingRow
+        label={copy.twoFactor}
+        description={statusDescription}
+        action={statusAction}
+      />
+
+      {showDisable && (
+        <DisableConfirm
+          isLoading={isLoading}
+          error={error}
+          onConfirm={handleDisableConfirm}
+          onCancel={handleDisableCancel}
+        />
+      )}
 
-          {/* Not enabled — subtle muted note */}
-          {!has2FAEnabled && (
-            <p className="flex gap-2 pt-3 text-[13px] leading-relaxed text-muted-foreground">
-              <Shield className="mt-0.5 h-4 w-4 flex-shrink-0" />
-              <span>
-                Two-factor authentication adds a second verification step when signing in,
-                protecting your account even if your password is compromised.
-              </span>
-            </p>
-          )}
-        </SettingsBlock>
+      {error && !showDisable && (
+        <p className="py-2 text-[13px] text-destructive">{error}</p>
+      )}
 
-        {/* Device list */}
-        {has2FAEnabled && devices.length > 0 && (
-          <SettingsBlock title="Connected devices">
-            {devices.map((device) => (
-              <SettingRow
-                key={device.id}
-                label={device.name}
-                description={deviceDescription(device.createdAt, device.isPrimary)}
-              />
-            ))}
-          </SettingsBlock>
-        )}
-      </div>
-    </>
+      {has2FAEnabled && devices.map((device) => (
+        <SettingRow
+          key={device.id}
+          label={device.name}
+          description={deviceDescription(copy, device.createdAt, device.isPrimary)}
+        />
+      ))}
+    </SettingsBlock>
   );
 };

package/src/layouts/SettingsLayout/components/index.ts

@@ -4,4 +4,3 @@ export { SettingsTabs } from './SettingsTabs';
 export { SettingsNavItem } from './SettingsNavItem';
 export { SettingsPanel } from './SettingsPanel';
 export { SettingsSearch } from './SettingsSearch';
-export { SettingsRailFooter } from './SettingsRailFooter';

package/src/layouts/SettingsLayout/context/SettingsContext.tsx

@@ -40,6 +40,9 @@ interface SettingsContextValue {
   searchable: boolean;
 }
 
+/** `searchable: 'auto'` shows the search box only when the rail is long enough to need it. */
+export const SEARCH_MIN_SECTIONS = 10;
+
 const SettingsContext = createContext<SettingsContextValue | null>(null);
 
 export const useSettingsContext = (): SettingsContextValue => {
@@ -54,7 +57,7 @@ export interface SettingsProviderProps {
   /** Fully-merged sections (built-ins + app), pre-concatenated by the caller. */
   sections: SettingsSection[];
   groups?: SettingsGroup[];
-  searchable: boolean;
+  searchable: boolean | 'auto';
   /** Controlled active id (dialog mode passes the store value). */
   activeId: string | null;
   /** Called when active section changes (dialog mode writes the store). */
@@ -113,7 +116,7 @@ export const SettingsProvider: React.FC<SettingsProviderProps> = ({
       setActive,
       query,
       setQuery,
-      searchable,
+      searchable: searchable === 'auto' ? visible.length >= SEARCH_MIN_SECTIONS : searchable,
     }),
     [title, resolvedGroups, visible, active, resolvedActiveId, setActive, query, searchable],
   );

package/src/layouts/SettingsLayout/i18n/index.ts

@@ -0,0 +1,39 @@
+'use client';
+
+import { createCopy, type Locale } from '@djangocfg/i18n/copy';
+
+import { ar } from './locales/ar';
+import { da } from './locales/da';
+import { de } from './locales/de';
+import { en } from './locales/en';
+import { es } from './locales/es';
+import { fr } from './locales/fr';
+import { it } from './locales/it';
+import { ja } from './locales/ja';
+import { ko } from './locales/ko';
+import { nl } from './locales/nl';
+import { no } from './locales/no';
+import { pl } from './locales/pl';
+import { ptBR } from './locales/ptBR';
+import { ru } from './locales/ru';
+import { sv } from './locales/sv';
+import { tr } from './locales/tr';
+import { zh } from './locales/zh';
+
+import type { SettingsCopy } from './types';
+
+export type { SettingsCopy } from './types';
+export { fill } from '@djangocfg/i18n/copy';
+
+/** Every bundled dictionary, typed complete over the shared `Locale` union. */
+export const SETTINGS_DICTIONARIES: Readonly<Record<Locale, SettingsCopy>> = {
+  en, ru, ko, ja, de, fr, zh, it, es, nl, ar, tr, pl, sv, no, da,
+  'pt-BR': ptBR,
+};
+
+/** Settings copy for the active language: the `@djangocfg/i18n` provider, else English. */
+const kit = createCopy(SETTINGS_DICTIONARIES);
+export const useSettingsCopy = kit.useCopy;
+
+/** The bundled locale `useSettingsCopy` resolved to, for date formatting. */
+export const useSettingsLocale = kit.useLocale;

package/src/layouts/SettingsLayout/i18n/locales/ar.ts

@@ -0,0 +1,66 @@
+import type { SettingsCopy } from '../types';
+
+export const ar: SettingsCopy = {
+  nav: {
+    title: "الإعدادات",
+    platform: "المنصة",
+    account: "الحساب",
+    preferences: "التفضيلات",
+    apiKeys: "مفاتيح API",
+    apiKeysDescription: "أنشئ المفاتيح وأدرها للوصول البرمجي.",
+  },
+  prefs: {
+    general: "عام",
+    other: "أخرى",
+    language: "اللغة",
+    timeZone: "المنطقة الزمنية",
+    theme: "المظهر",
+  },
+  account: {
+    dangerZone: "منطقة الخطر",
+    deleteAccountDescription: "احذف حسابك وجميع البيانات المرتبطة به نهائيًا.",
+    changeAvatar: "تغيير الصورة الرمزية",
+  },
+  search: {
+    clear: "مسح البحث",
+  },
+  security: {
+    title: "الأمان",
+    twoFactor: "المصادقة الثنائية",
+    on: "مفعّلة",
+    off: "متوقفة · تضيف خطوة ثانية عند تسجيل الدخول",
+    checking: "جارٍ التحقق…",
+    unavailable: "غير متاحة",
+    turnOn: "تفعيل",
+    turnOff: "إيقاف",
+    setupTitle: "إعداد المصادقة الثنائية",
+    setupHint: "امسح رمز QR بتطبيق المصادقة (Google Authenticator أو Authy وغيرهما)",
+    cancel: "إلغاء",
+    deviceAdded: "أُضيف في {{date}}",
+    devicePrimary: "أساسي",
+    disableTitle: "إيقاف المصادقة الثنائية؟",
+    disableHint: "أدخل الرمز المكوّن من 6 أرقام من تطبيق المصادقة للتأكيد. سيجعل ذلك حسابك أقل أمانًا.",
+    disabling: "جارٍ الإيقاف…",
+    disable: "إيقاف المصادقة الثنائية",
+  },
+  apiKey: {
+    title: "مفتاح API",
+    description: "مفتاح API الشخصي للوصول البرمجي",
+    created: "تاريخ الإنشاء",
+    reissued: "آخر إعادة إصدار",
+    neverReissued: "لم يُعاد إصداره قط",
+    regenerate: "إعادة إنشاء مفتاح API",
+    confirmRegenerate: "انقر للتأكيد",
+    regenerating: "جارٍ إعادة الإنشاء…",
+    regenerated: "تمت إعادة إنشاء مفتاح API",
+    failedToRegenerate: "تعذّرت إعادة إنشاء مفتاح API",
+    done: "تم",
+    test: "اختبار مفتاح API",
+    testing: "جارٍ الاختبار…",
+    testSuccess: "مفتاح API صالح",
+    testFailed: "فشل اختبار مفتاح API",
+    keyRow: "مفتاح API",
+    active: "نشط",
+    freshKey: "هذا هو مفتاح API الجديد، انسخه الآن. سيُخفى عند مغادرة هذه الصفحة.",
+  },
+};

package/src/layouts/SettingsLayout/i18n/locales/da.ts

@@ -0,0 +1,66 @@
+import type { SettingsCopy } from '../types';
+
+export const da: SettingsCopy = {
+  nav: {
+    title: "Indstillinger",
+    platform: "Platform",
+    account: "Konto",
+    preferences: "Indstillinger",
+    apiKeys: "API-nøgler",
+    apiKeysDescription: "Opret og administrer nøgler til programmatisk adgang.",
+  },
+  prefs: {
+    general: "Generelt",
+    other: "Andet",
+    language: "Sprog",
+    timeZone: "Tidszone",
+    theme: "Tema",
+  },
+  account: {
+    dangerZone: "Farezone",
+    deleteAccountDescription: "Slet din konto og alle tilknyttede data permanent.",
+    changeAvatar: "Skift avatar",
+  },
+  search: {
+    clear: "Ryd søgning",
+  },
+  security: {
+    title: "Sikkerhed",
+    twoFactor: "Tofaktorgodkendelse",
+    on: "Til",
+    off: "Fra · tilføjer et ekstra trin ved login",
+    checking: "Kontrollerer…",
+    unavailable: "Ikke tilgængelig",
+    turnOn: "Slå til",
+    turnOff: "Slå fra",
+    setupTitle: "Opsæt tofaktorgodkendelse",
+    setupHint: "Scan QR-koden med din godkendelsesapp (Google Authenticator, Authy osv.)",
+    cancel: "Annuller",
+    deviceAdded: "Tilføjet {{date}}",
+    devicePrimary: "Primær",
+    disableTitle: "Slå tofaktorgodkendelse fra?",
+    disableHint: "Indtast den 6-cifrede kode fra din godkendelsesapp for at bekræfte. Din konto bliver mindre sikker.",
+    disabling: "Slår fra…",
+    disable: "Slå 2FA fra",
+  },
+  apiKey: {
+    title: "API-nøgle",
+    description: "Din personlige API-nøgle til programmatisk adgang",
+    created: "Oprettet",
+    reissued: "Sidst udstedt igen",
+    neverReissued: "Aldrig udstedt igen",
+    regenerate: "Generer API-nøgle igen",
+    confirmRegenerate: "Klik for at bekræfte",
+    regenerating: "Genererer igen…",
+    regenerated: "API-nøglen blev genereret igen",
+    failedToRegenerate: "API-nøglen kunne ikke genereres igen",
+    done: "Færdig",
+    test: "Test API-nøgle",
+    testing: "Tester…",
+    testSuccess: "API-nøglen er gyldig",
+    testFailed: "API-nøgletesten mislykkedes",
+    keyRow: "API-nøgle",
+    active: "Aktiv",
+    freshKey: "Det er din nye API-nøgle – kopier den nu. Den skjules, når du forlader siden.",
+  },
+};

package/src/layouts/SettingsLayout/i18n/locales/de.ts

@@ -0,0 +1,66 @@
+import type { SettingsCopy } from '../types';
+
+export const de: SettingsCopy = {
+  nav: {
+    title: "Einstellungen",
+    platform: "Plattform",
+    account: "Konto",
+    preferences: "Einstellungen",
+    apiKeys: "API-Schlüssel",
+    apiKeysDescription: "Schlüssel für den programmatischen Zugriff erstellen und verwalten.",
+  },
+  prefs: {
+    general: "Allgemein",
+    other: "Sonstiges",
+    language: "Sprache",
+    timeZone: "Zeitzone",
+    theme: "Design",
+  },
+  account: {
+    dangerZone: "Gefahrenbereich",
+    deleteAccountDescription: "Konto und alle zugehörigen Daten dauerhaft löschen.",
+    changeAvatar: "Avatar ändern",
+  },
+  search: {
+    clear: "Suche löschen",
+  },
+  security: {
+    title: "Sicherheit",
+    twoFactor: "Zwei-Faktor-Authentifizierung",
+    on: "An",
+    off: "Aus · fügt beim Anmelden einen zweiten Schritt hinzu",
+    checking: "Wird geprüft…",
+    unavailable: "Nicht verfügbar",
+    turnOn: "Einschalten",
+    turnOff: "Ausschalten",
+    setupTitle: "Zwei-Faktor-Authentifizierung einrichten",
+    setupHint: "Scannen Sie den QR-Code mit Ihrer Authenticator-App (Google Authenticator, Authy usw.)",
+    cancel: "Abbrechen",
+    deviceAdded: "Hinzugefügt am {{date}}",
+    devicePrimary: "Primär",
+    disableTitle: "Zwei-Faktor-Authentifizierung deaktivieren?",
+    disableHint: "Geben Sie zur Bestätigung den 6-stelligen Code Ihrer Authenticator-App ein. Ihr Konto ist dann weniger sicher.",
+    disabling: "Wird deaktiviert…",
+    disable: "2FA deaktivieren",
+  },
+  apiKey: {
+    title: "API-Schlüssel",
+    description: "Ihr persönlicher API-Schlüssel für den programmatischen Zugriff",
+    created: "Erstellt",
+    reissued: "Zuletzt neu ausgestellt",
+    neverReissued: "Nie neu ausgestellt",
+    regenerate: "API-Schlüssel neu erzeugen",
+    confirmRegenerate: "Zum Bestätigen klicken",
+    regenerating: "Wird neu erzeugt…",
+    regenerated: "API-Schlüssel neu erzeugt",
+    failedToRegenerate: "API-Schlüssel konnte nicht neu erzeugt werden",
+    done: "Fertig",
+    test: "API-Schlüssel testen",
+    testing: "Wird getestet…",
+    testSuccess: "API-Schlüssel ist gültig",
+    testFailed: "API-Schlüssel-Test fehlgeschlagen",
+    keyRow: "API-Schlüssel",
+    active: "Aktiv",
+    freshKey: "Das ist Ihr neuer API-Schlüssel – kopieren Sie ihn jetzt. Beim Verlassen der Seite wird er ausgeblendet.",
+  },
+};

package/src/layouts/SettingsLayout/i18n/locales/en.ts

@@ -0,0 +1,66 @@
+import type { SettingsCopy } from '../types';
+
+export const en: SettingsCopy = {
+  nav: {
+    title: "Settings",
+    platform: "Platform",
+    account: "Account",
+    preferences: "Preferences",
+    apiKeys: "API keys",
+    apiKeysDescription: "Create and manage keys for programmatic access.",
+  },
+  prefs: {
+    general: "General",
+    other: "Other",
+    language: "Language",
+    timeZone: "Time zone",
+    theme: "Theme",
+  },
+  account: {
+    dangerZone: "Danger zone",
+    deleteAccountDescription: "Permanently remove your account and all associated data.",
+    changeAvatar: "Change avatar",
+  },
+  search: {
+    clear: "Clear search",
+  },
+  security: {
+    title: "Security",
+    twoFactor: "Two-factor authentication",
+    on: "On",
+    off: "Off · adds a second step when you sign in",
+    checking: "Checking…",
+    unavailable: "Unavailable",
+    turnOn: "Turn on",
+    turnOff: "Turn off",
+    setupTitle: "Set up two-factor authentication",
+    setupHint: "Scan the QR code with your authenticator app (Google Authenticator, Authy, etc.)",
+    cancel: "Cancel",
+    deviceAdded: "Added {{date}}",
+    devicePrimary: "Primary",
+    disableTitle: "Disable two-factor authentication?",
+    disableHint: "Enter the 6-digit code from your authenticator app to confirm. This will make your account less secure.",
+    disabling: "Disabling…",
+    disable: "Disable 2FA",
+  },
+  apiKey: {
+    title: "API key",
+    description: "Your personal API key for programmatic access",
+    created: "Created",
+    reissued: "Last reissued",
+    neverReissued: "Never reissued",
+    regenerate: "Regenerate API key",
+    confirmRegenerate: "Click to confirm",
+    regenerating: "Regenerating…",
+    regenerated: "API key regenerated",
+    failedToRegenerate: "Failed to regenerate API key",
+    done: "Done",
+    test: "Test API key",
+    testing: "Testing…",
+    testSuccess: "API key is valid",
+    testFailed: "API key test failed",
+    keyRow: "API key",
+    active: "Active",
+    freshKey: "This is your new API key — copy it now. It will be masked when you leave this page.",
+  },
+};

package/src/layouts/SettingsLayout/i18n/locales/es.ts

@@ -0,0 +1,66 @@
+import type { SettingsCopy } from '../types';
+
+export const es: SettingsCopy = {
+  nav: {
+    title: "Ajustes",
+    platform: "Plataforma",
+    account: "Cuenta",
+    preferences: "Preferencias",
+    apiKeys: "Claves API",
+    apiKeysDescription: "Crea y gestiona claves para el acceso programático.",
+  },
+  prefs: {
+    general: "General",
+    other: "Otros",
+    language: "Idioma",
+    timeZone: "Zona horaria",
+    theme: "Tema",
+  },
+  account: {
+    dangerZone: "Zona de peligro",
+    deleteAccountDescription: "Elimina de forma permanente tu cuenta y todos los datos asociados.",
+    changeAvatar: "Cambiar avatar",
+  },
+  search: {
+    clear: "Borrar búsqueda",
+  },
+  security: {
+    title: "Seguridad",
+    twoFactor: "Autenticación en dos pasos",
+    on: "Activada",
+    off: "Desactivada · añade un segundo paso al iniciar sesión",
+    checking: "Comprobando…",
+    unavailable: "No disponible",
+    turnOn: "Activar",
+    turnOff: "Desactivar",
+    setupTitle: "Configurar la autenticación en dos pasos",
+    setupHint: "Escanea el código QR con tu aplicación de autenticación (Google Authenticator, Authy, etc.)",
+    cancel: "Cancelar",
+    deviceAdded: "Añadido el {{date}}",
+    devicePrimary: "Principal",
+    disableTitle: "¿Desactivar la autenticación en dos pasos?",
+    disableHint: "Introduce el código de 6 dígitos de tu aplicación de autenticación para confirmar. Tu cuenta será menos segura.",
+    disabling: "Desactivando…",
+    disable: "Desactivar 2FA",
+  },
+  apiKey: {
+    title: "Clave API",
+    description: "Tu clave API personal para el acceso programático",
+    created: "Creada",
+    reissued: "Última regeneración",
+    neverReissued: "Nunca regenerada",
+    regenerate: "Regenerar clave API",
+    confirmRegenerate: "Haz clic para confirmar",
+    regenerating: "Regenerando…",
+    regenerated: "Clave API regenerada",
+    failedToRegenerate: "No se pudo regenerar la clave API",
+    done: "Hecho",
+    test: "Probar clave API",
+    testing: "Probando…",
+    testSuccess: "La clave API es válida",
+    testFailed: "Falló la prueba de la clave API",
+    keyRow: "Clave API",
+    active: "Activa",
+    freshKey: "Esta es tu nueva clave API: cópiala ahora. Se ocultará al salir de esta página.",
+  },
+};