@eifi1/ui-kit 0.28.0 → 0.29.0

package/src/components/legal.tsx

@@ -1,5 +1,5 @@
 import { createContext, useContext } from "react";
-import type { ReactNode } from "react";
+import type { MouseEvent, ReactNode } from "react";
 
 import { useKitLabels } from "../i18n/kit-labels";
 import type { LabelOverride } from "../i18n/kit-labels";
@@ -66,6 +66,14 @@ export interface LegalOperator {
   country: string;
   /** The contact address the imprint and the privacy policy print. */
   email: string;
+  /**
+   * The language whose version of the legal texts is BINDING ("de-CH"), a BCP 47 code
+   * (0.28.1, Marcel 2026-10-05). The lawyer reviews that one; the others are translations
+   * for convenience. With it, {@link LegalPage} shows a note on every page read in
+   * another language, and the terms' `language` section says which version prevails.
+   * Only the language subtag counts: "de-CH" and "de" are the same language here.
+   */
+  bindingLanguage?: string;
 }
 
 /**
@@ -78,10 +86,42 @@ export interface LegalOperator {
  */
 export type LegalOperatorText = Readonly<Record<keyof LegalOperator, string>>;
 
+/** The language subtag of a BCP 47 code, lower-cased: "de-CH" → "de". */
+export function baseLanguage(code: string): string {
+  return code.split(/[-_]/)[0]!.toLowerCase();
+}
+
+const languageNamers = new Map<string, Intl.DisplayNames | null>();
+
+/** The name of a language in `locale` — "Deutsch", "German", "allemand", "德语" — from its
+ *  language subtag, so "de-CH" is plain "German", not "Swiss High German". The code itself
+ *  when the runtime cannot name it. */
+function languageName(code: string, locale: string): string {
+  let namer = languageNamers.get(locale);
+  if (namer === undefined) {
+    try {
+      namer = new Intl.DisplayNames([locale], { type: "language" });
+    } catch {
+      namer = null;
+    }
+    languageNamers.set(locale, namer);
+  }
+  const base = baseLanguage(code);
+  try {
+    return namer?.of(base) ?? base;
+  } catch {
+    return base;
+  }
+}
+
 /** @internal The operator as the texts read it: its country named in `locale` (English
  *  without one — `countryName`'s rule, so an app that set no locale reads English). */
 export function legalOperatorText(operator: LegalOperator, locale: string = "en"): LegalOperatorText {
-  return { ...operator, country: countryName(operator.country, locale) };
+  return {
+    ...operator,
+    country: countryName(operator.country, locale),
+    bindingLanguage: operator.bindingLanguage ? languageName(operator.bindingLanguage, locale) : "",
+  };
 }
 
 // ── Labels ────────────────────────────────────────────────────────────────────
@@ -142,6 +182,16 @@ export interface LegalLabels {
     beta: string;
     privacy: string;
   };
