diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 120a489..01ee13f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -19,6 +19,7 @@
   GnModal,
   GnNavigationShell,
   GnSearchField,
+  GnSelect,
   GnSkeleton,
   GnStatusCard,
   GnSwitch,
@@ -34,6 +35,7 @@
 
 import { api } from "./api";
 import SecretDetailPanel from "./components/SecretDetailPanel.vue";
+import { setLocale, t } from "./i18n";
 import {
   assertGate,
   clearStore,
@@ -229,24 +231,32 @@
   locale: "en"
 });
 
+// Auto ("") = follow the auth account; the service stores its own otherwise
+const localeOptions = computed(() => [
+  { value: "", label: t("profile.languageAuto") },
+  { value: "en", label: t("profile.langEn") },
+  { value: "uk", label: t("profile.langUk") },
+  { value: "ru", label: t("profile.langRu") }
+]);
+
 const navItems = computed(() => {
   const items = [
-    { id: "secrets", label: "Secrets", icon: "ph-vault" },
-    { id: "history", label: "History", icon: "ph-clock-counter-clockwise" },
-    { id: "audit", label: "Audit", icon: "ph-list-checks" },
-    { id: "tokens", label: "Tokens", icon: "ph-key" },
-    { id: "extension", label: "Extension", icon: "ph-puzzle-piece" },
-    { id: "settings", label: "Settings", icon: "ph-gear" }
+    { id: "secrets", label: t("nav.secrets"), icon: "ph-vault" },
+    { id: "history", label: t("nav.history"), icon: "ph-clock-counter-clockwise" },
+    { id: "audit", label: t("nav.audit"), icon: "ph-list-checks" },
+    { id: "tokens", label: t("nav.tokens"), icon: "ph-key" },
+    { id: "extension", label: t("nav.extension"), icon: "ph-puzzle-piece" },
+    { id: "settings", label: t("nav.settings"), icon: "ph-gear" }
   ];
   if (me.value?.role === "admin") {
-    items.push({ id: "admin", label: "Admin", icon: "ph-user-gear" });
+    items.push({ id: "admin", label: t("nav.admin"), icon: "ph-user-gear" });
   }
   return items.map((item) => ({ ...item, active: activeTab.value === item.id }));
 });
 
 const currentNavLabel = computed(() => {
   const item = navItems.value.find((i) => i.id === activeTab.value);
-  return item?.label || "Secrets";
+  return item?.label || t("nav.secrets");
 });
 
 const pageTitle = computed(() => {
@@ -303,29 +313,29 @@
 }
 const canCreateSecret = computed(() => Boolean(form.title.trim() && parseCreateFields().length));
 const sortItems = computed(() => [
-  { label: "Updated (newest)", value: { by: "updated_at", dir: "desc" } },
-  { label: "Updated (oldest)", value: { by: "updated_at", dir: "asc" } },
-  { label: "Title (A–Z)", value: { by: "title", dir: "asc" } },
-  { label: "Title (Z–A)", value: { by: "title", dir: "desc" } },
-  { label: "Status", value: { by: "status", dir: "asc" } }
+  { label: t("secrets.sortUpdatedNewest"), value: { by: "updated_at", dir: "desc" } },
+  { label: t("secrets.sortUpdatedOldest"), value: { by: "updated_at", dir: "asc" } },
+  { label: t("secrets.sortTitleAz"), value: { by: "title", dir: "asc" } },
+  { label: t("secrets.sortTitleZa"), value: { by: "title", dir: "desc" } },
+  { label: t("secrets.sortStatus"), value: { by: "status", dir: "asc" } }
 ]);
 const secretRows = computed(() =>
   secrets.value.map((secret) => ({
     id: secret.id,
     title: secret.title,
-    purpose: secret.purpose || "Not set",
-    category: secret.category || "uncategorized",
+    purpose: secret.purpose || t("common.notSet"),
+    category: secret.category || t("common.uncategorized"),
     status: secret.status,
     raw: secret
   }))
 );
-const secretColumns = [
-  { key: "title", label: "Title" },
-  { key: "purpose", label: "Purpose" },
-  { key: "category", label: "Category" },
-  { key: "status", label: "Status" },
+const secretColumns = computed(() => [
+  { key: "title", label: t("col.title") },
+  { key: "purpose", label: t("col.purpose") },
+  { key: "category", label: t("col.category") },
+  { key: "status", label: t("col.status") },
   { key: "actions", label: "" }
-];
+]);
 // created_at values arrive as UTC ISO strings; render the server timestamp
 // as local "YYYY-MM-DD HH:mm" — the kit timeline draws it in a narrow
 // .timeline-time, where a compact fixed format reads better than Locale
@@ -338,9 +348,9 @@
 const versionItems = computed(() =>
   versions.value.map((version) => ({
     key: String(version.id),
-    title: `Version ${version.version_number}`,
+    title: t("history.version", { n: version.version_number }),
     time: formatTimestamp(version.created_at),
-    text: `${version.fields.length} ${version.fields.length === 1 ? "field" : "fields"}`,
+    text: t("history.fields", { n: version.fields.length }),
     icon: "ph-clock-counter-clockwise",
     raw: version
   }))
@@ -366,28 +376,34 @@
       raw: token
     }))
 );
-const tokenColumns = [
-  { key: "name", label: "Name" },
-  { key: "scopes", label: "Scopes" },
+const tokenColumns = computed(() => [
+  { key: "name", label: t("col.name") },
+  { key: "scopes", label: t("col.scopes") },
   { key: "actions", label: "" }
-];
+]);
 const diagnosticsItems = computed(() => [
   { label: "/health", key: "health", value: diagnostics.health },
   { label: "/ready", key: "ready", value: diagnostics.ready }
 ]);
-const adminColumns = [
-  { key: "user", label: "User" },
-  { key: "status", label: "Status" },
-  { key: "role", label: "Role" },
-  { key: "last_seen_at", label: "Last seen" }
-];
-const auditColumns = [
-  { key: "time", label: "Time" },
-  { key: "action", label: "Action" },
-  { key: "channel", label: "Channel" },
-  { key: "ip", label: "IP" },
-  { key: "metadata", label: "Metadata" }
-];
+const adminColumns = computed(() => [
+  { key: "user", label: t("col.user") },
+  { key: "status", label: t("col.status") },
+  { key: "role", label: t("col.role") },
+  { key: "last_seen_at", label: t("col.lastSeen") }
+]);
+const auditColumns = computed(() => [
+  { key: "time", label: t("col.time") },
+  { key: "action", label: t("col.action") },
+  { key: "channel", label: t("col.channel") },
+  { key: "ip", label: t("col.ip") },
+  { key: "metadata", label: t("col.metadata") }
+]);
+const backupColumns = computed(() => [
+  { key: "filename", label: t("col.file") },
+  { key: "size", label: t("col.size") },
+  { key: "created_at", label: t("col.created") },
+  { key: "actions", label: "" }
+]);
 
 function formatAuditMetadata(meta) {
   if (!meta || typeof meta !== "object") return [];
@@ -672,7 +688,7 @@
     revealed.value = null;
   } catch (err) {
     error.value = err.message;
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   } finally {
     loading.value = false;
   }
@@ -804,20 +820,20 @@
   if (result.ok) return true;
   if (result.code === "cancelled") {
     toastProvider.value?.info({
-      title: "Canceled",
-      text: "Biometric verification canceled — nothing revealed.",
+      title: t("bio.canceled"),
+      text: t("bio.canceledText"),
       lifetime: 2500
     });
   } else if (result.code === "no-credential") {
     toastProvider.value?.error({
-      title: "Biometric gate",
-      text: "Passkey not found on this device — re-enroll the gate in Settings.",
+      title: t("bio.gateTitle"),
+      text: t("bio.noCredential"),
       lifetime: 4000
     });
   } else if (result.code !== "no-gate") {
     toastProvider.value?.error({
-      title: "Biometric gate",
-      text: "Verification failed — the secret was not revealed.",
+      title: t("bio.gateTitle"),
+      text: t("bio.failedText"),
       lifetime: 3500
     });
   }
@@ -832,8 +848,8 @@
     const proof = await assertGate(bioGateUserLabel());
     if (!proof.ok) {
       toastProvider.value?.error({
-        title: "Biometric gate",
-        text: proof.code === "cancelled" ? "Canceled — the gate stays on." : "Verification failed — the gate stays on.",
+        title: t("bio.gateTitle"),
+        text: proof.code === "cancelled" ? t("bio.stayOnCanceled") : t("bio.stayOnFailed"),
         lifetime: 3000
       });
       return;
@@ -841,8 +857,8 @@
     clearStore();
     await refreshGateState();
     toastProvider.value?.success({
-      title: "Saved",
-      text: "Biometric gate disabled — reveals no longer require verification.",
+      title: t("bio.saved"),
+      text: t("bio.disabled"),
       lifetime: 2500
     });
     return;
@@ -850,11 +866,11 @@
   const result = await enrollGate(bioGateUserLabel());
   if (!result.ok) {
     toastProvider.value?.info({
-      title: "Biometric gate",
+      title: t("bio.gateTitle"),
       text:
         result.code === "cancelled"
-          ? "Enrollment canceled — the gate stays off."
-          : result.message || "Enrollment failed.",
+          ? t("bio.enrollCanceled")
+          : result.message || t("bio.enrollFailed"),
       lifetime: 3500
     });
     await refreshGateState();
@@ -862,8 +878,8 @@
   }
   await refreshGateState();
   toastProvider.value?.success({
-    title: "Saved",
-    text: "Biometric gate enabled — every reveal will ask for the sensor.",
+    title: t("bio.saved"),
+    text: t("bio.enabled"),
     lifetime: 3000
   });
 }
@@ -884,7 +900,7 @@
     auditEvents.value = payload.items;
     auditTotal.value = payload.total;
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   } finally {
     auditLoading.value = false;
   }
@@ -895,7 +911,7 @@
   try {
     tokens.value = await api.tokens();
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   } finally {
     tokensLoading.value = false;
   }
@@ -917,21 +933,24 @@
 
 function openProfileModal() {
   profileForm.display_name = me.value?.display_name || "";
-  profileForm.locale = me.value?.locale || "en";
+  profileForm.locale = me.value?.locale || "";
   showProfileModal.value = true;
 }
 
 async function saveProfile() {
   try {
+    // "auto" clears the service-level override; the next /me's
+    // locale_effective decides the language again (profile -> auth account)
     const updated = await api.updateMe({
       display_name: profileForm.display_name || null,
-      locale: profileForm.locale || null
+      locale: profileForm.locale || "auto"
     });
     me.value = updated;
+    setLocale(updated.locale_effective);
     showProfileModal.value = false;
-    toastProvider.value?.success({ title: "Saved", text: "Profile updated.", lifetime: 2000 });
+    toastProvider.value?.success({ title: t("bio.saved"), text: t("profile.saved"), lifetime: 2000 });
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   }
 }
 
@@ -969,7 +988,7 @@
     const text = await file.text();
     const payload = JSON.parse(text);
     if (payload.format !== "gnexus-creds-export" || payload.version !== 1) {
-      throw new Error("Unsupported import file");
+      throw new Error(t("import.unsupportedFile"));
     }
     importPreview.value = payload;
   } catch (err) {
@@ -991,9 +1010,9 @@
     await api.deleteAccountData();
     showDeleteConfirm.value = false;
     await loadSecrets();
-    toastProvider.value?.success({ title: "Deleted", text: "All data has been removed.", lifetime: 2000 });
+    toastProvider.value?.success({ title: t("toast.deleted"), text: t("toast.allDataRemoved"), lifetime: 2000 });
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   }
 }
 
@@ -1007,7 +1026,7 @@
     adminUsers.value = payload.items;
     adminUsersTotal.value = payload.total;
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   }
 }
 
@@ -1016,7 +1035,7 @@
   try {
     backups.value = await api.listBackups();
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   } finally {
     backupsLoading.value = false;
   }
