@eifi1/ui-kit 0.16.1 → 0.18.0

package/src/hooks/use-overlay-history.ts

@@ -38,6 +38,16 @@ import { useEffect, useRef } from "react";
  * link while the overlay was open, the router has pushed on top of us, and a blind
  * `history.back()` there would undo their navigation.
  *
+ * ## Not undoing the owner's own close
+ *
+ * Nor when the address under the entry changed in the same breath as the close
+ * (keksdose dev #584). A page that opens its editor by PUSHING `?row=x` and closes it
+ * by REPLACING the clean URL over the top entry rewrites OUR entry — the overlay sits
+ * above `?row=x` — and that rewrite is what unmounts the overlay. Going back from there
+ * lands on `?row=x` and the router opens the editor that was just closed. See
+ * {@link noteAddress}: an address the overlay LIVED THROUGH (a filter the table wrote
+ * while its sheet was up) is still unwound, because the user has acted since.
+ *
  * ## The traversal is deferred
  *
  * And it is *scheduled* rather than issued, because `history.go()` lands a task
@@ -78,6 +88,8 @@ const stack: OverlayEntry[] = [];
  */
 interface PushedEntry {
   id: string;
+  /** The full address of the entry (query and hash included) as of the last time the
+   *  user acted while it was current — see {@link noteAddress}. */
   href: string;
   /** Its overlay is gone but the entry is not — someone above owes this pop. */
   dead: boolean;
@@ -383,6 +395,30 @@ function currentSentinel(): string | null {
   return standing;
 }
 
+/**
+ * The user is about to act: what the current entry's address is NOW is what the
+ * overlay standing on it has lived through.
+ *
+ * The cleanup needs to tell two same-page query rewrites apart, and the address alone
+ * cannot. A `DataTable` with `urlSync` replaces `f.*` over the entry while its filter
+ * sheet is up, and the sheet is closed LATER, by a press of its own — that entry is
+ * still the sheet's and must be unwound (the audit's drift fix, below). A page whose
+ * `?row=` drives the overlay replaces the clean URL over the entry and the overlay
+ * unmounts BECAUSE of it (keksdose dev #584) — that entry is the owner's now, and
+ * unwinding lands on `?row=` beneath and reopens what was just closed. What separates
+ * them is whether the user acted in between: the rewrite that closes an overlay is
+ * made by the very press that closes it, so it postdates this snapshot.
+ *
+ * Capture phase, so the snapshot is taken before any handler of the press runs.
+ */
+function noteAddress(): void {
+  const top = pushed[pushed.length - 1];
+  if (!top || top.dead || !stack.some((e) => e.id === top.id)) return;
+  const tag = taggedSentinel();
+  // Read without `currentSentinel`'s repair: an observation must not write history.
+  if (tag === top.id || (tag === null && standing === top.id && isStillOn(top))) top.href = currentHref();
+}
+
 function handlePop() {
   // A pop MOVES us, so the belief is stale by definition: re-read it from the
   // entry we have landed on before anything below consults it, or the repair in
@@ -422,6 +458,8 @@ function closeOnPop() {
 function ensureListening() {
   if (listening || typeof window === "undefined") return;
   window.addEventListener("popstate", handlePop);
+  window.addEventListener("pointerdown", noteAddress, true);
+  window.addEventListener("keydown", noteAddress, true);
   listening = true;
 }
 
@@ -489,6 +527,19 @@ export function useOverlayHistory(open: boolean, onClose: () => void): void {
       if (consumed.delete(id)) return;
 
       const mine = pushed.findIndex((p) => p.id === id);
+      // Still our entry — same page, same router `idx` — but its address is not the one
+      // the user last acted on: the owner rewrote it as part of closing us (see
+      // {@link noteAddress}). The entry is the owner's page now, and the one beneath is
+      // the address it replaced — going back would restore exactly what was closed.
+      // Nothing to unwind; forget the record rather than re-stamp a page we left.
+      if (mine >= 0 && currentHref() !== pushed[mine].href) {
+        const tag = taggedSentinel();
+        if (tag === id || (tag === null && standing === id && isStillOn(pushed[mine]))) {
+          pushed.splice(mine, 1);
+          if (standing === id) standing = null;
+          return;
+        }
+      }
       // Only unwind an entry that is still THE current one. If a router push landed
       // on top of it, going back would undo the user's navigation instead — and if
       // a SIBLING overlay's sentinel landed on top, that overlay is about to unwind

package/src/i18n/defaults.ts

@@ -46,6 +46,11 @@ import { DEFAULT_ERROR_BOUNDARY_LABELS } from "../components/error-boundary";
 import { DEFAULT_AUTHED_IMAGE_LABELS } from "../components/authed-image";
 import { DEFAULT_IMAGE_GRID_LABELS } from "../components/image-grid";
 import { DEFAULT_LIGHTBOX_LABELS } from "../components/lightbox";
+import { DEFAULT_WRITE_LOCK_LABELS } from "../components/write-lock";
+import { DEFAULT_ACCOUNT_STATE_LABELS } from "../components/account-chips";
+import { DEFAULT_SHARE_CARD_LABELS } from "../components/share-card";
+import { DEFAULT_REAUTH_DIALOG_LABELS } from "../components/reauth-dialog";
+import { DEFAULT_SERVER_WAKE_LABELS } from "../components/server-wake";
 import {
   DEFAULT_APP_SHELL_LABELS,
   DEFAULT_CALCULATOR_LABELS,
@@ -128,4 +133,9 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   authedImage: DEFAULT_AUTHED_IMAGE_LABELS,
   imageGrid: DEFAULT_IMAGE_GRID_LABELS,
   lightbox: DEFAULT_LIGHTBOX_LABELS,
+  writeLock: DEFAULT_WRITE_LOCK_LABELS,
+  accountState: DEFAULT_ACCOUNT_STATE_LABELS,
+  shareCard: DEFAULT_SHARE_CARD_LABELS,
+  reauthDialog: DEFAULT_REAUTH_DIALOG_LABELS,
+  serverWake: DEFAULT_SERVER_WAKE_LABELS,
 };

package/src/i18n/{locales/de.ts → german.ts}

@@ -1,16 +1,20 @@
-import { formatFileSize } from "../kit-labels";
-import type { UiKitLabels } from "../kit-labels";
+import { formatFileSize } from "./kit-labels";
+import type { UiKitLabels } from "./kit-labels";
 
 /**
- * The kit's words in German: every namespace of {@link UiKitLabels}, for
- * `<UiKitProvider labels={UI_KIT_LABELS_DE}>`.
+ * The kit's German, formal ("Sie"), written in standard spelling with "ß" — the SOURCE
+ * the public `de-CH` catalogue is derived from (via `swiss()`), not a catalogue itself.
  *
- * Self-contained on purpose — nothing but the kit's own `formatFileSize` — so it works
- * as a starting point to copy and adjust. Counts and sizes are formatted with
- * `de-DE` digits; {@link uiKitLabelsDe} takes another number locale
- * (e.g. `"de-CH"` for 1’234) without touching the words.
+ * Internal on purpose: it lives outside `src/i18n/locales/` because every file there is
+ * a public `@eifi1/ui-kit/i18n/<code>` subpath, and the kit ships ONE German — Swiss,
+ * formal (0.18.0 removed `/i18n/de`, `/i18n/de-informal` and `/i18n/de-CH-informal`).
+ * The text stays written with "ß" because `swiss()` respells at runtime, so a Swiss app
+ * also gets an argument it passes in (a file name, a phrase to type) respelled; writing
+ * "ss" here instead would change that behaviour for every function label.
+ *
+ * Counts and sizes are formatted with `numberLocale`'s digits; the words never change.
  */
-export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
+export function germanLabels(numberLocale: string): UiKitLabels {
   const num = new Intl.NumberFormat(numberLocale);
   const n = (value: number) => num.format(value);
 
@@ -40,8 +44,8 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       thread: "Kommentare",
       empty: "Noch keine Kommentare",
       loading: "Kommentare werden geladen…",
-      // The reader's own messages. "Ich" rather than "Sie"/"Du": it is the same word in
-      // both registers, so the informal catalogue inherits it unchanged.
+      // The reader's own messages. "Ich" rather than "Sie": it reads the same whether
+      // the app addresses its users with "Sie" or "du", so neither has to override it.
       you: "Ich",
       staff: "Team",
       attachments: "Anhänge",
@@ -91,6 +95,7 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       passkeys: {
         title: "Passkeys",
         description: "Mit Fingerabdruck, Gesichtserkennung oder Geräte-PIN statt Passwort anmelden.",
+        descriptionAlongside: "Mit Fingerabdruck, Gesichtserkennung oder Geräte-PIN anmelden. Das Passwort funktioniert weiterhin.",
         empty: "Noch keine Passkeys",
         loading: "Passkeys werden geladen…",
         list: "Registrierte Passkeys",
@@ -506,6 +511,7 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
     confirmDialog: {
       confirm: "Bestätigen",
       cancel: "Abbrechen",
+      typed: (text) => `Geben Sie zur Bestätigung „${text}“ ein`,
     },
     floatingPanel: {
       close: "Schließen",
@@ -591,7 +597,56 @@ export function uiKitLabelsDe(numberLocale = "de-DE"): UiKitLabels {
       noPreview: "Für diese Datei ist keine Vorschau verfügbar",
       openInNewTab: "In neuem Tab öffnen",
     },
+    writeLock: {
+      // Impersonal, like the rest of this catalogue where it can be: an app that
+      // addresses its users with "du" then has fewer keys to override.
+      reason: "Nur zum Ansehen – Änderungen sind hier nicht möglich.",
+    },
+    accountState: {
+      active: "Aktiv",
+      inactive: "Inaktiv",
+      invited: "Eingeladen",
+      registered: "Registriert",
+      unverified: "Nicht bestätigt",
+      passwordChange: "Passwortänderung erforderlich",
+    },
+    shareCard: {
+      dialogTitle: "Teilen",
+      close: "Schließen",
+      email: "E-Mail-Adresse",
+      emailOptional: "E-Mail-Adresse (optional)",
+      // example.com is reserved for examples (RFC 2606); a German-looking domain is
+      // somebody's real one.
+      emailPlaceholder: "name@example.com",
+      invalidEmail: "Bitte eine vollständige E-Mail-Adresse eingeben.",
+      role: "Rolle",
+      roleOf: (name) => `Rolle von ${name}`,
+      add: "Teilen",
+      whoHasAccess: "Wer hat Zugriff",
+      nobodyYet: "Bisher hat niemand sonst Zugriff.",
+      pending: "Ausstehend",
+      openInvite: "Offener Einladungslink",
+      copyLink: "Link kopieren",
+      team: "Team",
+      teamHint: (name) => `Alle in ${name} erhalten Zugriff.`,
+      remove: "Zugriff entfernen",
+      removeConfirm: (name) => `Zugriff für ${name} entfernen?`,
+      revokePending: "Einladung zurückziehen",
+      revokePendingConfirm: (name) => `Einladung für ${name} zurückziehen?`,
+      failed: "Das hat nicht geklappt. Bitte erneut versuchen.",
+      loading: "Wird geladen…",
+    },
+    reauthDialog: {
+      title: "Identität bestätigen",
+      description: "Zum Fortfahren das aktuelle Passwort eingeben.",
+      password: "Aktuelles Passwort",
+      submit: "Weiter",
+      cancel: "Abbrechen",
+    },
+    serverWake: {
+      slow: "Lädt noch – das dauert länger als sonst.",
+      waking: (appName) =>
+        `Der Server schläft ein, wenn ${appName ?? "die App"} gerade niemand benutzt. Die erste Anfrage nach einer Pause muss ihn erst wieder starten. Das kann einen Moment dauern – es geht nichts verloren, die Seite füllt sich von selbst.`,
+    },
   };
 }
-
-export const UI_KIT_LABELS_DE: UiKitLabels = uiKitLabelsDe();

package/src/i18n/kit-labels.tsx

@@ -46,6 +46,11 @@ import type { ErrorBoundaryLabels } from "../components/error-boundary";
 import type { AuthedImageLabels } from "../components/authed-image";
 import type { ImageGridLabels } from "../components/image-grid";
 import type { LightboxLabels } from "../components/lightbox";
+import type { WriteLockLabels } from "../components/write-lock";
+import type { AccountStateLabels } from "../components/account-chips";
+import type { ShareCardLabels } from "../components/share-card";
+import type { ReauthDialogLabels } from "../components/reauth-dialog";
+import type { ServerWakeLabels } from "../components/server-wake";
 
 /**
  * EVERY string the kit renders, as one typed tree — and an optional provider that
@@ -274,6 +279,14 @@ export interface UiKitLabels {
   authedImage: AuthedImageLabels;
   imageGrid: ImageGridLabels;
   lightbox: LightboxLabels;
+  /** 0.18.0: `WriteLockProvider`'s fallback reason, `AccountStateChip`, `SharePanel` /
+   *  `ShareCard` / `ShareDialog`, `ReauthDialog`. */
+  writeLock: WriteLockLabels;
+  accountState: AccountStateLabels;
+  shareCard: ShareCardLabels;
+  reauthDialog: ReauthDialogLabels;
+  /** 0.18.0: `ServerWakeNotice` — keksdose's cold-start notice, for every app. */
+  serverWake: ServerWakeLabels;
 }
 
 /**
@@ -621,17 +634,24 @@ export function useKitFileLabels(prop?: Partial<FileLabels>): FileLabels {
  * The dot paths of every key `labels` does NOT supply — the ones a translated app is
  * still showing in English. Assert on it in the app's own test:
  *
- *     expect(missingKitLabels(de)).toEqual([]);
+ *     expect(missingKitLabels(labels, DEFAULT_UI_KIT_LABELS)).toEqual([]);
  *
  * `reference` is the complete tree to check against — pass
  * {@link DEFAULT_UI_KIT_LABELS} (src/i18n/defaults.ts). It is a parameter rather than an import
  * because the defaults live beside their components, and this module is imported BY
- * those components.
+ * those components. Left out (a test file is not type-checked), it throws saying so
+ * rather than "Cannot convert undefined or null to object" (keksdose, 0.18).
  */
 export function missingKitLabels(
   labels: UiKitLabelOverrides | undefined,
   reference: UiKitLabels,
 ): string[] {
+  if (!isRecord(reference)) {
+    throw new TypeError(
+      "missingKitLabels(labels, reference): pass DEFAULT_UI_KIT_LABELS as the reference — " +
+        "it is the tree the labels are checked against.",
+    );
+  }
   const missing: string[] = [];
   for (const [ns, keys] of Object.entries(reference)) {
     const given = (labels as Record<string, Record<string, unknown> | undefined> | undefined)?.[ns];

package/src/i18n/locales/de-CH.ts

@@ -1,15 +1,24 @@
 import type { UiKitLabels } from "../kit-labels";
+import { germanLabels } from "../german";
 import { swiss } from "../swiss";
-import { uiKitLabelsDe } from "./de";
 
 /**
- * Swiss Standard German: the German labels with Swiss spelling — "ss" for every "ß"
- * (Schliessen, Grösse), which is the one systematic difference in UI text — and
+ * The kit's words in German — Swiss Standard German, formal ("Sie"), the kit's ONE German
+ * catalogue: `<UiKitProvider labels={UI_KIT_LABELS_DE_CH}>`. Swiss spelling — "ss" for
+ * every "ß" (Schliessen, Grösse), which is the one systematic difference in UI text — and
  * `de-CH` number formatting (1’234.5).
  *
- * Derived rather than duplicated, so a key added to the German labels is Swiss the
- * moment it lands. Function labels are wrapped: their RESULT is respelled, so an
- * argument the app passes in (a file name, a phrase to type) is respelled too — which
- * is what a Swiss app writing "ss" everywhere wants.
+ * Derived from the internal German source (`../german`) rather than written out, so a
+ * key added there is Swiss the moment it lands. Function labels are wrapped: their
+ * RESULT is respelled, so an argument the app passes in (a file name, a phrase to type)
+ * is respelled too — which is what a Swiss app writing "ss" everywhere wants.
+ *
+ * {@link uiKitLabelsDeCh} takes another number locale (e.g. `"de-DE"` for 1.234,5, or
+ * `"de-AT"`) without touching the words — the spelling stays Swiss, as the factories of
+ * the other catalogues keep their words.
  */
-export const UI_KIT_LABELS_DE_CH: UiKitLabels = swiss(uiKitLabelsDe("de-CH"));
+export function uiKitLabelsDeCh(numberLocale = "de-CH"): UiKitLabels {
+  return swiss(germanLabels(numberLocale));
+}
+
+export const UI_KIT_LABELS_DE_CH: UiKitLabels = uiKitLabelsDeCh();

package/src/i18n/locales/en.ts

@@ -0,0 +1,116 @@
+import { DEFAULT_UI_KIT_LABELS } from "../defaults";
+import { formatFileSize } from "../kit-labels";
+import type { UiKitLabels } from "../kit-labels";
+
+/**
+ * The kit's English words with every count and file size formatted for
+ * `numberLocale` — `uiKitLabelsEn("en-CH")` reads "12’345 rows", where the defaults
+ * print "12345". For `<UiKitProvider labels={uiKitLabelsEn("en-CH")}>`.
+ *
+ * A factory and not a constant on purpose: {@link DEFAULT_UI_KIT_LABELS} prints counts
+ * raw and has since 0.1, so an app that passes nothing must keep seeing exactly that.
+ * Formatting is something an app asks for, by calling this.
+ *
+ * Derived rather than copied: every word is the default's own, spread in, and only the
+ * labels that print a number are restated — with the same wording and the same
+ * singular/plural split — so a key added to the defaults is here the moment it lands.
+ * Row and line numbers (`lineItems.row`, `measuredGrid.cell`) are positions, not
+ * counts, and stay as the defaults print them, as in the other catalogues.
+ */
+export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
+  const num = new Intl.NumberFormat(numberLocale);
+  const n = (value: number) => num.format(value);
+  const d = DEFAULT_UI_KIT_LABELS;
+
+  return {
+    ...d,
+    feedbackAttachment: {
+      ...d.feedbackAttachment,
+      attachmentLimit: (max) =>
+        `Up to ${n(max)} ${max === 1 ? "attachment" : "attachments"} — remove one to add another.`,
+    },
+    measuredGrid: {
+      ...d.measuredGrid,
+      points: (count) => (count === 1 ? "1 point" : `${n(count)} points`),
+      problems: (count) =>
+        count === 1 ? "1 cell is not a number" : `${n(count)} cells are not numbers`,
+    },
+    dataTable: {
+      ...d.dataTable,
+      filterResults: (shown, total) => `${n(shown)} of ${n(total)} rows`,
+      pageChanged: (page, totalPages) => `Page ${n(page)} of ${n(totalPages)}`,
+      pageRange: (from, to, total) => `${n(from)}–${n(to)} / ${n(total)}`,
+      rowCount: (total) => n(total),
+      columnsCount: (visible, total) => `Columns (${n(visible)}/${n(total)})`,
+    },
+    calendarHeatmap: {
+      ...d.calendarHeatmap,
+      truncated: (count) =>
+        `Showing the most recent days; ${n(count)} earlier ${count === 1 ? "day is" : "days are"} not shown.`,
+    },
+    combobox: {
+      ...d.combobox,
+      selectedCount: (count) => `${n(count)} selected`,
+      resultCount: (count) => (count === 1 ? "1 result" : `${n(count)} results`),
+      minChars: (count) =>
+        count === 1 ? "Type at least 1 character" : `Type at least ${n(count)} characters`,
+    },
+    multiSelect: {
+      ...d.multiSelect,
+      selectedCount: (count) => n(count),
+    },
+    chipInput: {
+      ...d.chipInput,
+      atLimit: (max) => `Limit of ${n(max)} reached`,
+    },
+    iconPicker: {
+      ...d.iconPicker,
+      resultCount: (count) => (count === 1 ? "1 icon" : `${n(count)} icons`),
+    },
+    bulkActionBar: {
+      ...d.bulkActionBar,
+      selected: (count) => `${n(count)} selected`,
+    },
+    file: {
+      // The kit's own `Intl` unit formatting, pinned to this locale ("3.4 MB").
+      size: (bytes) => formatFileSize(bytes, numberLocale),
+    },
+    filePicker: {
+      ...d.filePicker,
+      rejectedCount: (name, maxFiles) =>
+        `“${name}” was not added: at most ${n(maxFiles)} ${maxFiles === 1 ? "file" : "files"}`,
+      rejectedMany: (count) => `${n(count)} files were not added`,
+      rejectedPick: (count) =>
+        count === 1 ? "The file was not added" : `None of the ${n(count)} files were added`,
+      selected: (count, firstName) =>
+        count === 1 ? `“${firstName}” selected` : `${n(count)} files selected`,
+    },
+    wizard: {
+      ...d.wizard,
+      step: (current, total) => `Step ${n(current)} of ${n(total)}`,
+    },
+    tour: {
+      ...d.tour,
+      step: (current, total) => `${n(current)} / ${n(total)}`,
+    },
+    passwordStrength: {
+      ...d.passwordStrength,
+      ruleLength: (minLength) => `At least ${n(minLength)} characters`,
+      tooLong: (maxBytes) =>
+        `At most ${n(maxBytes)} characters (accents and emoji count for more than one).`,
+    },
+    floatingPanel: {
+      ...d.floatingPanel,
+      badge: (count) => `${n(count)} new`,
+    },
+    imageGrid: {
+      ...d.imageGrid,
+      item: (index, count) => `Image ${n(index)} of ${n(count)}`,
+    },
+    lightbox: {
+      ...d.lightbox,
+      counter: (index, count) => `${n(index)} / ${n(count)}`,
+      position: (index, count) => `Image ${n(index)} of ${n(count)}`,
+    },
+  };
+}

package/src/i18n/locales/es.ts

@@ -88,6 +88,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       passkeys: {
         title: "Llaves de acceso",
         description: "Inicia sesión con tu huella, tu cara o el PIN del dispositivo en lugar de una contraseña.",
+        descriptionAlongside: "Inicia sesión con tu huella, tu cara o el PIN del dispositivo. Tu contraseña sigue funcionando.",
         empty: "Aún no hay llaves de acceso",
         loading: "Cargando llaves de acceso…",
         list: "Tus llaves de acceso",
@@ -495,6 +496,7 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
     confirmDialog: {
       confirm: "Confirmar",
       cancel: "Cancelar",
+      typed: (text) => `Escribe «${text}» para confirmar`,
     },
     floatingPanel: {
       close: "Cerrar",
@@ -580,6 +582,55 @@ export function uiKitLabelsEs(numberLocale = "es-ES"): UiKitLabels {
       noPreview: "No hay vista previa disponible para este archivo",
       openInNewTab: "Abrir en una pestaña nueva",
     },
+    writeLock: {
+      reason: "Puedes verlo, pero no modificarlo.",
+    },
+    accountState: {
+      // Agreeing with "cuenta" (feminine): the chip is the state of an account.
+      active: "Activa",
+      inactive: "Inactiva",
+      invited: "Invitación enviada",
+      registered: "Registrada",
+      unverified: "Sin verificar",
+      passwordChange: "Debe cambiar la contraseña",
+    },
+    shareCard: {
+      dialogTitle: "Compartir",
+      close: "Cerrar",
+      email: "Correo electrónico",
+      emailOptional: "Correo electrónico (opcional)",
+      // example.com is reserved for examples (RFC 2606); a localised domain is real.
+      emailPlaceholder: "nombre@example.com",
+      invalidEmail: "Introduce una dirección de correo completa.",
+      role: "Rol",
+      roleOf: (name) => `Rol de ${name}`,
+      add: "Compartir",
+      whoHasAccess: "Quién tiene acceso",
+      nobodyYet: "Nadie más tiene acceso todavía.",
+      pending: "Pendiente",
+      openInvite: "Enlace de invitación abierto",
+      copyLink: "Copiar enlace",
+      team: "Equipo",
+      teamHint: (name) => `Todos los miembros de ${name} tendrán acceso.`,
+      remove: "Quitar acceso",
+      removeConfirm: (name) => `¿Quitar el acceso a ${name}?`,
+      revokePending: "Retirar invitación",
+      revokePendingConfirm: (name) => `¿Retirar la invitación para ${name}?`,
+      failed: "No ha funcionado. Inténtalo de nuevo.",
+      loading: "Cargando…",
+    },
+    reauthDialog: {
+      title: "Confirma que eres tú",
+      description: "Introduce tu contraseña actual para continuar.",
+      password: "Contraseña actual",
+      submit: "Continuar",
+      cancel: "Cancelar",
+    },
+    serverWake: {
+      slow: "Sigue cargando: está tardando más de lo habitual.",
+      waking: (appName) =>
+        `El servidor se duerme cuando nadie usa ${appName ?? "la aplicación"}, así que la primera solicitud tras una pausa tiene que volver a arrancarlo. Puede tardar un momento; no se pierde nada y la página se completará sola.`,
+    },
   };
 }
 

package/src/i18n/locales/fr.ts

@@ -90,6 +90,8 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
         title: "Clés d’accès",
         description:
           "Connectez-vous avec votre empreinte, votre visage ou le code PIN de l’appareil plutôt qu’avec un mot de passe.",
+        descriptionAlongside:
+          "Connectez-vous avec votre empreinte, votre visage ou le code PIN de l’appareil. Votre mot de passe reste valable.",
         empty: "Aucune clé d’accès pour l’instant",
         loading: "Chargement des clés d’accès…",
         list: "Vos clés d’accès",
@@ -511,6 +513,7 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
     confirmDialog: {
       confirm: "Confirmer",
       cancel: "Annuler",
+      typed: (text) => `Saisissez «\u202f${text}\u202f» pour confirmer`,
     },
     floatingPanel: {
       close: "Fermer",
@@ -596,6 +599,55 @@ export function uiKitLabelsFr(numberLocale = "fr-FR"): UiKitLabels {
       noPreview: "Aucun aperçu disponible pour ce fichier",
       openInNewTab: "Ouvrir dans un nouvel onglet",
     },
+    writeLock: {
+      reason: "Vous pouvez consulter ceci, mais pas le modifier.",
+    },
+    accountState: {
+      // Agreeing with "compte" (masculine): the chip is the state of an account.
+      active: "Actif",
+      inactive: "Inactif",
+      invited: "Invité",
+      registered: "Inscrit",
+      unverified: "Non vérifié",
+      passwordChange: "Doit changer de mot de passe",
+    },
+    shareCard: {
+      dialogTitle: "Partager",
+      close: "Fermer",
+      email: "Adresse e-mail",
+      emailOptional: "Adresse e-mail (facultatif)",
+      // example.com is reserved for examples (RFC 2606); a localised domain is real.
+      emailPlaceholder: "nom@example.com",
+      invalidEmail: "Saisissez une adresse e-mail complète.",
+      role: "Rôle",
+      roleOf: (name) => `Rôle de ${name}`,
+      add: "Partager",
+      whoHasAccess: "Qui a accès",
+      nobodyYet: "Personne d’autre n’y a encore accès.",
+      pending: "En attente",
+      openInvite: "Lien d’invitation ouvert",
+      copyLink: "Copier le lien",
+      team: "Équipe",
+      teamHint: (name) => `Tous les membres de ${name} y auront accès.`,
+      remove: "Retirer l’accès",
+      removeConfirm: (name) => `Retirer l’accès de ${name}\u202f?`,
+      revokePending: "Révoquer l’invitation",
+      revokePendingConfirm: (name) => `Révoquer l’invitation de ${name}\u202f?`,
+      failed: "Cela n’a pas fonctionné. Veuillez réessayer.",
+      loading: "Chargement…",
+    },
+    reauthDialog: {
+      title: "Confirmez votre identité",
+      description: "Saisissez votre mot de passe actuel pour continuer.",
+      password: "Mot de passe actuel",
+      submit: "Continuer",
+      cancel: "Annuler",
+    },
+    serverWake: {
+      slow: "Chargement en cours — cela prend plus de temps que d’habitude.",
+      waking: (appName) =>
+        `Le serveur se met en veille quand personne n’utilise ${appName ?? "l’application"}, donc la première requête après une pause doit le redémarrer. Cela peut prendre un moment — rien n’est perdu, la page se remplira d’elle-même.`,
+    },
   };
 }
 

package/src/i18n/locales/hu.ts

@@ -88,6 +88,8 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
         title: "Hozzáférési kulcsok",
         description:
           "Jelentkezzen be ujjlenyomattal, arcfelismeréssel vagy az eszköz PIN-kódjával jelszó helyett.",
+        descriptionAlongside:
+          "Jelentkezzen be ujjlenyomattal, arcfelismeréssel vagy az eszköz PIN-kódjával. A jelszava továbbra is működik.",
         empty: "Még nincs hozzáférési kulcs",
         loading: "Hozzáférési kulcsok betöltése…",
         list: "Az Ön hozzáférési kulcsai",
@@ -497,6 +499,7 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
     confirmDialog: {
       confirm: "Megerősítés",
       cancel: "Mégse",
+      typed: (text) => `A megerősítéshez írja be: „${text}”`,
     },
     floatingPanel: {
       close: "Bezárás",
@@ -582,6 +585,58 @@ export function uiKitLabelsHu(numberLocale = "hu-HU"): UiKitLabels {
       noPreview: "Ehhez a fájlhoz nincs előnézet",
       openInNewTab: "Megnyitás új lapon",
     },
+    writeLock: {
+      reason: "Ezt megtekintheti, de nem módosíthatja.",
+    },
+    accountState: {
+      active: "Aktív",
+      inactive: "Inaktív",
+      invited: "Meghívva",
+      registered: "Regisztrált",
+      unverified: "Nincs megerősítve",
+      passwordChange: "Jelszócsere szükséges",
+    },
+    shareCard: {
+      dialogTitle: "Megosztás",
+      close: "Bezárás",
+      email: "E-mail-cím",
+      emailOptional: "E-mail-cím (nem kötelező)",
+      // example.com is reserved for examples (RFC 2606); a localised domain is real.
+      emailPlaceholder: "nev@example.com",
+      invalidEmail: "Adjon meg egy teljes e-mail-címet.",
+      role: "Szerepkör",
+      // The name after a colon, never inflected: the article before it (a/az) and a
+      // possessive suffix on it both depend on how the name sounds. As `deleteConfirm`.
+      roleOf: (name) => `Szerepkör (${name})`,
+      add: "Megosztás",
+      whoHasAccess: "Hozzáféréssel rendelkezők",
+      nobodyYet: "Még senki más nem fér hozzá.",
+      pending: "Függőben",
+      openInvite: "Nyitott meghívólink",
+      copyLink: "Link másolása",
+      team: "Csapat",
+      teamHint: (name) => `A(z) ${name} minden tagja hozzáférést kap.`,
+      remove: "Hozzáférés megvonása",
+      removeConfirm: (name) => `Megvonja a hozzáférést: ${name}?`,
+      revokePending: "Meghívás visszavonása",
+      revokePendingConfirm: (name) => `Visszavonja a meghívást: ${name}?`,
+      failed: "Ez nem sikerült. Kérjük, próbálja újra.",
+      loading: "Betöltés…",
+    },
+    reauthDialog: {
+      title: "Személyazonosság megerősítése",
+      description: "A folytatáshoz adja meg jelenlegi jelszavát.",
+      password: "Jelenlegi jelszó",
+      submit: "Folytatás",
+      cancel: "Mégse",
+    },
+    serverWake: {
+      slow: "Még tölt – ez a szokásosnál tovább tart.",
+      // The name stays in the nominative behind "a(z) … alkalmazást", as in
+      // `confirmRemove`: a Hungarian case ending on an arbitrary product name is a guess.
+      waking: (appName) =>
+        `A szerver elalszik, ha senki sem használja ${appName ? `a(z) ${appName} alkalmazást` : "az alkalmazást"}, ezért egy szünet utáni első kérésnek újra el kell indítania. Ez eltarthat egy ideig – semmi sem vész el, az oldal magától betöltődik.`,
+    },
   };
 }