+  /**
+   * 0.28.1: on a page read in another language than the operator's `bindingLanguage` —
+   * `note` under the title, `show` on the button that switches to the binding version
+   * (when the app passes `onShowBindingLanguage`). `o.bindingLanguage` is the binding
+   * language's NAME in the reader's language ("German", "allemand").
+   */
+  translation: {
+    note: (o: LegalOperatorText) => string;
+    show: (o: LegalOperatorText) => string;
+  };
   /** The kit's sections (§4.3), by page and section key. */
   sections: {
     impressum: {
@@ -164,6 +214,8 @@ export interface LegalLabels {
       warranty: LegalTextSectionLabels;
       liability: LegalTextSectionLabels;
       changes: LegalTextSectionLabels;
+      /** 0.28.1: which language's version prevails — `o.bindingLanguage`, named. */
+      language: LegalOperatorSectionLabels;
       /** The place of jurisdiction is the operator's `{city} ({region}), {country}`. */
       law: LegalOperatorSectionLabels;
     };
@@ -189,6 +241,11 @@ export const DEFAULT_LEGAL_LABELS: LegalLabels = {
     privacy:
       "Closed beta. The legal wording below has not been reviewed by a lawyer yet and will be before a public launch. The technical descriptions — what is stored, where, and who can read it — describe what the software actually does today, and are meant to be checked against it.",
   },
+  translation: {
+    note: (o) =>
+      `This is a translation for your convenience. The ${o.bindingLanguage} version is binding.`,
+    show: (o) => `Show the ${o.bindingLanguage} version`,
+  },
   sections: {
     impressum: {
       operator: {
@@ -243,6 +300,11 @@ export const DEFAULT_LEGAL_LABELS: LegalLabels = {
         title: "Changes to these terms",
         body: "These terms may be updated as the service evolves. Material changes will be announced by email or in the app; continued use after a change means you accept it.",
       },
+      language: {
+        title: "Language",
+        body: (o) =>
+          `These terms are written in ${o.bindingLanguage}. Translations into other languages are provided for convenience only; where a translation differs, the ${o.bindingLanguage} version prevails.`,
+      },
       law: {
         title: "Governing law",
         body: (o) =>
@@ -375,6 +437,9 @@ export interface LegalLinksProps {
    *  links, so in a plain container — Kurvenschmiede's account-menu `<li>` — they ran
    *  together as "ImpressumDatenschutzerklärungNutz…" and overflowed). Default true. */
   nav?: boolean;
+  /** Called on a click on any of the links, before it navigates — an account menu closes
+   *  itself here (0.28.1, keksdose: it had to catch the click on a wrapping `<div>`). */
+  onLinkClick?: (event: MouseEvent<HTMLAnchorElement>) => void;
   labels?: LabelOverride<LegalLabels>;
   className?: string;
 }
@@ -396,12 +461,19 @@ function defaultLinks(labels: LegalLabels): LegalLink[] {
  * already hears three links, and "middle dot" between them is noise. They are flex items
  * of the row like the links, so the row's gap spaces them evenly.
  */
-export function LegalLinks({ links, currentHref, nav = true, labels: labelsProp, className }: LegalLinksProps) {
+export function LegalLinks({
+  links,
+  currentHref,
+  nav = true,
+  onLinkClick,
+  labels: labelsProp,
+  className,
+}: LegalLinksProps) {
   const labels = useLegalLabels(labelsProp);
   const shown = links ?? defaultLinks(labels);
   const items = shown.flatMap((link, i) => [
     ...(i > 0 ? [<span key={`sep-${link.href}`} aria-hidden="true">·</span>] : []),
-    <TextLink key={link.href} href={link.href} tone="muted" current={link.href === currentHref}>
+    <TextLink key={link.href} href={link.href} tone="muted" current={link.href === currentHref} onClick={onLinkClick}>
       {link.label}
     </TextLink>,
   ]);
@@ -425,6 +497,14 @@ export interface LegalFooterProps {
   /** Marks that link `aria-current="page"`. {@link LegalPage}'s default footer passes
    *  its own page. */
   currentHref?: string;
+  /**
+   * Default true: the footer is a `<footer>`. `false` draws a `<div>` — for a host that is
+   * a footer already: `AuthLayout`'s `footer` slot is one, and HTML forbids a footer inside
+   * a footer (0.28.1, kastlan). On an `AuthLayout` page the usual choice is simpler still:
+   * `footer={<LegalLinks nav={false} />}` with `footerLabel` set to the kit's `navLabel`
+   * ({@link useLegalLabels}).
+   */
+  landmark?: boolean;
   className?: string;
   labels?: LabelOverride<LegalLabels>;
 }
@@ -440,9 +520,10 @@ export interface LegalFooterProps {
  * only. Its palette classes (`border-slate-200 bg-white dark:…`) became the surface and
  * border tokens, so it follows the theme like the rest of the kit.
  */
-export function LegalFooter({ children, links, currentHref, className, labels }: LegalFooterProps) {
+export function LegalFooter({ children, links, currentHref, landmark = true, className, labels }: LegalFooterProps) {
+  const Root = landmark ? "footer" : "div";
   return (
-    <footer className={cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className)}>
+    <Root className={cn("border-t border-[var(--border)] bg-[var(--bg-surface)]", className)}>
       <div className="mx-auto max-w-5xl px-4 py-8 text-sm text-[var(--text-muted)]">
         <LegalLinks
           links={links}
@@ -452,7 +533,7 @@ export function LegalFooter({ children, links, currentHref, className, labels }:
         />
         {children !== undefined && children !== null && <p className="mt-4 text-center">{children}</p>}
       </div>
-    </footer>
+    </Root>
   );
 }
 
@@ -526,6 +607,9 @@ export interface LegalLayoutProps {
    * than the others (its technical sections describe running code).
    */
   notice?: ReactNode;
+  /** 0.28.1: under the title, before the notice — {@link LegalPage}'s note that this
+   *  page is a translation and which language is binding. */
+  translationNote?: ReactNode;
   /** The sections — {@link LegalSection}s. */
   children: ReactNode;
   /** The three pages, linked at the end of the column with the current one marked.
@@ -543,6 +627,7 @@ export function LegalLayout({
   title,
   back,
   notice,
+  translationNote,
   children,
   links,
   currentHref,
@@ -554,6 +639,7 @@ export function LegalLayout({
     <article className={cn("mx-auto w-full max-w-3xl px-4 py-12", className)}>
       {back !== undefined && <div className="mb-4 text-sm">{back}</div>}
       <Heading className="text-3xl font-bold tracking-tight break-words text-[var(--text-primary)]">{title}</Heading>
+      {translationNote !== undefined && translationNote !== null && <div className="mt-3">{translationNote}</div>}
       {notice !== undefined && notice !== null && (
         <AlertBanner tone="warning" role="note" className="mt-4">
           {notice}

package/src/components/user-avatar.tsx

@@ -1,5 +1,8 @@
 import type { ComponentPropsWithoutRef, ReactNode } from "react";
 import { cn } from "../lib/cn";
+import { personInitials } from "../lib/person-name";
+import type { PersonName } from "../lib/person-name";
+import { useKitLocale } from "../i18n/kit-labels";
 import { StatusDot } from "./status-dot";
 import type { StatusDotSize, StatusDotTone } from "./status-dot";
 
@@ -43,10 +46,23 @@ export interface UserAvatarBadge {
 }
 
 /** A `<span>`'s props, minus `children`: the content is the initials this computes
- *  from `name`/`email`, so there is nothing for a caller to put inside. */
+ *  from `person`/`name`/`email`, so there is nothing for a caller to put inside. */
 export interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<"span">, "children"> {
   name?: string | null;
   email?: string | null;
+  /**
+   * The person's first and last name (0.29.0, docs/auth-harmonization.md §3.2) —
+   * preferred over `name` whenever either part is filled in. The initials follow the
+   * READER's language, the provider's `locale`: "AE" for Ada Example, "EA" in Hungarian
+   * (family name first), the family name's first character alone in Chinese. See
+   * {@link personInitials}.
+   *
+   * `name` stays the fallback for an API that still sends only `display_name`, and
+   * `email` after it: a person whose two parts are both blank falls through to them.
+   * A migrated user (the whole old display name in `first`, no `last`, §3.3) keeps the
+   * initials they had.
+   */
+  person?: PersonName | null;
   size?: keyof typeof AVATAR_SIZES;
   /**
    * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed
@@ -64,7 +80,9 @@ export interface UserAvatarProps extends Omit<ComponentPropsWithoutRef<"span">,
  * A round initials avatar — the common user chip shared across apps (feedback
  * #333). Purely presentational; wrap it in a button for the account menu trigger.
  */
-export function UserAvatar({ name, email, size = "md", badge, className, ...rest }: UserAvatarProps) {
+export function UserAvatar({ name, email, person, size = "md", badge, className, ...rest }: UserAvatarProps) {
+  const locale = useKitLocale();
+  const initials = (person ? personInitials(person, locale) : "") || avatarInitials(name, email);
   if (badge) {
     // A wrapper, because the chip itself is `aria-hidden` and the badge label must not
     // be. `className` stays on the chip (a size override still sizes the circle); the
@@ -80,7 +98,7 @@ export function UserAvatar({ name, email, size = "md", badge, className, ...rest
             className,
           )}
         >
-          {avatarInitials(name, email)}
+          {initials}
         </span>
         <StatusDot
           ring
@@ -109,7 +127,7 @@ export function UserAvatar({ name, email, size = "md", badge, className, ...rest
         className,
       )}
     >
-      {avatarInitials(name, email)}
+      {initials}
     </span>
   );
 }

package/src/i18n/defaults.ts

@@ -61,6 +61,15 @@ 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_LEGAL_LABELS } from "../components/legal";
+import { DEFAULT_SIGN_IN_LABELS } from "../auth/sign-in-form";
+import { DEFAULT_REGISTER_LABELS } from "../auth/register-form";
+import { DEFAULT_COMPLETE_NAME_LABELS } from "../auth/complete-name-dialog";
+import { DEFAULT_FORGOT_PASSWORD_LABELS } from "../auth/forgot-password-form";
+import { DEFAULT_RESET_PASSWORD_LABELS } from "../auth/reset-password-form";
+import { DEFAULT_VERIFY_EMAIL_LABELS } from "../auth/verify-email";
+import { DEFAULT_NOT_FOUND_LABELS } from "../auth/not-found-page";
+import { DEFAULT_ACCEPT_INVITATION_LABELS } from "../auth/accept-invitation";
+import { DEFAULT_COMPANY_SWITCHER_LABELS } from "../shell/company-switcher";
 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";
@@ -168,6 +177,15 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   serverWake: DEFAULT_SERVER_WAKE_LABELS,
   translationReview: DEFAULT_TRANSLATION_REVIEW_LABELS,
   legal: DEFAULT_LEGAL_LABELS,
+  signIn: DEFAULT_SIGN_IN_LABELS,
+  register: DEFAULT_REGISTER_LABELS,
+  completeName: DEFAULT_COMPLETE_NAME_LABELS,
+  forgotPassword: DEFAULT_FORGOT_PASSWORD_LABELS,
+  resetPassword: DEFAULT_RESET_PASSWORD_LABELS,
+  verifyEmail: DEFAULT_VERIFY_EMAIL_LABELS,
+  notFound: DEFAULT_NOT_FOUND_LABELS,
+  acceptInvitation: DEFAULT_ACCEPT_INVITATION_LABELS,
+  companySwitcher: DEFAULT_COMPANY_SWITCHER_LABELS,
   characterCount: DEFAULT_CHARACTER_COUNT_LABELS,
   countrySelect: DEFAULT_COUNTRY_SELECT_LABELS,
   inlineEdit: DEFAULT_INLINE_EDIT_LABELS,

package/src/i18n/german.ts

@@ -779,6 +779,11 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         privacy:
           "Geschlossene Beta. Die rechtlichen Formulierungen unten sind noch nicht anwaltlich geprüft; das geschieht vor einem öffentlichen Start. Die technischen Angaben — was gespeichert wird, wo, und wer es lesen kann — beschreiben, was die Software heute tatsächlich tut, und sind ausdrücklich dazu da, daran überprüft zu werden.",
       },
+      translation: {
+        note: (o) =>
+          `Dies ist eine Übersetzung zu Ihrer Information. Massgebend ist die Fassung auf ${o.bindingLanguage}.`,
+        show: (o) => `Fassung auf ${o.bindingLanguage} anzeigen`,
+      },
       sections: {
         impressum: {
           operator: {
@@ -833,6 +838,11 @@ export function germanLabels(numberLocale: string): UiKitLabels {
             title: "Änderungen dieser Bedingungen",
             body: "Diese Bedingungen können im Zuge der Weiterentwicklung des Dienstes angepasst werden. Wesentliche Änderungen werden per E-Mail oder in der App angekündigt; die weitere Nutzung nach einer Änderung gilt als Zustimmung.",
           },
+          language: {
+            title: "Sprache",
+            body: (o) =>
+              `Diese Bedingungen sind auf ${o.bindingLanguage} verfasst. Übersetzungen in andere Sprachen dienen nur der Information; weicht eine Übersetzung ab, ist die Fassung auf ${o.bindingLanguage} massgebend.`,
+          },
           law: {
             title: "Anwendbares Recht",
             body: (o) =>
@@ -841,6 +851,149 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         },
       },
     },
+    // 0.29.0 — docs/auth-harmonization.md: keksdose's reviewed de-CH wording (auth.*,
+    // verify_email, error.not_found_*, budget_share.join_*), kastlan's for the names and
+    // the 2FA prompt; written fresh where neither app had the sentence. Formal "Sie".
+    signIn: {
+      email: "E-Mail",
+      password: "Passwort",
+      submit: "Anmelden",
+      passkey: "Mit Passkey anmelden",
+      forgotPassword: "Passwort vergessen?",
+      noAccount: "Noch kein Konto?",
+      register: "Registrieren",
+      invalidCredentials: "Die E-Mail-Adresse oder das Passwort ist falsch.",
+      failed: "Anmeldung fehlgeschlagen. Bitte versuchen Sie es erneut.",
+      passkeyFailed: "Passkey-Anmeldung fehlgeschlagen.",
+      deactivatedHint: "Konto deaktiviert? Schreiben Sie an {contact}.",
+      tagHint: (taggedAddress) =>
+        `Mit ${taggedAddress} registriert? Verwenden Sie diese Adresse.`,
+      twoFactorTitle: "Zwei-Faktor-Authentifizierung",
+      twoFactorIntro: "Geben Sie den Code aus Ihrer Authenticator-App ein.",
+      code: "2FA-Code",
+      verify: "Bestätigen",
+      codeInvalid: "Ungültiger 2FA-Code.",
+      setPasswordTitle: "Neues Passwort vergeben",
+      setPasswordIntro:
+        "Für dieses Konto wurde ein neues Passwort angefordert. Vergeben Sie eines, dann geht es direkt weiter.",
+      newPassword: "Neues Passwort",
+      confirmPassword: "Neues Passwort wiederholen",
+      passwordMismatch: "Die Passwörter stimmen nicht überein.",
+      setPasswordSubmit: "Passwort vergeben und anmelden",
+      setPasswordFailed: "Das Passwort konnte nicht vergeben werden.",
+      expired: "Diese Anmeldung ist abgelaufen. Bitte melden Sie sich erneut an.",
+      backToSignIn: "Zurück zur Anmeldung",
+    },
+    register: {
+      firstName: "Vorname",
+      lastName: "Nachname",
+      email: "E-Mail",
+      emailTagUse: (address) => `${address} verwenden`,
+      emailTagHint:
+        "Viele Anbieter stellen name+kennung@… an dasselbe Postfach zu, damit Post von dieser App filter- und zuordenbar wird. Prüfen Sie vorher, ob Ihrer das tut: Angemeldet wird dann mit der markierten Adresse.",
+      invitedEmailHint: "Die Adresse, an die Ihre Einladung gesendet wurde.",
+      invitedTagNote: "Die markierte Adresse erhält eine eigene Bestätigungs-E-Mail.",
+      password: "Passwort",
+      confirmPassword: "Passwort wiederholen",
+      passwordMismatch: "Die Passwörter stimmen nicht überein.",
+      language: "Sprache",
+      submit: "Registrieren",
+      haveAccount: "Bereits registriert?",
+      signIn: "Anmelden",
+      emailTaken: "Ein Konto mit dieser E-Mail-Adresse existiert bereits.",
+      registrationClosed:
+        "Neue Konten gibt es nur auf Einladung. Bitten Sie den Betreiber, Ihre E-Mail-Adresse einzuladen.",
+      invitationInvalid: "Dieser Einladungslink ist ungültig.",
+      invitationExpired: "Diese Einladung ist abgelaufen. Bitten Sie um eine neue.",
+      failed: "Registrierung fehlgeschlagen. Bitte versuchen Sie es erneut.",
+    },
+    completeName: {
+      title: "Namen vervollständigen",
+      description:
+        "Vor- und Nachname werden jetzt getrennt erfasst. Prüfen Sie, was eingetragen ist, und ergänzen Sie, was fehlt.",
+      firstName: "Vorname",
+      lastName: "Nachname",
+      save: "Speichern",
+      later: "Später",
+      failed: "Ihr Name konnte nicht gespeichert werden. Bitte versuchen Sie es erneut.",
+    },
+    forgotPassword: {
+      title: "Passwort vergessen",
+      intro:
+        "Geben Sie die E-Mail-Adresse Ihres Kontos ein. Wir schicken Ihnen einen Link, mit dem Sie ein neues Passwort vergeben können.",
+      email: "E-Mail",
+      submit: "Link anfordern",
+      sent: (email) => `Falls es ein Konto zu ${email} gibt, ist der Link unterwegs.`,
+      sentHint: "Der Link gilt eine Stunde und funktioniert genau einmal. Sehen Sie auch im Spam-Ordner nach.",
+      backToSignIn: "Zurück zur Anmeldung",
+      error: "Anfrage fehlgeschlagen. Bitte versuchen Sie es später noch einmal.",
+    },
+    resetPassword: {
+      title: "Neues Passwort vergeben",
+      checking: "Link wird geprüft…",
+      intro: (email) => `Sie vergeben ein neues Passwort für ${email}.`,
+      newPassword: "Neues Passwort",
+      confirmPassword: "Neues Passwort wiederholen",
+      mismatch: "Die Passwörter stimmen nicht überein.",
+      submit: "Passwort speichern",
+      failed: "Das Passwort konnte nicht geändert werden.",
+      noToken: "Dieser Link ist unvollständig.",
+      invalid: "Dieser Link ist ungültig oder abgelaufen.",
+      invalidHint: "Links gelten eine Stunde und funktionieren nur einmal. Fordern Sie einfach einen neuen an.",
+      requestNew: "Neuen Link anfordern",
+      success: "Ihr Passwort ist geändert. Sie können sich jetzt damit anmelden.",
+      sessionsEnded: "Angemeldete Geräte wurden abgemeldet – dort müssen Sie sich neu anmelden.",
+      signIn: "Zur Anmeldung",
+    },
+    verifyEmail: {
+      title: "E-Mail-Adresse bestätigen",
+      verifying: "Wird bestätigt…",
+      verified: "Ihre E-Mail-Adresse ist bestätigt.",
+      continue: "Weiter",
+      invalid: "Dieser Bestätigungslink ist ungültig",
+      expired: "Dieser Bestätigungslink ist abgelaufen",
+      noToken: "Diesem Link fehlt das Bestätigungs-Token.",
+      invalidHint: "Der Link ist vermutlich abgelaufen oder wurde schon benutzt.",
+      requestInApp: "Sie können in der App einen neuen anfordern.",
+      requestHere: "Sie können hier einen neuen anfordern.",
+      resend: "Erneut senden",
+      resendIn: (seconds) => `In ${n(seconds)} s erneut senden`,
+      resent: "Bestätigungs-E-Mail gesendet",
+      resendError: "Bestätigungs-E-Mail konnte nicht gesendet werden",
+      banner: "Bitte bestätigen Sie Ihre E-Mail-Adresse.",
+      dismiss: "Später",
+    },
+    notFound: {
+      title: "Seite nicht gefunden",
+      body: "Diese Adresse gibt es (nicht mehr). Vielleicht ein Tippfehler – oder die Seite ist umgezogen.",
+      home: "Zur Startseite",
+      app: "Zurück zur App",
+    },
+    acceptInvitation: {
+      title: "Einladung annehmen",
+      // Not keksdose's "Trete bei…": first person, where this catalogue's progress
+      // words are impersonal ("Wird geladen…").
+      accepting: "Beitritt läuft…",
+      accepted: "Einladung angenommen.",
+      joined: (name) => `Sie sind ${name} beigetreten.`,
+      continue: "Weiter",
+      invalid: "Beitritt über diesen Link nicht möglich",
+      expired: "Diese Einladung ist abgelaufen",
+      noToken: "Diesem Link fehlt das Einladungs-Token.",
+      askAgain: "Bitten Sie die Person, die Sie eingeladen hat, um eine neue Einladung.",
+      signInFirst: "Melden Sie sich an, um diese Einladung anzunehmen",
+      signInHint: "Verwenden Sie das Konto, an das die Einladung gesendet wurde.",
+      signIn: "Anmelden",
+      register: "Registrieren",
+    },
+    companySwitcher: {
+      // "Firma", as kastlan's sign-up asks for the "Firmenname".
+      switchCompany: "Firma wechseln",
+      heading: "Firmen",
+      current: (name) => `Firma: ${name}`,
+      currentMark: "(aktuell)",
+      switching: "Firma wird gewechselt…",
+    },
     characterCount: {
       // "Zeichen" is the same in singular and plural.
       count: (used, max) => `${n(used)} von ${n(max)} Zeichen`,

package/src/i18n/kit-labels.tsx

@@ -57,6 +57,15 @@ import type { ImageGridLabels } from "../components/image-grid";
 import type { LightboxLabels } from "../components/lightbox";
 import type { WriteLockLabels } from "../components/write-lock";
 import type { LegalLabels } from "../components/legal";
+import type { SignInLabels } from "../auth/sign-in-form";
+import type { RegisterLabels } from "../auth/register-form";
+import type { CompleteNameLabels } from "../auth/complete-name-dialog";
+import type { ForgotPasswordLabels } from "../auth/forgot-password-form";
+import type { ResetPasswordLabels } from "../auth/reset-password-form";
+import type { VerifyEmailLabels } from "../auth/verify-email";
+import type { NotFoundLabels } from "../auth/not-found-page";
+import type { AcceptInvitationLabels } from "../auth/accept-invitation";
+import type { CompanySwitcherLabels } from "../shell/company-switcher";
 import type { AccountStateLabels } from "../components/account-chips";
 import type { ShareCardLabels } from "../components/share-card";
 import type { ReauthDialogLabels } from "../components/reauth-dialog";
@@ -323,6 +332,24 @@ export interface UiKitLabels {
    *  sections that are the same in every app, filled in with the app's operator
    *  (docs/legal-harmonization.md §4.3/§4.4). */
   legal: LegalLabels;
+  /** 0.29.0: sign-in form: credentials, passkey, 2FA, forced new password (docs/auth-harmonization.md §5). */
+  signIn: SignInLabels;
+  /** 0.29.0: the sign-up form, with the +app address tag (§4.1, §4.5). */
+  register: RegisterLabels;
+  /** 0.29.0: asking a migrated account for first and last name once (§3.3). */
+  completeName: CompleteNameLabels;
+  /** 0.29.0: requesting a reset link (always the same answer). */
+  forgotPassword: ForgotPasswordLabels;
+  /** 0.29.0: choosing a new password from a reset link; not a sign-in (§6.3). */
+  resetPassword: ResetPasswordLabels;
+  /** 0.29.0: the verify-email page and the unverified banner. */
+  verifyEmail: VerifyEmailLabels;
+  /** 0.29.0: the 404 page. */
+  notFound: NotFoundLabels;
+  /** 0.29.0: accepting an invitation with an account (§4.4). */
+  acceptInvitation: AcceptInvitationLabels;
+  /** 0.29.0: kastlan's switcher between a user's companies (§5.3). */
+  companySwitcher: CompanySwitcherLabels;
   /** 0.22.0: the screen-reader words of `Input` / `Textarea`'s `showCount` counter. */
   characterCount: CharacterCountLabels;
   /** 0.22.0: `CountrySelect`. Its list's "no results" and counts are `combobox`'s. */