@@ -1025,10 +1044,10 @@
 async function createBackup() {
   try {
     await api.createBackup();
-    toastProvider.value?.success({ title: "Backup", text: "Database backup created.", lifetime: 2000 });
+    toastProvider.value?.success({ title: t("toast.backup"), text: t("toast.backupCreated"), lifetime: 2000 });
     await loadBackups();
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   }
 }
 
@@ -1047,9 +1066,9 @@
     await api.restoreBackup(pendingRestoreFile.value);
     showRestoreConfirm.value = false;
     pendingRestoreFile.value = null;
-    toastProvider.value?.success({ title: "Restored", text: "Database restored. Please reload the page.", lifetime: 5000 });
+    toastProvider.value?.success({ title: t("toast.restored"), text: t("toast.databaseRestored"), lifetime: 5000 });
   } catch (err) {
-    toastProvider.value?.error({ title: "Error", text: err.message, lifetime: 3000 });
+    toastProvider.value?.error({ title: t("common.error"), text: err.message, lifetime: 3000 });
   }
 }
 
@@ -1074,7 +1093,7 @@
   try {
     extensionMeta.value = await api.extension();
   } catch (err) {
-    extensionError.value = err.message || "Failed to load extension info.";
+    extensionError.value = err.message || t("extension.loadFailed");
   } finally {
     extensionLoading.value = false;
   }
@@ -1098,6 +1117,9 @@
 onMounted(async () => {
   try {
     me.value = await api.me();
+    // the backend decides the language: settings override -> auth account.
+    // The profile modal's switcher can override it for this service only.
+    setLocale(me.value.locale_effective);
     await refreshGateState();
     await loadSecrets();
     await syncTabFromRoute(true);
@@ -1188,7 +1210,7 @@
           class="profile-identity"
         >
           <GnIdentity
-            :title="me?.display_name || me?.email || 'User'"
+            :title="me?.display_name || me?.email || t('common.user')"
             :meta="me?.email || ''"
             :avatar="{
               src: me?.avatar_url || '',
@@ -1200,12 +1222,12 @@
         </a>
         <GnIconButton
           icon="ph ph-pencil-simple"
-          label="Edit profile"
+          :label="t('profile.editProfile')"
           @click="openProfileModal"
         />
         <GnIconButton
           icon="ph ph-sign-out"
-          label="Logout"
+          :label="t('profile.logout')"
           @click="logout"
         />
       </template>
@@ -1215,11 +1237,11 @@
         <section v-if="activeTab === 'secrets'" class="secrets-page">
           <section v-if="secretsView === 'list'" class="workspace-surface list-panel">
             <GnAlert v-if="error" variant="danger" role="alert">{{ error }}</GnAlert>
-            <GnToolbar title="Secrets" :meta="loading ? 'Loading' : `${total} records`">
+            <GnToolbar :title="t('nav.secrets')" :meta="loading ? t('common.loading') : t('common.records', { n: total })">
               <template #actions>
                 <GnSearchField
                   v-model="query"
-                  placeholder="service, login, tag, source"
+                  :placeholder="t('secrets.searchPlaceholder')"
                 />
               </template>
             </GnToolbar>
@@ -1230,11 +1252,11 @@
                 @select="(item) => { secretsSort = item.value; loadSecrets(); }"
               >
                 <template #trigger="{ toggle }">
-                  <GnIconButton icon="ph ph-sort-ascending" label="Sort" @click="toggle" />
+                  <GnIconButton icon="ph ph-sort-ascending" :label="t('secrets.sort')" @click="toggle" />
                 </template>
               </GnDropdown>
               <GnButton size="sm" variant="success" icon="ph ph-plus-circle" @click="openCreateModal">
-                Create
+                {{ t("secrets.create") }}
               </GnButton>
             </div>
             <GnSkeleton v-if="loading" />
@@ -1243,7 +1265,7 @@
               :columns="secretColumns"
               :rows="secretRows"
               class="secrets-table"
-              empty-text="No secrets yet"
+              :empty-text="t('secrets.empty')"
             >
               <template #cell-title="{ row }">
                 <strong
@@ -1261,7 +1283,7 @@
                 </GnBadge>
               </template>
               <template #cell-actions="{ row }">
-                <GnIconButton icon="ph ph-caret-right" label="Open secret" @click="selectSecret(row.raw)" />
+                <GnIconButton icon="ph ph-caret-right" :label="t('secrets.openSecret')" @click="selectSecret(row.raw)" />
               </template>
             </GnTable>
             <AppPagination
@@ -1272,8 +1294,8 @@
             />
             <GnEmptyState
               v-if="!secrets.length"
-              title="No secrets yet"
-              text="Create the first record using the Create button."
+              :title="t('secrets.empty')"
+              :text="t('secrets.emptyText')"
               icon="ph ph-vault"
             />
           </section>
@@ -1296,26 +1318,26 @@
                 @navigate="onPanelNavigate"
               />
               <section v-if="editFields" class="workspace-surface inset-surface">
-                <GnToolbar title="Edit fields" />
+                <GnToolbar :title="t('detail.editFields')" />
                 <GnTextarea
                   v-model="editForm.fieldsText"
-                  label="Fields"
+                  :label="t('create.fieldsLabel')"
                   icon="ph ph-brackets-curly"
                   rows="8"
                 />
                 <div class="actions">
                   <GnButton variant="primary" icon="ph ph-floppy-disk" @click="saveSecretFields">
-                    Save new version
+                    {{ t("create.saveNewVersion") }}
                   </GnButton>
-                  <GnButton variant="secondary" @click="editFields = false">Cancel</GnButton>
+                  <GnButton variant="secondary" @click="editFields = false">{{ t("common.cancel") }}</GnButton>
                 </div>
               </section>
             </template>
             <GnEmptyState
               v-else
               class="large"
-              title="Select a secret"
-              text="Metadata is shown by default. Values are available through reveal."
+              :title="t('detail.selectSecret')"
+              :text="t('detail.selectSecretText')"
               icon="ph ph-lock-key"
             />
           </section>
@@ -1323,7 +1345,7 @@
 
         <section v-if="activeTab === 'history'" class="panel-stack">
           <section class="workspace-surface">
-            <GnToolbar title="Version history" :meta="selected?.title || 'Select a secret first from the Secrets tab'" />
+            <GnToolbar :title="t('history.toolbar')" :meta="selected?.title || t('history.selectSecret')" />
             <GnTimeline v-if="versionItems.length" :items="versionItems">
               <template #meta="{ item }">
                 <div class="version-actions">
@@ -1333,7 +1355,7 @@
                     icon="ph ph-eye-slash"
                     @click="revealedVersion = null"
                   >
-                    Hide
+                    {{ t("common.hide") }}
                   </GnButton>
                   <GnButton
                     v-else
@@ -1341,7 +1363,7 @@
                     icon="ph ph-eye"
                     @click="revealVersion(item.raw)"
                   >
-                    Reveal
+                    {{ t("common.reveal") }}
                   </GnButton>
                 </div>
               </template>
@@ -1366,8 +1388,8 @@
             </GnTimeline>
             <GnEmptyState
               v-else
-              title="No versions"
-              text="Select a secret and open its history to see versions."
+              :title="t('history.noVersions')"
+              :text="t('history.noVersionsText')"
               icon="ph ph-clock-counter-clockwise"
             />
           </section>
@@ -1376,8 +1398,8 @@
         <section v-if="activeTab === 'audit'" class="panel-stack">
           <section class="workspace-surface">
             <GnToolbar
-              title="Audit"
-              :meta="auditMode === 'secret' && selected ? selected.title : 'All secrets'"
+              :title="t('audit.toolbar')"
+              :meta="auditMode === 'secret' && selected ? selected.title : t('audit.allSecrets')"
             />
             <GnSkeleton v-if="auditLoading" />
             <GnTable
@@ -1385,7 +1407,7 @@
               :columns="auditColumns"
               :rows="auditRows"
               class="audit-table"
-              empty-text="No audit events"
+              :empty-text="t('audit.empty')"
             >
               <template #cell-channel="{ value }">
                 <GnBadge :variant="value === 'ui' ? 'info' : value === 'rest' ? 'warning' : 'success'">
@@ -1402,8 +1424,8 @@
                  pagination's v-if and phantom-render alongside real rows -->
             <GnEmptyState
               v-else
-              title="No audit events"
-              text="Activity will appear here once actions are performed."
+              :title="t('audit.empty')"
+              :text="t('audit.emptyText')"
               icon="ph ph-list-checks"
             />
             <AppPagination
@@ -1417,10 +1439,10 @@
 
         <section v-if="activeTab === 'tokens'" class="panel-stack">
           <section class="workspace-surface token-panel">
-            <GnToolbar title="API tokens">
+            <GnToolbar :title="t('tokens.toolbar')">
               <template #actions>
                 <GnButton variant="primary" icon="ph ph-plus-circle" @click="showCreateTokenModal = true">
-                  Create token
+                  {{ t("tokens.create") }}
                 </GnButton>
               </template>
             </GnToolbar>
@@ -1439,14 +1461,14 @@
               </template>
               <template #cell-actions="{ row }">
                 <GnButton size="sm" variant="danger" icon="ph ph-trash" @click="confirmRevokeToken(row.raw)">
-                  Revoke
+                  {{ t("common.revoke") }}
                 </GnButton>
               </template>
             </GnTable>
             <GnEmptyState
               v-else
-              title="No tokens"
-              text="Create an API token to access secrets programmatically."
+              :title="t('tokens.empty')"
+              :text="t('tokens.emptyText')"
               icon="ph ph-key"
             />
           </section>
@@ -1457,14 +1479,10 @@
 
           <section class="workspace-surface">
             <GnToolbar
-              title="Browser extension"
-              :meta="extensionMeta ? `v${extensionMeta.version}` : (extensionLoading ? 'Loading' : '')"
+              :title="t('extension.toolbar')"
+              :meta="extensionMeta ? `v${extensionMeta.version}` : (extensionLoading ? t('common.loading') : '')"
             />
-            <p class="input-info">
-              Autofill saved credentials, capture new logins, and browse secrets from the toolbar.
-              Download the build for your browser, load it unpacked, and point it at this server with
-              an API token.
-            </p>
+            <p class="input-info">{{ t("extension.description") }}</p>
             <p v-if="extensionMeta?.notes" class="input-info muted">{{ extensionMeta.notes }}</p>
 
             <div v-if="extensionLoading && !extensionMeta" class="extension-loading">
@@ -1487,33 +1505,33 @@
                     icon="ph ph-download-simple"
                     @click="downloadExtension(build.filename)"
                   >
-                    Download {{ build.browser }} build
+                    {{ t("extension.download", { browser: build.browser }) }}
                   </GnButton>
                 </div>
               </div>
             </div>
 
             <div class="create-actions">
-              <GnButton icon="ph ph-key" @click="goToTokens">Create an API token</GnButton>
+              <GnButton icon="ph ph-key" @click="goToTokens">{{ t("extension.createToken") }}</GnButton>
             </div>
           </section>
         </section>
 
         <section v-if="activeTab === 'settings'" class="panel-stack">
-          <section class="settings-metrics" aria-label="Storage overview">
-            <GnMetricCard label="Total secrets" :value="stats.total_secrets" icon="ph ph-vault" />
-            <GnMetricCard label="Active secrets" :value="stats.active_secrets" icon="ph ph-check-circle" />
-            <GnMetricCard label="MCP enabled" :value="stats.mcp_enabled_secrets" icon="ph ph-plugs-connected" />
+          <section class="settings-metrics" :aria-label="t('settings.overview')">
+            <GnMetricCard :label="t('settings.totalSecrets')" :value="stats.total_secrets" icon="ph ph-vault" />
+            <GnMetricCard :label="t('settings.activeSecrets')" :value="stats.active_secrets" icon="ph ph-check-circle" />
+            <GnMetricCard :label="t('settings.mcpEnabled')" :value="stats.mcp_enabled_secrets" icon="ph ph-plugs-connected" />
           </section>
 
           <section class="workspace-surface">
-            <GnToolbar title="Import data" />
+            <GnToolbar :title="t('settings.importToolbar')" />
             <GnFileUpload
               v-model="importFiles"
-              title="Import JSON"
-              description="Only gnexus-creds export JSON files are supported."
-              primary="Choose export file"
-              secondary="The file is parsed locally before import."
+              :title="t('settings.importTitle')"
+              :description="t('settings.importDescription')"
+              :primary="t('settings.importPrimary')"
+              :secondary="t('settings.importSecondary')"
               badge="JSON"
               :multiple="false"
               accept="application/json,.json"
@@ -1526,39 +1544,33 @@
                   :disabled="!importPreview"
                   @click="importData"
                 >
-                  Import selected file
+                  {{ t("settings.importAction") }}
                 </GnButton>
               </template>
             </GnFileUpload>
             <GnAlert v-if="importError" variant="danger" role="alert">{{ importError }}</GnAlert>
             <div v-if="importPreview" class="import-preview">
-              <GnBadge variant="success">{{ importPreview.secrets?.length || 0 }} secrets ready</GnBadge>
+              <GnBadge variant="success">{{ t("settings.importReady", { n: importPreview.secrets?.length || 0 }) }}</GnBadge>
               <span class="muted">{{ importFile?.name }}</span>
             </div>
           </section>
 
           <section class="workspace-surface">
-            <GnToolbar title="Export data" />
-            <p class="input-info">
-              Export all secrets as decrypted JSON. Store the file securely — it contains plaintext values.
-            </p>
+            <GnToolbar :title="t('settings.exportToolbar')" />
+            <p class="input-info">{{ t("settings.exportDescription") }}</p>
             <div class="create-actions">
-              <GnButton icon="ph ph-export" @click="exportData">Export decrypted JSON</GnButton>
+              <GnButton icon="ph ph-export" @click="exportData">{{ t("settings.exportAction") }}</GnButton>
             </div>
           </section>
 
           <section class="workspace-surface">
-            <GnToolbar title="Biometric gate" />
-            <p class="input-info">
-              Require a fingerprint (Android), Touch ID or Windows Hello before every secret reveal.
-              Verification runs entirely on this browser — the server never sees biometric data.
-              Disable needs the same proof, so the gate cannot be switched off from an unattended session.
-            </p>
+            <GnToolbar :title="t('settings.gateToolbar')" />
+            <p class="input-info">{{ t("settings.gateDescription") }}</p>
             <GnAlert v-if="gateState.status === 'unavailable'" variant="info" role="status">
-              {{ gateState.detail || "Biometric authentication is unavailable on this device." }}
+              {{ gateState.detail || t("settings.gateUnavailable") }}
             </GnAlert>
             <GnAlert v-else-if="gateState.status === 'broken'" variant="danger" role="alert">
-              The enrolled passkey is no longer on this device. Re-enroll the gate to restore protection.
+              {{ t("settings.gateBroken") }}
             </GnAlert>
             <div class="create-actions">
               <GnButton
@@ -1567,19 +1579,17 @@
                 :disabled="gateState.status === 'unavailable' || gateState.status === 'unknown'"
                 @click="toggleBioGate"
               >
-                {{ gateState.status === 'enrolled' ? "Disable biometric gate" : "Enable biometric gate" }}
+                {{ gateState.status === 'enrolled' ? t("settings.gateDisable") : t("settings.gateEnable") }}
               </GnButton>
             </div>
           </section>
 
           <section class="workspace-surface danger-zone">
-            <GnToolbar title="Danger zone" />
-            <p class="input-info">
-              Deleting all data removes every secret and version. Audit records and API tokens are preserved.
-            </p>
+            <GnToolbar :title="t('settings.dangerToolbar')" />
+            <p class="input-info">{{ t("settings.dangerDescription") }}</p>
             <div class="create-actions">
               <GnButton variant="danger" icon="ph ph-trash" @click="showDeleteConfirm = true">
-                Delete all data
+                {{ t("settings.deleteAll") }}
               </GnButton>
             </div>
           </section>
@@ -1587,9 +1597,9 @@
 
         <section v-if="activeTab === 'admin' && me?.role === 'admin'" class="panel-stack admin-stack">
           <section class="workspace-surface">
-            <GnToolbar title="Users" :meta="`${adminUsersTotal} records`">
+            <GnToolbar :title="t('admin.usersToolbar')" :meta="t('common.records', { n: adminUsersTotal })">
               <template #actions>
-                <GnButton icon="ph ph-arrows-clockwise" @click="loadAdminUsers">Refresh</GnButton>
+                <GnButton icon="ph ph-arrows-clockwise" @click="loadAdminUsers">{{ t("admin.refresh") }}</GnButton>
               </template>
             </GnToolbar>
             <GnDescriptionList :items="diagnosticsItems" compact>
@@ -1604,7 +1614,7 @@
                 </GnBadge>
               </template>
             </GnDescriptionList>
-            <GnButton size="sm" icon="ph ph-heartbeat" @click="loadDiagnostics">Check diagnostics</GnButton>
+            <GnButton size="sm" icon="ph ph-heartbeat" @click="loadDiagnostics">{{ t("admin.checkDiagnostics") }}</GnButton>
             <div v-if="adminUsers.length" class="admin-user-cards">
               <GnUserCard
                 v-for="user in adminUsers"
@@ -1623,8 +1633,8 @@
             </div>
             <GnEmptyState
               v-else
-              title="No users"
-              text="Users will appear here once they sign in."
+              :title="t('admin.noUsers')"
+              :text="t('admin.noUsersText')"
               icon="ph ph-users"
             />
             <AppPagination
@@ -1636,118 +1646,111 @@
           </section>
 
           <section class="workspace-surface">
-            <GnToolbar title="Backups">
+            <GnToolbar :title="t('admin.backups')">
               <template #actions>
-                <GnButton icon="ph ph-floppy-disk" @click="createBackup">Create backup</GnButton>
+                <GnButton icon="ph ph-floppy-disk" @click="createBackup">{{ t("admin.createBackup") }}</GnButton>
               </template>
             </GnToolbar>
             <GnSkeleton v-if="backupsLoading" />
             <GnTable
               v-else-if="backups.length"
-              :columns="[
-                { key: 'filename', label: 'File' },
-                { key: 'size', label: 'Size' },
-                { key: 'created_at', label: 'Created' },
-                { key: 'actions', label: '' }
-              ]"
+              :columns="backupColumns"
               :rows="backups.map(b => ({ ...b, size: `${(b.size / 1024).toFixed(1)} KB` }))"
-              empty-text="No backups yet"
+              :empty-text="t('admin.noBackupsYet')"
             >
               <template #cell-actions="{ row }">
-                <GnButton size="sm" icon="ph ph-download-simple" @click="downloadBackup(row.filename)">Download</GnButton>
-                <GnButton size="sm" variant="danger" icon="ph ph-arrow-u-up-left" @click="confirmRestore(row.filename)">Restore</GnButton>
+                <GnButton size="sm" icon="ph ph-download-simple" @click="downloadBackup(row.filename)">{{ t("common.download") }}</GnButton>
+                <GnButton size="sm" variant="danger" icon="ph ph-arrow-u-up-left" @click="confirmRestore(row.filename)">{{ t("common.restore") }}</GnButton>
               </template>
             </GnTable>
             <GnEmptyState
               v-else
-              title="No backups"
-              text="Create a backup before making major changes."
+              :title="t('admin.noBackups')"
+              :text="t('admin.noBackupsText')"
               icon="ph ph-floppy-disk"
             />
           </section>
         </section>
 
-        <GnModal v-model:open="showCreateModal" title="Create secret">
+        <GnModal v-model:open="showCreateModal" :title="t('create.title')">
           <div class="create-modal-body">
             <section class="modal-section">
               <div class="form-grid two">
                 <GnInput
                   v-model="form.title"
-                  label="Title"
+                  :label="t('col.title')"
                   icon="ph ph-text-t"
-                  help="Human-readable name shown in lists and search results."
+                  :help="t('create.titleHelp')"
                 />
                 <GnInput
                   v-model="form.purpose"
-                  label="Purpose"
+                  :label="t('col.purpose')"
                   icon="ph ph-target"
-                  help="Target service, server, account, or other secret destination."
+                  :help="t('create.purposeHelp')"
                 />
                 <div class="form-row-two">
                   <GnInput
                     v-model="form.category"
-                    label="Category"
+                    :label="t('col.category')"
                     icon="ph ph-folder"
-                    help="Single grouping value for browsing, for example work or banking."
+                    :help="t('create.categoryHelp')"
                   />
                   <GnInput
                     v-model="form.source"
-                    label="Source"
+                    :label="t('create.sourceLabel')"
                     icon="ph ph-signpost"
-                    help="Where this secret came from: person, import, ticket, or note."
+                    :help="t('create.sourceHelp')"
                   />
                 </div>
                 <GnTagInput
                   v-model="form.tags"
-                  label="Tags"
+                  :label="t('detail.tags')"
                   icon="ph ph-tag"
                   separator=","
                   unique
-                  help="Keywords used by search."
+                  :help="t('create.tagsHelp')"
                   class="form-col-full"
                 />
                 <GnTextarea
                   v-model="form.notes"
-                  label="Notes"
+                  :label="t('create.notesLabel')"
                   icon="ph ph-note-pencil"
                   rows="3"
                   maxlength="140"
-                  help="Short context for the secret. Limited to 140 characters."
+                  :help="t('create.notesHelp')"
                   class="form-col-full"
                 />
               </div>
             </section>
 
             <section class="modal-section">
-              <GnToolbar title="Fields" meta="One row per secret value">
+              <GnToolbar :title="t('create.fieldsTitle')" :meta="t('create.fieldsMeta')">
                 <template #actions>
                   <GnButton size="sm" variant="secondary" icon="ph ph-plus" @click="addCreateField">
-                    Add field
+                    {{ t("create.addField") }}
                   </GnButton>
                 </template>
               </GnToolbar>
-              <p class="input-info modal-help">
-                Add one row per secret value. Enable encryption for passwords, tokens, PINs, and keys.
-              </p>
+              <p class="input-info modal-help">{{ t("create.fieldsHelp") }}</p>
               <div class="create-fields">
                 <div v-for="(field, index) in formFields" :key="field.id" class="create-field-row">
                   <GnInput
                     v-model="field.name"
-                    label="Field name"
+                    :label="t('create.fieldName')"
                     icon="ph ph-brackets-curly"
-                    help="Name copied into API and MCP responses, for example username."
+                    :help="t('create.fieldNameHelp')"
                   />
                   <GnInput
                     v-model="field.value"
-                    label="Value"
+                    :label="t('create.fieldValue')"
                     icon="ph ph-key"
-                    help="Actual value stored for this field."
+                    :help="t('create.fieldValueHelp')"
                   />
                   <div class="field-row-actions">
-                    <GnCheckbox v-model="field.encrypted" label="Encrypt" />
+                    <GnCheckbox v-model="field.encrypted" :label="t('create.encrypt')" />
                     <GnIconButton
                       icon="ph ph-trash"
-                      label="Remove field"
+                      :label="t('create.removeField')"
                       :disabled="formFields.length === 1"
                       @click="removeCreateField(index)"
                     />
@@ -1757,44 +1760,44 @@
             </section>
 
             <section class="modal-section">
-              <GnToolbar title="Access" meta="Global channels for this secret" />
+              <GnToolbar :title="t('create.accessTitle')" :meta="t('create.accessMeta')" />
               <div class="create-access-grid">
                 <div class="access-option">
-                  <GnSwitch v-model="form.allow_ui" label="UI" />
-                  <div class="input-info">Available from the web interface after login.</div>
+                  <GnSwitch v-model="form.allow_ui" :label="t('create.channelUi')" />
+                  <div class="input-info">{{ t("create.uiInfo") }}</div>
                 </div>
                 <div class="access-option">
-                  <GnSwitch v-model="form.allow_rest_api" label="REST API" />
-                  <div class="input-info">Available to external clients using API tokens.</div>
+                  <GnSwitch v-model="form.allow_rest_api" :label="t('create.channelRest')" />
+                  <div class="input-info">{{ t("create.restInfo") }}</div>
                 </div>
                 <div class="access-option">
-                  <GnSwitch v-model="form.allow_mcp" label="MCP" />
-                  <div class="input-info">Available to MCP clients when token scopes allow it.</div>
+                  <GnSwitch v-model="form.allow_mcp" :label="t('create.channelMcp')" />
+                  <div class="input-info">{{ t("create.mcpInfo") }}</div>
                 </div>
               </div>
             </section>
           </div>
           <template #actions>
-            <GnButton variant="secondary" @click="showCreateModal = false">Cancel</GnButton>
+            <GnButton variant="secondary" @click="showCreateModal = false">{{ t("common.cancel") }}</GnButton>
             <GnButton variant="success" icon="ph ph-check-circle" :disabled="!canCreateSecret" @click="createSecret">
-              Create
+              {{ t("secrets.create") }}
             </GnButton>
           </template>
         </GnModal>
 
-        <GnModal v-model:open="editing" title="Edit metadata" @close="cancelEditMetadata">
+        <GnModal v-model:open="editing" :title="t('detail.editMetadata')" @close="cancelEditMetadata">
           <div v-if="selected" class="create-modal-body">
             <section class="modal-section">
               <div class="form-grid two">
-                <GnInput v-model="editForm.title" label="Title" icon="ph ph-text-t" />
-                <GnInput v-model="editForm.purpose" label="Purpose" icon="ph ph-target" />
+                <GnInput v-model="editForm.title" :label="t('col.title')" icon="ph ph-text-t" />
+                <GnInput v-model="editForm.purpose" :label="t('col.purpose')" icon="ph ph-target" />
                 <div class="form-row-two">
-                  <GnInput v-model="editForm.category" label="Category" icon="ph ph-folder" />
-                  <GnInput v-model="editForm.source" label="Source" icon="ph ph-signpost" />
+                  <GnInput v-model="editForm.category" :label="t('col.category')" icon="ph ph-folder" />
+                  <GnInput v-model="editForm.source" :label="t('create.sourceLabel')" icon="ph ph-signpost" />
                 </div>
                 <GnTagInput
                   v-model="editForm.tags"
-                  label="Tags"
+                  :label="t('detail.tags')"
                   icon="ph ph-tag"
                   separator=","
                   unique
@@ -1802,7 +1805,7 @@
                 />
                 <GnTextarea
                   v-model="editForm.notes"
-                  label="Notes"
+                  :label="t('create.notesLabel')"
                   icon="ph ph-note-pencil"
                   rows="3"
                   maxlength="140"
@@ -1811,86 +1814,86 @@
               </div>
             </section>
             <section class="modal-section">
-              <GnToolbar title="Status" meta="Metadata shown in lists and filters" />
+              <GnToolbar :title="t('create.statusTitle')" :meta="t('create.statusMeta')" />
               <div class="controls-line">
                 <GnButton
                   :variant="editForm.status === 'actual' ? 'primary' : 'secondary'"
                   @click="editForm.status = 'actual'"
                 >
-                  Actual
+                  {{ t("create.statusActual") }}
                 </GnButton>
                 <GnButton
                   :variant="editForm.status === 'outdated' ? 'primary' : 'secondary'"
                   @click="editForm.status = 'outdated'"
                 >
-                  Outdated
+                  {{ t("create.statusOutdated") }}
                 </GnButton>
-                <GnSwitch v-model="editForm.archived" label="Archived" />
+                <GnSwitch v-model="editForm.archived" :label="t('create.archived')" />
               </div>
             </section>
             <section class="modal-section">
-              <GnToolbar title="Access" meta="Global availability channels for this secret" />
+              <GnToolbar :title="t('create.accessTitle')" :meta="t('create.accessMetaEdit')" />
               <div class="access-grid">
                 <div class="access-option">
-                  <GnSwitch v-model="editForm.allow_ui" label="UI" />
-                  <div class="input-info">Visible in the user interface.</div>
+                  <GnSwitch v-model="editForm.allow_ui" :label="t('create.channelUi')" />
+                  <div class="input-info">{{ t("create.uiInfo") }}</div>
                 </div>
                 <div class="access-option">
-                  <GnSwitch v-model="editForm.allow_rest_api" label="REST API" />
-                  <div class="input-info">Available to external clients using API tokens.</div>
+                  <GnSwitch v-model="editForm.allow_rest_api" :label="t('create.channelRest')" />
+                  <div class="input-info">{{ t("create.restInfo") }}</div>
                 </div>
                 <div class="access-option">
-                  <GnSwitch v-model="editForm.allow_mcp" label="MCP" />
-                  <div class="input-info">Available to MCP clients when token scopes allow it.</div>
+                  <GnSwitch v-model="editForm.allow_mcp" :label="t('create.channelMcp')" />
+                  <div class="input-info">{{ t("create.mcpInfo") }}</div>
                 </div>
               </div>
             </section>
           </div>
           <template #actions>
-            <GnButton variant="secondary" @click="cancelEditMetadata">Cancel</GnButton>
+            <GnButton variant="secondary" @click="cancelEditMetadata">{{ t("common.cancel") }}</GnButton>
             <GnButton variant="primary" icon="ph ph-floppy-disk" @click="saveSecretMetadata">
-              Save metadata
+              {{ t("create.saveMetadata") }}
             </GnButton>
           </template>
         </GnModal>
 
         <GnConfirmDialog
           v-model:open="showDeleteConfirm"
-          title="Delete all data"
-          message="This permanently removes all secrets and versions. Audit records remain."
-          confirm-text="Delete"
+          :title="t('confirm.deleteAllTitle')"
+          :message="t('confirm.deleteAllText')"
+          :confirm-text="t('common.delete')"
           confirm-variant="danger"
           @confirm="deleteAllData"
         />
 
         <GnConfirmDialog
           :open="Boolean(pendingDeleteSecret)"
-          title="Delete secret"
-          :message="`This permanently deletes ${pendingDeleteSecret?.title || 'this secret'} and all its versions. Audit records remain.`"
-          confirm-text="Delete"
+          :title="t('confirm.deleteSecretTitle')"
+          :message="t('confirm.deleteSecretText', { title: pendingDeleteSecret?.title || t('detail.selectSecret') })"
+          :confirm-text="t('common.delete')"
           confirm-variant="danger"
           @confirm="deleteSelectedSecret"
           @update:open="pendingDeleteSecret = null"
         />
 
-        <GnModal v-model:open="showCreateTokenModal" title="Create token" @close="closeCreateTokenModal">
+        <GnModal v-model:open="showCreateTokenModal" :title="t('tokens.create')" @close="closeCreateTokenModal">
           <div v-if="!newToken" class="create-modal-body">
             <p class="input-info">
-              API tokens let external clients and MCP tools authenticate with gnexus-creds without a browser session. Pick a descriptive name and select the scopes this token should have.
+              {{ t("tokens.intro") }}
             </p>
-            <GnInput v-model="tokenForm.name" label="Token name" icon="ph ph-key" />
+            <GnInput v-model="tokenForm.name" :label="t('tokens.tokenName')" icon="ph ph-key" />
             <div class="controls-line">
-              <GnCheckbox v-model="tokenForm.read" label="Read" />
-              <GnCheckbox v-model="tokenForm.reveal" label="Reveal" />
-              <GnCheckbox v-model="tokenForm.write" label="Write" />
-              <GnCheckbox v-model="tokenForm.admin" label="Admin" />
-              <GnCheckbox v-model="tokenForm.mcp" label="MCP" />
+              <GnCheckbox v-model="tokenForm.read" :label="t('tokens.scopeRead')" />
+              <GnCheckbox v-model="tokenForm.reveal" :label="t('tokens.scopeReveal')" />
+              <GnCheckbox v-model="tokenForm.write" :label="t('tokens.scopeWrite')" />
+              <GnCheckbox v-model="tokenForm.admin" :label="t('tokens.scopeAdmin')" />
+              <GnCheckbox v-model="tokenForm.mcp" :label="t('create.channelMcp')" />
             </div>
           </div>
           <div v-else class="create-modal-body">
-            <GnTextarea :model-value="newToken.token" label="Token" icon="ph ph-key" readonly />
+            <GnTextarea :model-value="newToken.token" :label="t('tokens.token')" icon="ph ph-key" readonly />
             <p class="input-info">
-              Copy this token now. It will not be shown again.
+              {{ t("tokens.copyNotice") }}
             </p>
           </div>
           <template #actions>
@@ -1900,40 +1903,46 @@
               icon="ph ph-plus-circle"
               @click="createApiToken"
             >
-              Create token
+              {{ t("tokens.create") }}
             </GnButton>
             <template v-else>
               <GnCopyButton :text="newToken.token" size="sm" />
-              <GnButton variant="secondary" @click="closeCreateTokenModal">Close</GnButton>
+              <GnButton variant="secondary" @click="closeCreateTokenModal">{{ t("common.close") }}</GnButton>
             </template>
           </template>
         </GnModal>
 
-        <GnModal v-model:open="showProfileModal" title="Edit profile">
+        <GnModal v-model:open="showProfileModal" :title="t('profile.editProfile')">
           <div class="create-modal-body">
-            <GnInput v-model="profileForm.display_name" label="Display name" icon="ph ph-user" />
-            <GnInput v-model="profileForm.locale" label="Locale" icon="ph ph-globe" />
+            <GnInput v-model="profileForm.display_name" :label="t('profile.display_name')" icon="ph ph-user" />
+            <GnSelect
+              v-model="profileForm.locale"
+              :label="t('profile.language')"
+              icon="ph ph-globe"
+              :options="localeOptions"
+            />
+            <p class="input-info">{{ t("profile.languageAuto") }}</p>
           </div>
           <template #actions>
-            <GnButton variant="primary" icon="ph ph-floppy-disk" @click="saveProfile">Save profile</GnButton>
-            <GnButton variant="secondary" @click="showProfileModal = false">Cancel</GnButton>
+            <GnButton variant="primary" icon="ph ph-floppy-disk" @click="saveProfile">{{ t("profile.save") }}</GnButton>
+            <GnButton variant="secondary" @click="showProfileModal = false">{{ t("common.cancel") }}</GnButton>
           </template>
         </GnModal>
 
         <GnConfirmDialog
           v-model:open="showRestoreConfirm"
-          title="Restore database"
-          :message="`This will overwrite the current database with ${pendingRestoreFile}. All existing data will be replaced.`"
-          confirm-text="Restore"
+          :title="t('confirm.restoreTitle')"
+          :message="t('confirm.restoreText', { file: pendingRestoreFile })"
+          :confirm-text="t('common.restore')"
           confirm-variant="danger"
           @confirm="restoreBackup"
         />
 
         <GnConfirmDialog
           v-model:open="showRevokeConfirm"
-          title="Revoke token"
-          :message="`This will permanently revoke token '${pendingRevokeToken?.name || 'this token'}'. It can no longer be used for API or MCP access.`"
-          confirm-text="Revoke"
+          :title="t('tokens.revokeTitle')"
+          :message="t('tokens.revokeText', { name: pendingRevokeToken?.name || '' })"
+          :confirm-text="t('common.revoke')"
           confirm-variant="danger"
           @confirm="doRevokeToken"
         />
diff --git a/frontend/src/components/SecretDetailPanel.vue b/frontend/src/components/SecretDetailPanel.vue
index fecd92f..8351f6e 100644
--- a/frontend/src/components/SecretDetailPanel.vue
+++ b/frontend/src/components/SecretDetailPanel.vue
@@ -12,6 +12,8 @@
   GnTooltip
 } from "gnexus-ui-kit/vue";
 
+import { t } from "../i18n";
+
 const props = defineProps({
   secret: { type: Object, required: true },
   fields: { type: Array, default: null },
@@ -34,15 +36,16 @@
 ]);
 
 const details = computed(() => [
-  { label: "Purpose", value: props.secret.purpose || "Not set" },
-  { label: "Category", value: props.secret.category || "Not set" },
-  { label: "Tags", value: props.secret.tags?.join(", ") || "No tags" },
+  { label: t("detail.purpose"), value: props.secret.purpose || t("common.notSet") },
+  { label: t("detail.category"), value: props.secret.category || t("common.notSet") },
+  { label: t("detail.tags"), value: props.secret.tags?.join(", ") || t("detail.noTags") },
   {
-    label: "Access",
-    value:
-      `UI ${props.secret.allow_ui ? "on" : "off"} · REST ` +
-      `${props.secret.allow_rest_api ? "on" : "off"} · MCP ` +
-      `${props.secret.allow_mcp ? "on" : "off"}`
+    label: t("detail.access"),
+    value: t("detail.accessState", {
+      ui: props.secret.allow_ui ? t("detail.on") : t("detail.off"),
+      rest: props.secret.allow_rest_api ? t("detail.on") : t("detail.off"),
+      mcp: props.secret.allow_mcp ? t("detail.on") : t("detail.off")
+    })
   }
 ]);
 
@@ -50,36 +53,36 @@
   (props.fields || []).map((field, index) => ({
     key: `${field.name}:${index}`,
     title: field.name,
-    subtitle: field.encrypted ? "encrypted" : "plain",
+    subtitle: field.encrypted ? t("detail.encrypted") : t("detail.plain"),
     raw: field
   }))
 );
 
 const actionItems = computed(() => [
   {
-    label: "Versions",
+    label: t("detail.versions"),
     icon: "ph ph-clock-counter-clockwise",
     onSelect: () => emit("navigate", "history")
   },
   {
-    label: "Audit",
+    label: t("nav.audit"),
     icon: "ph ph-list-checks",
     onSelect: () => emit("navigate", "audit")
   },
   {
-    label: "Edit fields",
+    label: t("detail.editFields"),
     icon: "ph ph-list-plus",
     onSelect: () => emit("navigate", "edit-fields")
   },
   {
-    label: `Mark ${props.secret.status === "actual" ? "outdated" : "actual"}`,
+    label: props.secret.status === "actual" ? t("detail.markOutdated") : t("detail.markActual"),
     icon: "ph ph-arrows-clockwise",
     onSelect: () =>
       emit("status-change", props.secret.status === "actual" ? "outdated" : "actual")
   },
-  { label: "Archive", icon: "ph ph-archive", onSelect: () => emit("archive") },
+  { label: t("detail.archive"), icon: "ph ph-archive", onSelect: () => emit("archive") },
   {
-    label: "Delete",
+    label: t("detail.deleteAction"),
     icon: "ph ph-trash",
     danger: true,
     onSelect: () => emit("delete")
@@ -105,7 +108,7 @@
       <GnIconButton
         v-if="showBack"
         icon="ph ph-arrow-left"
-        label="Back to list"
+        :label="t('detail.backToList')"
         @click="emit('back')"
       />
     </template>
@@ -114,17 +117,17 @@
         <GnBadge :variant="secret.status === 'actual' ? 'success' : 'warning'">
           {{ secret.status }}
         </GnBadge>
-        <GnTooltip :text="fields ? 'Mask values' : 'Show decrypted values'">
+        <GnTooltip :text="fields ? t('detail.maskValues') : t('detail.showValues')">
           <GnIconButton
             :icon="fields ? 'ph ph-eye-slash' : 'ph ph-eye'"
-            :label="fields ? 'Hide secret' : 'Reveal secret'"
+            :label="fields ? t('detail.hideSecret') : t('detail.revealSecret')"
             @click="fields ? emit('hide') : emit('reveal')"
           />
         </GnTooltip>
-        <GnTooltip text="Edit metadata">
+        <GnTooltip :text="t('detail.editMetadata')">
           <GnIconButton
             icon="ph ph-pencil-simple"
-            label="Edit metadata"
+            :label="t('detail.editMetadata')"
             @click="emit('edit-metadata')"
           />
         </GnTooltip>
@@ -132,7 +135,7 @@
           <template #trigger="{ toggle }">
             <GnIconButton
               icon="ph ph-dots-three-outline"
-              label="Secret actions"
+              :label="t('detail.secretActions')"
               @click="toggle"
             />
           </template>
@@ -144,16 +147,16 @@
   <GnDescriptionList :items="details" />
 
   <section v-if="fields?.length" class="workspace-surface inset-surface">
-    <GnToolbar title="Revealed fields" />
+    <GnToolbar :title="t('detail.revealedFields')" />
     <GnActionList :items="fieldItems" class="revealed-fields-list">
       <template #controls="{ item }">
         <code class="secret-value">
           {{ isVisible(item.key) ? item.raw.value : maskValue(item.raw.value) }}
         </code>
-        <GnTooltip :text="isVisible(item.key) ? 'Hide value' : 'Show value'">
+        <GnTooltip :text="isVisible(item.key) ? t('detail.hideValue') : t('detail.showValue')">
           <GnIconButton
             :icon="isVisible(item.key) ? 'ph ph-eye-slash' : 'ph ph-eye'"
-            :label="isVisible(item.key) ? 'Hide field value' : 'Show field value'"
+            :label="isVisible(item.key) ? t('detail.hideFieldValue') : t('detail.showFieldValue')"
             @click="emit('toggle-field-visibility', item.key)"
           />
         </GnTooltip>
diff --git a/frontend/src/i18n/index.js b/frontend/src/i18n/index.js
new file mode 100644
index 0000000..69920a3
--- /dev/null
+++ b/frontend/src/i18n/index.js
@@ -0,0 +1,64 @@
+// Tiny reactive i18n for the SPA (vue-i18n is deliberately not pulled in):
+// a locale ref, a t() with {param} interpolation and Slavic plural forms,
+// and flat per-area message dictionaries. The default locale is set from
+// the backend's locale_effective (settings override -> auth account -> en).
+import { ref, watch } from "vue";
+
+import en from "./messages/en.js";
+import uk from "./messages/uk.js";
+import ru from "./messages/ru.js";
+
+const messages = { en, uk, ru };
+
+// Language tags normalize to their 2-letter prefix ("en-US" -> "en");
+// anything the dictionaries don't ship falls back to English.
+export const SUPPORTED_LOCALES = Object.keys(messages);
+
+export const locale = ref("en");
+
+function normalizeTag(tag) {
+  const prefix = String(tag || "").trim().toLowerCase().split(/[-_]/)[0];
+  return messages[prefix] ? prefix : null;
+}
+
+export function setLocale(tag) {
+  locale.value = normalizeTag(tag) || "en";
+}
+
+watch(locale, (lang) => {
+  if (typeof document !== "undefined") {
+    document.documentElement.lang = lang;
+  }
+});
+
+function pluralCategory(lang, n) {
+  // ru/uk: n%10==1 (except 11) -> one; 2-4 (except 12-14) -> few; else many
+  const mod10 = n % 10;
+  const mod100 = n % 100;
+  if (lang === "ru" || lang === "uk") {
+    if (mod10 === 1 && mod100 !== 11) return "one";
+    if (mod10 >= 2 && mod10 <= 4 && !(mod100 >= 12 && mod100 <= 14)) return "few";
+    return "many";
+  }
+  return n === 1 ? "one" : "other";
+}
+
+function interpolate(text, params) {
+  return text.replace(/\{(\w+)\}/g, (match, key) =>
+    params && key in params ? String(params[key]) : match
+  );
+}
+
+function lookup(slug) {
+  return messages[locale.value]?.[slug] ?? messages.en[slug];
+}
+
+export function t(slug, params) {
+  let text = lookup(slug);
+  if (text != null && typeof text === "object") {
+    // plural dictionary {one, few, many, other}; a missing form falls to other
+    const n = Number(params?.n ?? 0);
+    text = text[pluralCategory(locale.value, n)] ?? text.other;
+  }
+  return text != null ? interpolate(String(text), params) : slug;
+}
\ No newline at end of file
diff --git a/frontend/src/i18n/messages/en.js b/frontend/src/i18n/messages/en.js
new file mode 100644
index 0000000..01b25c5
--- /dev/null
+++ b/frontend/src/i18n/messages/en.js
@@ -0,0 +1,251 @@
+// English source dictionary. Flat slugs grouped by area; a value may be an
+// object {one, few, many, other} where a plural form is needed.
+export default {
+  // navigation
+  "nav.secrets": "Secrets",
+  "nav.history": "History",
+  "nav.audit": "Audit",
+  "nav.tokens": "Tokens",
+  "nav.extension": "Extension",
+  "nav.settings": "Settings",
+  "nav.admin": "Admin",
+
+  // common
+  "common.loading": "Loading",
+  "common.error": "Error",
+  "common.cancel": "Cancel",
+  "common.close": "Close",
+  "common.delete": "Delete",
+  "common.download": "Download",
+  "common.restore": "Restore",
+  "common.revoke": "Revoke",
+  "common.save": "Save",
+  "common.refresh": "Refresh",
+  "common.notSet": "Not set",
+  "common.uncategorized": "uncategorized",
+  "common.user": "User",
+  "common.hide": "Hide",
+  "common.reveal": "Reveal",
+  "common.records": "{n} records",
+
+  // profile
+  "profile.editProfile": "Edit profile",
+  "profile.logout": "Logout",
+  "profile.display_name": "Display name",
+  "profile.language": "Language",
+  "profile.languageAuto": "Auto (from account)",
+  "profile.langEn": "English",
+  "profile.langUk": "Українська",
+  "profile.langRu": "Русский",
+  "profile.save": "Save profile",
+  "profile.saved": "Profile updated.",
+
+  // secrets list
+  "secrets.searchPlaceholder": "service, login, tag, source",
+  "secrets.sort": "Sort",
+  "secrets.sortUpdatedNewest": "Updated (newest)",
+  "secrets.sortUpdatedOldest": "Updated (oldest)",
+  "secrets.sortTitleAz": "Title (A–Z)",
+  "secrets.sortTitleZa": "Title (Z–A)",
+  "secrets.sortStatus": "Status",
+  "secrets.create": "Create",
+  "secrets.empty": "No secrets yet",
+  "secrets.emptyText": "Create the first record using the Create button.",
+  "secrets.openSecret": "Open secret",
+
+  // table columns
+  "col.title": "Title",
+  "col.purpose": "Purpose",
+  "col.category": "Category",
+  "col.status": "Status",
+  "col.name": "Name",
+  "col.scopes": "Scopes",
+  "col.user": "User",
+  "col.role": "Role",
+  "col.lastSeen": "Last seen",
+  "col.time": "Time",
+  "col.action": "Action",
+  "col.channel": "Channel",
+  "col.ip": "IP",
+  "col.metadata": "Metadata",
+  "col.file": "File",
+  "col.size": "Size",
+  "col.created": "Created",
+
+  // detail panel (SecretDetailPanel.vue)
+  "detail.purpose": "Purpose",
+  "detail.category": "Category",
+  "detail.tags": "Tags",
+  "detail.noTags": "No tags",
+  "detail.access": "Access",
+  "detail.accessState": "UI {ui} · REST {rest} · MCP {mcp}",
+  "detail.on": "on",
+  "detail.off": "off",
+  "detail.encrypted": "encrypted",
+  "detail.plain": "plain",
+  "detail.versions": "Versions",
+  "detail.editFields": "Edit fields",
+  "detail.markOutdated": "Mark outdated",
+  "detail.markActual": "Mark actual",
+  "detail.archive": "Archive",
+  "detail.deleteAction": "Delete",
+  "detail.maskValues": "Mask values",
+  "detail.showValues": "Show decrypted values",
+  "detail.hideSecret": "Hide secret",
+  "detail.revealSecret": "Reveal secret",
+  "detail.editMetadata": "Edit metadata",
+  "detail.secretActions": "Secret actions",
+  "detail.backToList": "Back to list",
+  "detail.selectSecret": "Select a secret",
+  "detail.selectSecretText": "Metadata is shown by default. Values are available through reveal.",
+  "detail.revealedFields": "Revealed fields",
+  "detail.hideValue": "Hide value",
+  "detail.showValue": "Show value",
+  "detail.hideFieldValue": "Hide field value",
+  "detail.showFieldValue": "Show field value",
+
+  // history
+  "history.toolbar": "Version history",
+  "history.selectSecret": "Select a secret first from the Secrets tab",
+  "history.version": "Version {n}",
+  "history.fields": { one: "{n} field", other: "{n} fields" },
+  "history.noVersions": "No versions",
+  "history.noVersionsText": "Select a secret and open its history to see versions.",
+
+  // audit
+  "audit.toolbar": "Audit",
+  "audit.allSecrets": "All secrets",
+  "audit.empty": "No audit events",
+  "audit.emptyText": "Activity will appear here once actions are performed.",
+
+  // tokens
+  "tokens.toolbar": "API tokens",
+  "tokens.create": "Create token",
+  "tokens.intro": "API tokens let external clients and MCP tools authenticate with gnexus-creds without a browser session. Pick a descriptive name and select the scopes this token should have.",
+  "tokens.tokenName": "Token name",
+  "tokens.scopeRead": "Read",
+  "tokens.scopeReveal": "Reveal",
+  "tokens.scopeWrite": "Write",
+  "tokens.scopeAdmin": "Admin",
+  "tokens.token": "Token",
+  "tokens.copyNotice": "Copy this token now. It will not be shown again.",
+  "tokens.empty": "No tokens",
+  "tokens.emptyText": "Create an API token to access secrets programmatically.",
+  "tokens.revokeTitle": "Revoke token",
+  "tokens.revokeText": "This will permanently revoke token '{name}'. It can no longer be used for API or MCP access.",
+
+  // extension tab
+  "extension.toolbar": "Browser extension",
+  "extension.description": "Autofill saved credentials, capture new logins, and browse secrets from the toolbar. Download the build for your browser, load it unpacked, and point it at this server with an API token.",
+  "extension.download": "Download {browser} build",
+  "extension.createToken": "Create an API token",
+  "extension.loadFailed": "Failed to load extension info.",
+
+  // settings tab
+  "settings.overview": "Storage overview",
+  "settings.totalSecrets": "Total secrets",
+  "settings.activeSecrets": "Active secrets",
+  "settings.mcpEnabled": "MCP enabled",
+  "settings.importToolbar": "Import data",
+  "settings.importTitle": "Import JSON",
+  "settings.importDescription": "Only gnexus-creds export JSON files are supported.",
+  "settings.importPrimary": "Choose export file",
+  "settings.importSecondary": "The file is parsed locally before import.",
+  "settings.importAction": "Import selected file",
+  "settings.importReady": "{n} secrets ready",
+  "settings.exportToolbar": "Export data",
+  "settings.exportDescription": "Export all secrets as decrypted JSON. Store the file securely — it contains plaintext values.",
+  "settings.exportAction": "Export decrypted JSON",
+  "settings.gateToolbar": "Biometric gate",
+  "settings.gateDescription": "Require a fingerprint (Android), Touch ID or Windows Hello before every secret reveal. Verification runs entirely on this browser — the server never sees biometric data. Disable needs the same proof, so the gate cannot be switched off from an unattended session.",
+  "settings.gateUnavailable": "Biometric authentication is unavailable on this device.",
+  "settings.gateBroken": "The enrolled passkey is no longer on this device. Re-enroll the gate to restore protection.",
+  "settings.gateDisable": "Disable biometric gate",
+  "settings.gateEnable": "Enable biometric gate",
+  "settings.dangerToolbar": "Danger zone",
+  "settings.dangerDescription": "Deleting all data removes every secret and version. Audit records and API tokens are preserved.",
+  "settings.deleteAll": "Delete all data",
+
+  // biometric gate toasts
+  "bio.gateTitle": "Biometric gate",
+  "bio.canceled": "Canceled",
+  "bio.canceledText": "Biometric verification canceled — nothing revealed.",
+  "bio.noCredential": "Passkey not found on this device — re-enroll the gate in Settings.",
+  "bio.failedText": "Verification failed — the secret was not revealed.",
+  "bio.stayOnCanceled": "Canceled — the gate stays on.",
+  "bio.stayOnFailed": "Verification failed — the gate stays on.",
+  "bio.disabled": "Biometric gate disabled — reveals no longer require verification.",
+  "bio.enabled": "Biometric gate enabled — every reveal will ask for the sensor.",
+  "bio.enrollCanceled": "Enrollment canceled — the gate stays off.",
+  "bio.enrollFailed": "Enrollment failed.",
+  "bio.saved": "Saved",
+
+  // admin
+  "admin.usersToolbar": "Users",
+  "admin.refresh": "Refresh",
+  "admin.checkDiagnostics": "Check diagnostics",
+  "admin.noUsers": "No users",
+  "admin.noUsersText": "Users will appear here once they sign in.",
+  "admin.backups": "Backups",
+  "admin.createBackup": "Create backup",
+  "admin.noBackups": "No backups",
+  "admin.noBackupsText": "Create a backup before making major changes.",
+  "admin.noBackupsYet": "No backups yet",
+
+  // confirm dialogs
+  "confirm.deleteAllTitle": "Delete all data",
+  "confirm.deleteAllText": "This permanently removes all secrets and versions. Audit records remain.",
+  "confirm.deleteSecretTitle": "Delete secret",
+  "confirm.deleteSecretText": "This permanently deletes {title} and all its versions. Audit records remain.",
+  "confirm.restoreTitle": "Restore database",
+  "confirm.restoreText": "This will overwrite the current database with {file}. All existing data will be replaced.",
+
+  // toasts
+  "toast.deleted": "Deleted",
+  "toast.allDataRemoved": "All data has been removed.",
+  "toast.backup": "Backup",
+  "toast.backupCreated": "Database backup created.",
+  "toast.restored": "Restored",
+  "toast.databaseRestored": "Database restored. Please reload the page.",
+
+  // create modal
+  "create.title": "Create secret",
+  "create.titleHelp": "Human-readable name shown in lists and search results.",
+  "create.purposeHelp": "Target service, server, account, or other secret destination.",
+  "create.categoryHelp": "Single grouping value for browsing, for example work or banking.",
+  "create.sourceHelp": "Where this secret came from: person, import, ticket, or note.",
+  "create.tagsHelp": "Keywords used by search.",
+  "create.notesHelp": "Short context for the secret. Limited to 140 characters.",
+  "create.fieldsTitle": "Fields",
+  "create.fieldsMeta": "One row per secret value",
+  "create.addField": "Add field",
+  "create.fieldsHelp": "Add one row per secret value. Enable encryption for passwords, tokens, PINs, and keys.",
+  "create.fieldName": "Field name",
+  "create.fieldNameHelp": "Name copied into API and MCP responses, for example username.",
+  "create.fieldValue": "Value",
+  "create.fieldValueHelp": "Actual value stored for this field.",
+  "create.encrypt": "Encrypt",
+  "create.removeField": "Remove field",
+  "create.accessTitle": "Access",
+  "create.accessMeta": "Global channels for this secret",
+  "create.accessMetaEdit": "Global availability channels for this secret",
+  "create.channelUi": "UI",
+  "create.channelRest": "REST API",
+  "create.channelMcp": "MCP",
+  "create.uiInfo": "Available from the web interface after login.",
+  "create.restInfo": "Available to external clients using API tokens.",
+  "create.mcpInfo": "Available to MCP clients when token scopes allow it.",
+  "create.statusTitle": "Status",
+  "create.statusMeta": "Metadata shown in lists and filters",
+  "create.statusActual": "Actual",
+  "create.statusOutdated": "Outdated",
+  "create.archived": "Archived",
+  "create.saveMetadata": "Save metadata",
+  "create.saveNewVersion": "Save new version",
+  "create.sourceLabel": "Source",
+  "create.notesLabel": "Notes",
+  "create.fieldsLabel": "Fields",
+
+  // import/export errors
+  "import.unsupportedFile": "Unsupported import file",
+};
\ No newline at end of file
diff --git a/frontend/src/i18n/messages/ru.js b/frontend/src/i18n/messages/ru.js
new file mode 100644
index 0000000..76b2aa0
--- /dev/null
+++ b/frontend/src/i18n/messages/ru.js
@@ -0,0 +1,233 @@
+// Russian dictionary — same slugs as en.js; a missing slug falls back to English.
+export default {
+  "nav.secrets": "Секреты",
+  "nav.history": "История",
+  "nav.audit": "Аудит",
+  "nav.tokens": "Токены",
+  "nav.extension": "Расширение",
+  "nav.settings": "Настройки",
+  "nav.admin": "Админ",
+
+  "common.loading": "Загрузка",
+  "common.error": "Ошибка",
+  "common.cancel": "Отмена",
+  "common.close": "Закрыть",
+  "common.delete": "Удалить",
+  "common.download": "Скачать",
+  "common.restore": "Восстановить",
+  "common.revoke": "Отозвать",
+  "common.save": "Сохранить",
+  "common.refresh": "Обновить",
+  "common.notSet": "Не задано",
+  "common.uncategorized": "без категории",
+  "common.user": "Пользователь",
+  "common.hide": "Скрыть",
+  "common.reveal": "Раскрыть",
+  "common.records": "записей: {n}", // «{n} записей» ломает плюрализацию, эта форма короче и безопасна
+
+  "profile.editProfile": "Редактировать профиль",
+  "profile.logout": "Выйти",
+  "profile.display_name": "Отображаемое имя",
+  "profile.language": "Язык",
+  "profile.languageAuto": "Авто (из аккаунта)",
+  "profile.langEn": "English",
+  "profile.langUk": "Українська",
+  "profile.langRu": "Русский",
+  "profile.save": "Сохранить профиль",
+  "profile.saved": "Профиль обновлён.",
+
+  "secrets.searchPlaceholder": "сервис, логин, тег, источник",
+  "secrets.sort": "Сортировка",
+  "secrets.sortUpdatedNewest": "Обновление (сначала новые)",
+  "secrets.sortUpdatedOldest": "Обновление (сначала старые)",
+  "secrets.sortTitleAz": "Название (А–Я)",
+  "secrets.sortTitleZa": "Название (Я–А)",
+  "secrets.sortStatus": "Статус",
+  "secrets.create": "Создать",
+  "secrets.empty": "Секретов пока нет",
+  "secrets.emptyText": "Создайте первую запись кнопкой «Создать».",
+  "secrets.openSecret": "Открыть секрет",
+
+  "col.title": "Название",
+  "col.purpose": "Назначение",
+  "col.category": "Категория",
+  "col.status": "Статус",
+  "col.name": "Название",
+  "col.scopes": "Scopes",
+  "col.user": "Пользователь",
+  "col.role": "Роль",
+  "col.lastSeen": "Последняя активность",
+  "col.time": "Время",
+  "col.action": "Действие",
+  "col.channel": "Канал",
+  "col.ip": "IP",
+  "col.metadata": "Метаданные",
+  "col.file": "Файл",
+  "col.size": "Размер",
+  "col.created": "Создан",
+
+  "detail.purpose": "Назначение",
+  "detail.category": "Категория",
+  "detail.tags": "Теги",
+  "detail.noTags": "Нет тегов",
+  "detail.access": "Доступ",
+  "detail.accessState": "UI {ui} · REST {rest} · MCP {mcp}",
+  "detail.on": "вкл",
+  "detail.off": "выкл",
+  "detail.encrypted": "зашифровано",
+  "detail.plain": "открыто",
+  "detail.versions": "Версии",
+  "detail.editFields": "Изменить поля",
+  "detail.markOutdated": "Пометить устаревшим",
+  "detail.markActual": "Пометить актуальным",
+  "detail.archive": "В архив",
+  "detail.deleteAction": "Удалить",
+  "detail.maskValues": "Замаскировать значения",
+  "detail.showValues": "Показать расшифрованные значения",
+  "detail.hideSecret": "Скрыть секрет",
+  "detail.revealSecret": "Раскрыть секрет",
+  "detail.editMetadata": "Изменить метаданные",
+  "detail.secretActions": "Действия с секретом",
+  "detail.backToList": "К списку",
+  "detail.selectSecret": "Выберите секрет",
+  "detail.selectSecretText": "Метаданные показываются сразу. Значения доступны после раскрытия.",
+  "detail.revealedFields": "Раскрытые поля",
+  "detail.hideValue": "Скрыть значение",
+  "detail.showValue": "Показать значение",
+  "detail.hideFieldValue": "Скрыть значение поля",
+  "detail.showFieldValue": "Показать значение поля",
+
+  "history.toolbar": "История версий",
+  "history.selectSecret": "Сначала выберите секрет на вкладке «Секреты»",
+  "history.version": "Версия {n}",
+  "history.fields": { one: "{n} поле", few: "{n} поля", many: "{n} полей" },
+  "history.noVersions": "Нет версий",
+  "history.noVersionsText": "Выберите секрет и откройте его историю, чтобы увидеть версии.",
+
+  "audit.toolbar": "Аудит",
+  "audit.allSecrets": "Все секреты",
+  "audit.empty": "Нет событий аудита",
+  "audit.emptyText": "События появятся здесь после первых действий.",
+
+  "tokens.toolbar": "API-токены",
+  "tokens.create": "Создать токен",
+  "tokens.intro": "API-токены позволяют внешним клиентам и MCP-инструментам работать с gnexus-creds без браузерной сессии. Выберите понятное название и нужные scopes.",
+  "tokens.tokenName": "Название токена",
+  "tokens.scopeRead": "Чтение",
+  "tokens.scopeReveal": "Раскрытие",
+  "tokens.scopeWrite": "Запись",
+  "tokens.scopeAdmin": "Админ",
+  "tokens.token": "Токен",
+  "tokens.copyNotice": "Скопируйте токен сейчас — он больше не будет показан.",
+  "tokens.empty": "Нет токенов",
+  "tokens.emptyText": "Создайте API-токен, чтобы работать с секретами программно.",
+  "tokens.revokeTitle": "Отозвать токен",
+  "tokens.revokeText": "Токен '{name}' будет отозван навсегда. Он больше не подойдёт для API и MCP.",
+
+  "extension.toolbar": "Браузерное расширение",
+  "extension.description": "Автозаполнение сохранённых данных, захват новых логинов и просмотр секретов прямо из панели. Скачайте сборку для своего браузера, подключите её в распакованном виде и укажите этот сервер и API-токен.",
+  "extension.download": "Скачать сборку {browser}",
+  "extension.createToken": "Создать API-токен",
+  "extension.loadFailed": "Не удалось загрузить сведения о расширении.",
+
+  "settings.overview": "Обзор хранилища",
+  "settings.totalSecrets": "Всего секретов",
+  "settings.activeSecrets": "Активные секреты",
+  "settings.mcpEnabled": "MCP включено",
+  "settings.importToolbar": "Импорт данных",
+  "settings.importTitle": "Импорт JSON",
+  "settings.importDescription": "Поддерживаются только JSON-файлы экспорта gnexus-creds.",
+  "settings.importPrimary": "Выбрать файл экспорта",
+  "settings.importSecondary": "Файл разбирается локально перед импортом.",
+  "settings.importAction": "Импортировать выбранный файл",
+  "settings.importReady": "секретов готово: {n}",
+  "settings.exportToolbar": "Экспорт данных",
+  "settings.exportDescription": "Экспортирует все секреты как расшифрованный JSON. Храните файл в надёжном месте — он содержит значения открытым текстом.",
+  "settings.exportAction": "Экспортировать расшифрованный JSON",
+  "settings.gateToolbar": "Биометрическая защита",
+  "settings.gateDescription": "Требует отпечаток (Android), Touch ID или Windows Hello перед каждым раскрытием секрета. Проверка выполняется целиком в этом браузере — сервер не видит биометрических данных. Для выключения нужно то же подтверждение, поэтому защиту нельзя снять с безнадзорной сессии.",
+  "settings.gateUnavailable": "Биометрическая аутентификация на этом устройстве недоступна.",
+  "settings.gateBroken": "Созданный passkey больше не на этом устройстве. Зарегистрируйте защиту заново, чтобы восстановить её.",
+  "settings.gateDisable": "Выключить биометрическую защиту",
+  "settings.gateEnable": "Включить биометрическую защиту",
+  "settings.dangerToolbar": "Опасная зона",
+  "settings.dangerDescription": "Удаление всех данных стирает каждый секрет и версию. Записи аудита и API-токены сохраняются.",
+  "settings.deleteAll": "Удалить все данные",
+
+  "bio.gateTitle": "Биометрическая защита",
+  "bio.canceled": "Отменено",
+  "bio.canceledText": "Биометрическая проверка отменена — ничего не раскрыто.",
+  "bio.noCredential": "Passkey на этом устройстве не найден — зарегистрируйте защиту заново в Настройках.",
+  "bio.failedText": "Проверка не пройдена — секрет не раскрыт.",
+  "bio.stayOnCanceled": "Отменено — защита остаётся включённой.",
+  "bio.stayOnFailed": "Проверка не пройдена — защита остаётся включённой.",
+  "bio.disabled": "Биометрическая защита выключена — раскрытия больше не требуют проверки.",
+  "bio.enabled": "Биометрическая защита включена — каждое раскрытие спросит сенсор.",
+  "bio.enrollCanceled": "Регистрация отменена — защита остаётся выключенной.",
+  "bio.enrollFailed": "Регистрация не удалась.",
+  "bio.saved": "Сохранено",
+
+  "admin.usersToolbar": "Пользователи",
+  "admin.refresh": "Обновить",
+  "admin.checkDiagnostics": "Проверить диагностику",
+  "admin.noUsers": "Нет пользователей",
+  "admin.noUsersText": "Пользователи появятся здесь после входа.",
+  "admin.backups": "Резервные копии",
+  "admin.createBackup": "Создать копию",
+  "admin.noBackups": "Нет копий",
+  "admin.noBackupsText": "Создайте резервную копию перед крупными изменениями.",
+  "admin.noBackupsYet": "Копий пока нет",
+
+  "confirm.deleteAllTitle": "Удалить все данные",
+  "confirm.deleteAllText": "Это навсегда удаляет все секреты и версии. Записи аудита остаются.",
+  "confirm.deleteSecretTitle": "Удалить секрет",
+  "confirm.deleteSecretText": "Это навсегда удаляет «{title}» и все его версии. Записи аудита остаются.",
+  "confirm.restoreTitle": "Восстановить базу",
+  "confirm.restoreText": "Текущая база будет перезаписана файлом {file}. Все существующие данные будут заменены.",
+
+  "toast.deleted": "Удалено",
+  "toast.allDataRemoved": "Все данные удалены.",
+  "toast.backup": "Копия",
+  "toast.backupCreated": "Резервная копия базы создана.",
+  "toast.restored": "Восстановлено",
+  "toast.databaseRestored": "База восстановлена. Пожалуйста, перезагрузите страницу.",
+
+  "create.title": "Создать секрет",
+  "create.titleHelp": "Понятное название для списков и поиска.",
+  "create.purposeHelp": "Сервис, сервер, аккаунт или другое назначение секрета.",
+  "create.categoryHelp": "Одна группа для навигации, например work или banking.",
+  "create.sourceHelp": "Откуда секрет: человек, импорт, задача или заметка.",
+  "create.tagsHelp": "Ключевые слова для поиска.",
+  "create.notesHelp": "Короткий контекст к секрету. Ограничено 140 символами.",
+  "create.fieldsTitle": "Поля",
+  "create.fieldsMeta": "Одна строка на значение секрета",
+  "create.addField": "Добавить поле",
+  "create.fieldsHelp": "Добавляйте по одной строке на значение. Для паролей, токенов, PIN-ов и ключей включите шифрование.",
+  "create.fieldName": "Название поля",
+  "create.fieldNameHelp": "Название попадает в ответы API и MCP, например username.",
+  "create.fieldValue": "Значение",
+  "create.fieldValueHelp": "Реальное значение этого поля.",
+  "create.encrypt": "Шифровать",
+  "create.removeField": "Убрать поле",
+  "create.accessTitle": "Доступ",
+  "create.accessMeta": "Общие каналы для этого секрета",
+  "create.accessMetaEdit": "Общие каналы доступности этого секрета",
+  "create.channelUi": "UI",
+  "create.channelRest": "REST API",
+  "create.channelMcp": "MCP",
+  "create.uiInfo": "Доступно в веб-интерфейсе после входа.",
+  "create.restInfo": "Доступно внешним клиентам с API-токенами.",
+  "create.mcpInfo": "Доступно MCP-клиентам, если scopes токена позволяют.",
+  "create.statusTitle": "Статус",
+  "create.statusMeta": "Метаданные для списков и фильтров",
+  "create.statusActual": "Актуальный",
+  "create.statusOutdated": "Устаревший",
+  "create.archived": "В архиве",
+  "create.saveMetadata": "Сохранить метаданные",
+  "create.saveNewVersion": "Сохранить новую версию",
+  "create.sourceLabel": "Источник",
+  "create.notesLabel": "Заметки",
+  "create.fieldsLabel": "Поля",
+
+  "import.unsupportedFile": "Неподдерживаемый файл импорта",
+};
\ No newline at end of file
diff --git a/frontend/src/i18n/messages/uk.js b/frontend/src/i18n/messages/uk.js
new file mode 100644
index 0000000..be1c65e
--- /dev/null
+++ b/frontend/src/i18n/messages/uk.js
@@ -0,0 +1,233 @@
+// Ukrainian dictionary — same slugs as en.js; a missing slug falls back to English.
+export default {
+  "nav.secrets": "Секрети",
+  "nav.history": "Історія",
+  "nav.audit": "Аудит",
+  "nav.tokens": "Токени",
+  "nav.extension": "Розширення",
+  "nav.settings": "Налаштування",
+  "nav.admin": "Адмін",
+
+  "common.loading": "Завантаження",
+  "common.error": "Помилка",
+  "common.cancel": "Скасувати",
+  "common.close": "Закрити",
+  "common.delete": "Видалити",
+  "common.download": "Завантажити",
+  "common.restore": "Відновити",
+  "common.revoke": "Відкликати",
+  "common.save": "Зберегти",
+  "common.refresh": "Оновити",
+  "common.notSet": "Не задано",
+  "common.uncategorized": "без категорії",
+  "common.user": "Користувач",
+  "common.hide": "Приховати",
+  "common.reveal": "Розкрити",
+  "common.records": "записів: {n}", // uk has 3 plural forms, but "записів: n" fits all
+
+  "profile.editProfile": "Редагувати профіль",
+  "profile.logout": "Вийти",
+  "profile.display_name": "Ім'я для показу",
+  "profile.language": "Мова",
+  "profile.languageAuto": "Авто (з акаунта)",
+  "profile.langEn": "English",
+  "profile.langUk": "Українська",
+  "profile.langRu": "Русский",
+  "profile.save": "Зберегти профіль",
+  "profile.saved": "Профіль оновлено.",
+
+  "secrets.searchPlaceholder": "сервіс, логін, тег, джерело",
+  "secrets.sort": "Сортування",
+  "secrets.sortUpdatedNewest": "Оновлення (новіші)",
+  "secrets.sortUpdatedOldest": "Оновлення (старіші)",
+  "secrets.sortTitleAz": "Назва (А–Я)",
+  "secrets.sortTitleZa": "Назва (Я–А)",
+  "secrets.sortStatus": "Статус",
+  "secrets.create": "Створити",
+  "secrets.empty": "Секретів ще немає",
+  "secrets.emptyText": "Створіть перший запис кнопкою «Створити».",
+  "secrets.openSecret": "Відкрити секрет",
+
+  "col.title": "Назва",
+  "col.purpose": "Призначення",
+  "col.category": "Категорія",
+  "col.status": "Статус",
+  "col.name": "Назва",
+  "col.scopes": "Scopes",
+  "col.user": "Користувач",
+  "col.role": "Роль",
+  "col.lastSeen": "Остання активність",
+  "col.time": "Час",
+  "col.action": "Дія",
+  "col.channel": "Канал",
+  "col.ip": "IP",
+  "col.metadata": "Метадані",
+  "col.file": "Файл",
+  "col.size": "Розмір",
+  "col.created": "Створено",
+
+  "detail.purpose": "Призначення",
+  "detail.category": "Категорія",
+  "detail.tags": "Теги",
+  "detail.noTags": "Немає тегів",
+  "detail.access": "Доступ",
+  "detail.accessState": "UI {ui} · REST {rest} · MCP {mcp}",
+  "detail.on": "увімк",
+  "detail.off": "вимк",
+  "detail.encrypted": "зашифровано",
+  "detail.plain": "відкрито",
+  "detail.versions": "Версії",
+  "detail.editFields": "Редагувати поля",
+  "detail.markOutdated": "Позначити застарілим",
+  "detail.markActual": "Позначити актуальним",
+  "detail.archive": "До архіву",
+  "detail.deleteAction": "Видалити",
+  "detail.maskValues": "Замаскувати значення",
+  "detail.showValues": "Показати розшифровані значення",
+  "detail.hideSecret": "Приховати секрет",
+  "detail.revealSecret": "Розкрити секрет",
+  "detail.editMetadata": "Редагувати метадані",
+  "detail.secretActions": "Дії з секретом",
+  "detail.backToList": "До списку",
+  "detail.selectSecret": "Виберіть секрет",
+  "detail.selectSecretText": "Метадані показуються одразу. Значення доступні після розкриття.",
+  "detail.revealedFields": "Розкриті поля",
+  "detail.hideValue": "Приховати значення",
+  "detail.showValue": "Показати значення",
+  "detail.hideFieldValue": "Приховати значення поля",
+  "detail.showFieldValue": "Показати значення поля",
+
+  "history.toolbar": "Історія версій",
+  "history.selectSecret": "Спочатку виберіть секрет на вкладці «Секрети»",
+  "history.version": "Версія {n}",
+  "history.fields": { one: "{n} поле", few: "{n} поля", many: "{n} полів" },
+  "history.noVersions": "Немає версій",
+  "history.noVersionsText": "Виберіть секрет і відкрийте його історію, щоб побачити версії.",
+
+  "audit.toolbar": "Аудит",
+  "audit.allSecrets": "Усі секрети",
+  "audit.empty": "Немає подій аудиту",
+  "audit.emptyText": "Події з'являться тут після перших дій.",
+
+  "tokens.toolbar": "API-токени",
+  "tokens.create": "Створити токен",
+  "tokens.intro": "API-токени дозволяють зовнішнім клієнтам і MCP-інструментам працювати з gnexus-creds без браузерної сесії. Виберіть зрозумілу назву та потрібні scopes.",
+  "tokens.tokenName": "Назва токена",
+  "tokens.scopeRead": "Читання",
+  "tokens.scopeReveal": "Розкриття",
+  "tokens.scopeWrite": "Запис",
+  "tokens.scopeAdmin": "Адмін",
+  "tokens.token": "Токен",
+  "tokens.copyNotice": "Скопіюйте токен зараз — він більше не буде показаний.",
+  "tokens.empty": "Немає токенів",
+  "tokens.emptyText": "Створіть API-токен, щоб працювати з секретами програмно.",
+  "tokens.revokeTitle": "Відкликати токен",
+  "tokens.revokeText": "Токен '{name}' буде відкликано назавжди. Він більше не підходить для API та MCP.",
+
+  "extension.toolbar": "Браузерне розширення",
+  "extension.description": "Автозаповнення збережених даних, захоплення нових логінів і перегляд секретів прямо з панелі. Завантажте збірку для свого браузера, підключіть її розпакованою і вкажіть цей сервер та API-токен.",
+  "extension.download": "Завантажити збірку {browser}",
+  "extension.createToken": "Створити API-токен",
+  "extension.loadFailed": "Не вдалося завантажити відомості про розширення.",
+
+  "settings.overview": "Огляд сховища",
+  "settings.totalSecrets": "Усього секретів",
+  "settings.activeSecrets": "Активні секрети",
+  "settings.mcpEnabled": "MCP увімкнено",
+  "settings.importToolbar": "Імпорт даних",
+  "settings.importTitle": "Імпорт JSON",
+  "settings.importDescription": "Підтримуються лише JSON-файли експорту gnexus-creds.",
+  "settings.importPrimary": "Вибрати файл експорту",
+  "settings.importSecondary": "Файл розбирається локально перед імпортом.",
+  "settings.importAction": "Імпортувати вибраний файл",
+  "settings.importReady": "секретів готово: {n}",
+  "settings.exportToolbar": "Експорт даних",
+  "settings.exportDescription": "Експортує всі секрети як розшифрований JSON. Зберігайте файл у безпечному місці — він містить значення відкритим текстом.",
+  "settings.exportAction": "Експортувати розшифрований JSON",
+  "settings.gateToolbar": "Біометричний захист",
+  "settings.gateDescription": "Вимагає відбиток (Android), Touch ID або Windows Hello перед кожним розкриттям секрету. Перевірка виконується повністю в цьому браузері — сервер не бачить біометричних даних. Для вимкнення потрібне таке саме підтвердження, тому захист не можна зняти з безнаглядної сесії.",
+  "settings.gateUnavailable": "Біометрична автентифікація на цьому пристрої недоступна.",
+  "settings.gateBroken": "Створений passkey більше не на цьому пристрої. Перереєструйте захист, щоб відновити його.",
+  "settings.gateDisable": "Вимкнути біометричний захист",
+  "settings.gateEnable": "Увімкнути біометричний захист",
+  "settings.dangerToolbar": "Небезпечна зона",
+  "settings.dangerDescription": "Видалення всіх даних стирає кожен секрет і версію. Записи аудиту та API-токени зберігаються.",
+  "settings.deleteAll": "Видалити всі дані",
+
+  "bio.gateTitle": "Біометричний захист",
+  "bio.canceled": "Скасовано",
+  "bio.canceledText": "Біометричну перевірку скасовано — нічого не розкрито.",
+  "bio.noCredential": "Passkey на цьому пристрої не знайдено — переєструйте захист у Налаштуваннях.",
+  "bio.failedText": "Перевірка не пройшла — секрет не розкрито.",
+  "bio.stayOnCanceled": "Скасовано — захист залишається увімкненим.",
+  "bio.stayOnFailed": "Перевірка не пройшла — захист залишається увімкненим.",
+  "bio.disabled": "Біометричний захист вимкнено — розкриття більше не потребують перевірки.",
+  "bio.enabled": "Біометричний захист увімкнено — кожне розкриття питатиме сенсор.",
+  "bio.enrollCanceled": "Реєстрацію скасовано — захист залишається вимкненим.",
+  "bio.enrollFailed": "Реєстрація не вдалася.",
+  "bio.saved": "Збережено",
+
+  "admin.usersToolbar": "Користувачі",
+  "admin.refresh": "Оновити",
+  "admin.checkDiagnostics": "Перевірити діагностику",
+  "admin.noUsers": "Немає користувачів",
+  "admin.noUsersText": "Користувачі з'являться тут після входу.",
+  "admin.backups": "Резервні копії",
+  "admin.createBackup": "Створити копію",
+  "admin.noBackups": "Немає копій",
+  "admin.noBackupsText": "Створіть резервну копію перед великими змінами.",
+  "admin.noBackupsYet": "Копій ще немає",
+
+  "confirm.deleteAllTitle": "Видалити всі дані",
+  "confirm.deleteAllText": "Це остаточно видаляє всі секрети та версії. Записи аудиту залишаються.",
+  "confirm.deleteSecretTitle": "Видалити секрет",
+  "confirm.deleteSecretText": "Це остаточно видаляє «{title}» і всі його версії. Записи аудиту залишаються.",
+  "confirm.restoreTitle": "Відновити базу",
+  "confirm.restoreText": "Поточна база буде перезаписана файлом {file}. Усі наявні дані буде замінено.",
+
+  "toast.deleted": "Видалено",
+  "toast.allDataRemoved": "Усі дані видалено.",
+  "toast.backup": "Копія",
+  "toast.backupCreated": "Резервну копію бази створено.",
+  "toast.restored": "Відновлено",
+  "toast.databaseRestored": "Базу відновлено. Будь ласка, перезавантажте сторінку.",
+
+  "create.title": "Створити секрет",
+  "create.titleHelp": "Зрозуміла назва для списків і пошуку.",
+  "create.purposeHelp": "Сервіс, сервер, акаунт або інше призначення секрету.",
+  "create.categoryHelp": "Одна група для навігації, наприклад work або banking.",
+  "create.sourceHelp": "Звідки секрет: людина, імпорт, задача чи замітка.",
+  "create.tagsHelp": "Ключові слова для пошуку.",
+  "create.notesHelp": "Короткий контекст до секрету. Обмежено 140 символами.",
+  "create.fieldsTitle": "Поля",
+  "create.fieldsMeta": "Один рядок на значення секрету",
+  "create.addField": "Додати поле",
+  "create.fieldsHelp": "Додавайте по одному рядку на значення. Для паролів, токенів, PIN-ів і ключів увімкніть шифрування.",
+  "create.fieldName": "Назва поля",
+  "create.fieldNameHelp": "Назва потрапляє у відповіді API та MCP, наприклад username.",
+  "create.fieldValue": "Значення",
+  "create.fieldValueHelp": "Реальне значення цього поля.",
+  "create.encrypt": "Шифрувати",
+  "create.removeField": "Прибрати поле",
+  "create.accessTitle": "Доступ",
+  "create.accessMeta": "Загальні канали для цього секрету",
+  "create.accessMetaEdit": "Загальні канали доступності цього секрету",
+  "create.channelUi": "UI",
+  "create.channelRest": "REST API",
+  "create.channelMcp": "MCP",
+  "create.uiInfo": "Доступно у веб-інтерфейсі після входу.",
+  "create.restInfo": "Доступно зовнішнім клієнтам з API-токенами.",
+  "create.mcpInfo": "Доступно MCP-клієнтам, якщо scopes токена дозволяють.",
+  "create.statusTitle": "Статус",
+  "create.statusMeta": "Метадані для списків і фільтрів",
+  "create.statusActual": "Актуальний",
+  "create.statusOutdated": "Застарілий",
+  "create.archived": "В архіві",
+  "create.saveMetadata": "Зберегти метадані",
+  "create.saveNewVersion": "Зберегти нову версію",
+  "create.sourceLabel": "Джерело",
+  "create.notesLabel": "Нотатки",
+  "create.fieldsLabel": "Поля",
+
+  "import.unsupportedFile": "Непідтримуваний файл імпорту",
+};
\ No newline at end of file