@eifi1/ui-kit 0.44.0 → 0.45.0

package/src/admin/admin-action-log.tsx

@@ -72,7 +72,11 @@ export type AdminActionKind =
   | "group_rename"
   | "group_delete"
   | "membership_add"
-  | "membership_role";
+  | "membership_role"
+  // 0.45 (admin §9.1.3): a group switched off or on again — kastlan's company PATCH
+  // (`is_active`). server-kit 0.15's `AdminAction.GROUP_DEACTIVATE` / `GROUP_REACTIVATE`.
+  | "group_deactivate"
+  | "group_reactivate";
 
 /** Every {@link AdminActionKind}, in the contract's order. */
 export const ADMIN_ACTION_KINDS: readonly AdminActionKind[] = [
@@ -98,6 +102,8 @@ export const ADMIN_ACTION_KINDS: readonly AdminActionKind[] = [
   "group_delete",
   "membership_add",
   "membership_role",
+  "group_deactivate",
+  "group_reactivate",
 ];
 
 /** The app's word for its groups (§11.5): Kurvenschmiede's teams, kastlan's companies,
@@ -105,11 +111,14 @@ export const ADMIN_ACTION_KINDS: readonly AdminActionKind[] = [
  *  actions are said in. */
 export type AdminGroupNoun = "group" | "team" | "company" | "budget";
 
-/** The kinds said in the noun's words: the five of 0.34, and `membership_remove`. */
+/** The kinds said in the noun's words: the five of 0.34, `membership_remove`, and 0.45's
+ *  `group_deactivate` / `group_reactivate`. */
 type AdminGroupActionKind =
   | "group_create"
   | "group_rename"
   | "group_delete"
+  | "group_deactivate"
+  | "group_reactivate"
   | "membership_add"
   | "membership_role"
   | "membership_remove";
@@ -118,6 +127,8 @@ const GROUP_ACTION_KINDS: ReadonlySet<string> = new Set<AdminGroupActionKind>([
   "group_create",
   "group_rename",
   "group_delete",
+  "group_deactivate",
+  "group_reactivate",
   "membership_add",
   "membership_role",
   "membership_remove",
@@ -184,6 +195,13 @@ export interface AdminActionLogEntry {
   group?: AdminGroupTarget | null;
   /** The `detail` in the app's words — "Member → Admin", "12 items to Ben Example". */
   detail?: ReactNode;
+  /**
+   * 0.45 (admin §9.4, Marcel 2026-10-19): a `group_rename` row's `detail.{from, to}` —
+   * kastlan's company rename logs both names. With both, the row reads "Company renamed
+   * from A to B" (`renamedFromTo`) in place of the target. A rename that logs `{}` (KS's
+   * team rename: never a name) leaves it out and reads "Team renamed" and the group.
+   */
+  renamed?: { from?: string | null; to?: string | null } | null;
 }
 
 /** The `adminActionLog` namespace. */
@@ -206,6 +224,8 @@ export interface AdminActionLogLabels {
   showAll: string;
   /** A target name as a filter button — "Show only the actions on Ada Example". */
   filterBy: (target: string) => string;
+  /** 0.45: after "Company renamed" when the row carries both names — "from A to B". */
+  renamedFromTo: (from: string, to: string) => string;
   /** What each action is called, past tense, keyed by the vocabulary. An app adds its
    *  own here (`labels={{ actions: { plan: "Plan changed" } }}`). A word given here
    *  outranks the noun's in `groupActions` — so no catalogue holds the group kinds
@@ -223,6 +243,11 @@ interface AdminGroupActionLabels {
   group_rename: string;
   /** "Team deleted". */
   group_delete: string;
+  /** "Company deactivated" (0.45, admin §9.1.3): the group switched off — its people
+   *  locked out — not a person's `deactivate`. */
+  group_deactivate: string;
+  /** "Company reactivated" (0.45). */
+  group_reactivate: string;
   /** "Added to the team" — said of the person, so it agrees with the account where a
    *  language agrees (es "Añadida", fr "Ajouté"). */
   membership_add: string;
@@ -384,12 +409,22 @@ export function AdminActionLog({
           aria-busy={loading || undefined}
           className={cn("divide-y divide-subtle", loading && "opacity-60")}
         >
-          {entries.map((entry) => (
+          {entries.map((entry) => {
+            const from = (entry.renamed?.from ?? "").trim();
+            const to = (entry.renamed?.to ?? "").trim();
+            const renamed = entry.action === "group_rename" && from !== "" && to !== "";
+            return (
             <li key={entry.id} data-action={entry.action} className="space-y-0.5 py-2 first:pt-0 last:pb-0">
               <div className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5">
                 <div className="flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5 text-sm">
                   <span className="font-medium text-primary">{actionText(entry.action)}</span>
-                  {entry.target !== undefined && <span className="min-w-0 break-words">{targetNode(entry)}</span>}
+                  {renamed ? (
+                    <span data-private data-renamed className="min-w-0 break-words text-primary">
+                      {labels.renamedFromTo(from, to)}
+                    </span>
+                  ) : (
+                    entry.target !== undefined && <span className="min-w-0 break-words">{targetNode(entry)}</span>
+                  )}
                   {entry.group && (
                     <span data-group className="min-w-0 break-words text-xs text-muted">
                       {groupText(entry.group)}
@@ -410,7 +445,8 @@ export function AdminActionLog({
                 )}
               </div>
             </li>
-          ))}
+            );
+          })}
         </ol>
       )}
       {paging && paging.total > 0 && (

package/src/admin/admin-area-labels.ts

@@ -32,6 +32,12 @@ export interface AdminAreaLabels {
   /** The row's waiting count, for a reader ("Administration, 3 waiting"); the eye sees
    *  the number in the badge. */
   waiting: (count: number) => string;
+  /**
+   * 0.45 (admin §9.3.4): a button's whole name with its count — "Platform, 2 waiting" —
+   * for an `IconButton` whose `badge` is an `AdminWaitingBadge`: the badge is decorative
+   * there, so the name carries the count. `label` is the button's own name.
+   */
+  waitingLabel: (label: string, count: number) => string;
   /** The 403 page's heading (§2.2 decision 8). */
   forbiddenTitle: string;
   /**
@@ -59,6 +65,7 @@ export interface AdminAreaLabels {
 export const DEFAULT_ADMIN_AREA_LABELS: AdminAreaLabels = {
   title: "Administration",
   waiting: (count) => `${count} waiting`,
+  waitingLabel: (label, count) => `${label}, ${count} waiting`,
   forbiddenTitle: "Only for administrators",
   forbiddenBody: (appName) => `This is where administrators run ${appName}. Your account cannot open this page.`,
   forbiddenHome: "Go to the start page",

package/src/admin/mail-test-card-labels.ts

@@ -0,0 +1,19 @@
+// The English words of ./mail-test-card, in a module with no component code: the English
+// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one
+// chunk like the other languages (0.34, KS U8). ./mail-test-card re-exports them.
+
+import { englishRateLimited } from "../auth/auth-errors";
+import type { MailTestCardLabels } from "./mail-test-card";
+
+/** docs/admin-harmonization.md §9.2.4, word for word. */
+export const DEFAULT_MAIL_TEST_CARD_LABELS: MailTestCardLabels = {
+  title: "Test mail",
+  description: "Sends one mail to your own address, through the transport this installation sends all its mail with.",
+  transport: (backend) => `Transport: ${backend}`,
+  action: "Send a test mail to me",
+  sent: (address) => `Sent to ${address}. Check the inbox.`,
+  console: "The console transport only logs mail; nothing was sent.",
+  failed: "Could not send. The server log has the provider’s answer.",
+  rateLimited: englishRateLimited,
+  keywords: "test mail email e-mail transport smtp resend console send deliver",
+};

package/src/admin/mail-test-card.tsx

@@ -0,0 +1,186 @@
+import { useState } from "react";
+import type { ReactNode } from "react";
+import { Send } from "lucide-react";
+
+import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
+import { isRateLimited, retryAfterSeconds } from "../auth/auth-errors";
+import { AlertBanner } from "../components/alert-banner";
+import { Button } from "../components/button";
+import { Chip } from "../components/chip";
+import { SettingsSection, type SettingsSectionProps } from "../settings/settings-section";
+import { DEFAULT_MAIL_TEST_CARD_LABELS } from "./mail-test-card-labels";
+
+/* ── Labels ──────────────────────────────────────────────────────────────── */
+
+/** Every string {@link MailTestCard} renders — the `mailTestCard` namespace of
+ *  `<UiKitProvider labels>`, overridable per instance through `labels`
+ *  (docs/admin-harmonization.md §9.2.4). */
+export interface MailTestCardLabels {
+  /** The card's title, and the app's catalogue entry's. */
+  title: string;
+  /** The sentence under it. */
+  description: string;
+  /** The transport's chip: "Transport: resend". `backend` is the server's `mail_backend`. */
+  transport: (backend: string) => string;
+  /** The button. */
+  action: string;
+  /** The answer said "sent" through a real transport. `address` is masked ("a…@example.com"). */
+  sent: (address: string) => string;
+  /** `mail_backend` is `console`: said whatever `sent` is — a console answers `true`. */
+  console: string;
+  /** Not sent, or the request failed. The provider's error stays in the server log. */
+  failed: string;
+  /** HTTP 429 — the app's limiter (server-kit's `MAIL_TEST_LIMIT`, 3 per 10 minutes);
+   *  `seconds` from `Retry-After` when the response has one. */
+  rateLimited: (seconds?: number) => string;
+  /** For the app's catalogue entry (`keywords`); the card never reads it. */
+  keywords: string;
+}
+
+// Defined in ./mail-test-card-labels, which holds no component code.
+export { DEFAULT_MAIL_TEST_CARD_LABELS };
+
+/* ── The card ────────────────────────────────────────────────────────────── */
+
+/** The answer of `POST /admin/mail/test` — server-kit 0.15's `MailTestResult`. */
+export interface MailTestAnswer {
+  sent: boolean;
+  /** The transport that took it: `console`, `resend`, `smtp`, … */
+  mail_backend: string;
+}
+
+/** The card's default DOM id: its catalogue entry's `anchor`, the `?focus=` target. */
+export const MAIL_TEST_ANCHOR = "admin-mail-test";
+
+export interface MailTestCardProps
+  extends Omit<SettingsSectionProps, "anchor" | "title" | "description" | "children"> {
+  /** The installation's transport, as the admin page has it (`mail_backend`): the chip
+   *  before a send. After one, the answer's. */
+  mailBackend: string;
+  /** The app's `POST /admin/mail/test` (kastlan `/platform/mail/test`), no body: it
+   *  awaits the app's own send and answers `{sent, mail_backend}`. A rejection is read
+   *  for a 429 (the limiter); anything else is "could not send". */
+  send: () => Promise<MailTestAnswer>;
+  /** The signed-in admin's own address — where the mail goes. Shown masked. */
+  address: string;
+  /** Default {@link MAIL_TEST_ANCHOR}; the app's catalogue entry names the same. */
+  anchor?: string;
+  /** The app's sentence after the kit's description. */
+  description?: ReactNode;
+  labels?: LabelOverride<MailTestCardLabels>;
+}
+
+/**
+ * An address with its local part masked to its first character: "ada@example.com" →
+ * "a…@example.com". The domain stays, so the admin sees which mailbox to open.
+ */
+export function maskMailAddress(address: string): string {
+  const text = address.trim();
+  const at = text.lastIndexOf("@");
+  if (at <= 0) return text === "" ? "" : `${Array.from(text)[0]}…`;
+  return `${Array.from(text.slice(0, at))[0]}…${text.slice(at)}`;
+}
+
+type Outcome =
+  | { kind: "sent"; backend: string }
+  | { kind: "console"; backend: string }
+  | { kind: "failed"; backend?: string }
+  | { kind: "limited"; seconds?: number };
+
+/**
+ * "Send a test mail to me" (docs/admin-harmonization.md §9.2): a `SettingsSection` with a
+ * sentence, the transport as a chip, the button and the result line. One mail goes to the
+ * signed-in admin's own address, never another, through the app's own send.
+ *
+ * **The result line reads `mail_backend` first**: with `console` it says "nothing was sent"
+ * whatever `sent` is, since every console path answers `true` (§9.2 Today). Otherwise
+ * `sent` says "Sent to a…@example.com. Check the inbox." or "Could not send." — the
+ * provider's error stays in the server log (§9.2.7). A 429 says the limiter's line. The
+ * button is busy while the request runs; the line is a live region.
+ *
+ * Not a commit: the test writes nothing, so it is not under the write lock (a demo never
+ * reaches the admin area, and the server refuses it anyway). The app adds the catalogue
+ * entry `{ id, anchor: MAIL_TEST_ANCHOR, title, keywords }` from these labels.
+ */
+export function MailTestCard({
+  mailBackend,
+  send,
+  address,
+  anchor = MAIL_TEST_ANCHOR,
+  description,
+  labels: labelsProp,
+  ...rest
+}: MailTestCardProps) {
+  const labels = useKitLabels("mailTestCard", DEFAULT_MAIL_TEST_CARD_LABELS, labelsProp);
+  const [busy, setBusy] = useState(false);
+  const [outcome, setOutcome] = useState<Outcome | null>(null);
+
+  const run = async () => {
+    if (busy) return;
+    setBusy(true);
+    setOutcome(null);
+    try {
+      const answer = await send();
+      const backend = answer.mail_backend;
+      if (backend === "console") setOutcome({ kind: "console", backend });
+      else setOutcome(answer.sent ? { kind: "sent", backend } : { kind: "failed", backend });
+    } catch (error) {
+      setOutcome(isRateLimited(error) ? { kind: "limited", seconds: retryAfterSeconds(error) } : { kind: "failed" });
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const backend = outcome && "backend" in outcome && outcome.backend ? outcome.backend : mailBackend;
+
+  return (
+    <SettingsSection
+      {...rest}
+      anchor={anchor}
+      title={labels.title}
+      description={
+        description != null ? (
+          <>
+            {labels.description} {description}
+          </>
+        ) : (
+          labels.description
+        )
+      }
+    >
+      <div className="space-y-2">
+        <div className="flex flex-wrap items-center gap-2">
+          <Button variant="secondary" pending={busy} onClick={() => void run()}>
+            <Send className="size-4" aria-hidden />
+            {labels.action}
+          </Button>
+          {backend && (
+            <Chip size="sm" data-slot="mail-backend">
+              {labels.transport(backend)}
+            </Chip>
+          )}
+        </div>
+        {outcome?.kind === "sent" && (
+          <AlertBanner variant="inline" block tone="success">
+            <span data-private>{labels.sent(maskMailAddress(address))}</span>
+          </AlertBanner>
+        )}
+        {outcome?.kind === "console" && (
+          <AlertBanner variant="inline" block tone="info">
+            {labels.console}
+          </AlertBanner>
+        )}
+        {outcome?.kind === "failed" && (
+          <AlertBanner variant="inline" block tone="danger">
+            {labels.failed}
+          </AlertBanner>
+        )}
+        {outcome?.kind === "limited" && (
+          <AlertBanner variant="inline" block tone="warning">
+            {labels.rateLimited(outcome.seconds)}
+          </AlertBanner>
+        )}
+      </div>
+    </SettingsSection>
+  );
+}

package/src/components/data-table-mobile.tsx

@@ -1,5 +1,5 @@
 import { Fragment, useEffect, useId, useMemo, useRef, useState } from "react";
-import type { ReactNode } from "react";
+import type { MouseEvent as ReactMouseEvent, PointerEvent as ReactPointerEvent, ReactNode } from "react";
 import { ArrowDownWideNarrow, ArrowUpNarrowWide, ChevronDown, ChevronRight, Filter } from "lucide-react";
 import { FOCUS_RING } from "./focus-ring";
 import { IconButton } from "./icon-button";
@@ -15,7 +15,7 @@ import { DialogFrame } from "./dialog-frame";
 import { Checkbox } from "./checkbox";
 import { useLongPress } from "../hooks/use-long-press";
 import type { DataTableLabels } from "./data-table-labels";
-import { RowLink, cleanAttrs, columnLabel, fromOutside } from "./data-table-shared";
+import { RowLink, cleanAttrs, columnLabel, fromOutside, fromOwnControl } from "./data-table-shared";
 import type {
   DataTableCellProps,
   DataTableColumn,
@@ -383,7 +383,25 @@ export function MobileRow<T>({
   // Attached whenever the table selects, the hook's `enabled` deciding whether a press
   // arms: its pointerdown also clears a stale swallow latch, which must happen in the
   // mode too, or a long press whose click never came would eat the first toggle.
-  const press = select ? longPress.handlers : undefined;
+  //
+  // A press that starts on a control in a cell (or in a portal one opened) is that
+  // control's, not a way into the mode (keksdose live #428): it only clears the latch.
+  const press = select
+    ? {
+        ...longPress.handlers,
+        onPointerDown: (e: ReactPointerEvent<HTMLElement>) => {
+          if (fromOutside(e.target, e.currentTarget) || fromOwnControl(e.target, e.currentTarget)) {
+            longPress.consumeClick();
+            return;
+          }
+          longPress.handlers.onPointerDown(e);
+        },
+        onContextMenu: (e: ReactMouseEvent<HTMLElement>) => {
+          if (fromOutside(e.target, e.currentTarget) || fromOwnControl(e.target, e.currentTarget)) return;
+          longPress.handlers.onContextMenu(e);
+        },
+      }
+    : undefined;
   const body = selecting ? (
     // In the mode a card is a toggle — kk's register row: `role="button"` with
     // `aria-pressed`, the box beside it only a picture of that state (the card is the
@@ -399,6 +417,8 @@ export function MobileRow<T>({
       {...press}
       onClick={(e) => {
         if (!select!.selectable || fromOutside(e.target, e.currentTarget)) return;
+        // A tap on a control in a cell is that control's (keksdose live #428).
+        if (fromOwnControl(e.target, e.currentTarget)) return;
         select!.onToggle(!select!.selected);
       }}
       onKeyDown={(e) => {
@@ -455,6 +475,9 @@ export function MobileRow<T>({
           interactive
             ? (e) => {
                 if (fromOutside(e.target, e.currentTarget)) return;
+                // A tap on a control in a cell (a select, a button) is that
+                // control's, as on the desktop `<tr>` (keksdose live #428).
+                if (fromOwnControl(e.target, e.currentTarget)) return;
                 onRowClick!(row);
               }
             : undefined

package/src/components/data-table-shared.tsx

@@ -147,6 +147,21 @@ export function fromOutside(target: EventTarget | null, row: HTMLElement): boole
   return !(target instanceof Node) || !row.contains(target);
 }
 
+/**
+ * What counts as a control of its own inside a clickable row: a click or key press
+ * that lands on one of these belongs to it, not to the row's `onRowClick`. The row's
+ * own link (`rowHref`, marked `data-row-link`) is the exception — it IS the row.
+ */
+const OWN_CONTROL =
+  'a[href],button,input,select,textarea,label,summary,[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="option"],[contenteditable=""],[contenteditable="true"],[tabindex]:not([tabindex="-1"])';
+
+/** Whether an event on `row` started on a control nested inside it. */
+export function fromOwnControl(target: EventTarget | null, row: HTMLElement): boolean {
+  if (!(target instanceof Element)) return false;
+  const hit = target.closest(OWN_CONTROL);
+  return !!hit && hit !== row && row.contains(hit) && !hit.hasAttribute("data-row-link");
+}
+
 /** A click the APP owns. Anything else — middle, ⌘/Ctrl, Shift, Alt — belongs to
  *  the browser, and the whole feature is not touching it. */
 const isPlainLeftClick = (e: React.MouseEvent) =>
@@ -215,7 +230,9 @@ export function RowLink({
         }
         // Already cancelled above; this phase only decides what opens. A nested
         // control that stopped propagation deliberately never reaches it, which is
-        // exactly how the row behaved before it became a link.
+        // exactly how the row behaved before it became a link — and one that did not
+        // (a select in a phone card's cell, keksdose live #428) is still its own.
+        if (fromOwnControl(e.target, e.currentTarget)) return;
         onActivate?.();
       }}
     >

package/src/components/data-table.tsx

@@ -10,6 +10,7 @@ import {
   cleanAttrs,
   columnLabel,
   fromOutside,
+  fromOwnControl,
   logicalAlign,
   resolveDataTableLabels,
   splitCellProps,
@@ -702,21 +703,6 @@ export const DEFAULT_DATA_TABLE_SORT_LABELS: DataTableSortLabels = {
 
 const flipDir = (d: SortDir): SortDir => (d === "asc" ? "desc" : "asc");
 
-/**
- * What counts as a control of its own inside a clickable row: a click or key press
- * that lands on one of these belongs to it, not to the row's `onRowClick`. The row's
- * own link (`rowHref`, marked `data-row-link`) is the exception — it IS the row.
- */
-const OWN_CONTROL =
-  'a[href],button,input,select,textarea,label,summary,[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="option"],[contenteditable=""],[contenteditable="true"],[tabindex]:not([tabindex="-1"])';
-
-/** Whether an event on `row` started on a control nested inside it. */
-function fromOwnControl(target: EventTarget | null, row: HTMLElement): boolean {
-  if (!(target instanceof Element)) return false;
-  const hit = target.closest(OWN_CONTROL);
-  return !!hit && hit !== row && row.contains(hit) && !hit.hasAttribute("data-row-link");
-}
-
 /** Arrow/Home/End between the focusable rows of one `<tbody>` — the roving half of
  *  the keyboard-activatable rows (see the row's `onKeyDown`). */
 function moveRowFocus(from: HTMLElement, key: string): boolean {

package/src/i18n/defaults.ts

@@ -100,6 +100,10 @@ import { DEFAULT_ROW_ACTIONS_LABELS } from "../components/row-actions-labels";
 import { DEFAULT_APP_SHELL_MORE_LABELS } from "../shell/app-shell-labels";
 import { DEFAULT_ACCOUNT_STATE_LABELS } from "../components/account-chips-labels";
 import { DEFAULT_ADMIN_AREA_LABELS } from "../admin/admin-area-labels";
+import { DEFAULT_MAIL_TEST_CARD_LABELS } from "../admin/mail-test-card-labels";
+import { DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS } from "../offline/sign-out-pending-dialog-labels";
+import { DEFAULT_PWA_UPDATE_PROMPT_LABELS } from "../offline/pwa-update-prompt-labels";
+import { DEFAULT_SHARED_COMPUTER_LABELS } from "../offline/shared-computer-labels";
 import { DEFAULT_TOP_BAR_PARTS_LABELS } from "../shell/top-bar-parts-labels";
 import { DEFAULT_SHARE_CARD_LABELS } from "../components/share-card-labels";
 import { DEFAULT_REAUTH_DIALOG_LABELS } from "../components/reauth-dialog-labels";
@@ -262,4 +266,8 @@ export const DEFAULT_UI_KIT_LABELS: UiKitLabels = {
   notifications: DEFAULT_NOTIFICATIONS_LABELS,
   adminArea: DEFAULT_ADMIN_AREA_LABELS,
   topBarParts: DEFAULT_TOP_BAR_PARTS_LABELS,
+  mailTestCard: DEFAULT_MAIL_TEST_CARD_LABELS,
+  signOutPending: DEFAULT_SIGN_OUT_PENDING_DIALOG_LABELS,
+  pwaUpdate: DEFAULT_PWA_UPDATE_PROMPT_LABELS,
+  sharedComputer: DEFAULT_SHARED_COMPUTER_LABELS,
 };

package/src/i18n/german.ts

@@ -1409,11 +1409,14 @@ export function germanLabels(numberLocale: string): UiKitLabels {
       // 0.34 (§11.5): whole phrases per noun. `team` in Kurvenschmiede's own words ("Team
       // angelegt", "aufnehmen"), `budget` in keksdose's, `company` with the string
       // `actions.membership_remove` held until 0.34.
+      renamedFromTo: (from, to) => `von ${from} in ${to}`,
       groupActions: {
         group: {
           group_create: "Gruppe erstellt",
           group_rename: "Gruppe umbenannt",
           group_delete: "Gruppe gelöscht",
+          group_deactivate: "Gruppe deaktiviert",
+          group_reactivate: "Gruppe reaktiviert",
           membership_add: "Zur Gruppe hinzugefügt",
           membership_role: "Rolle in der Gruppe geändert",
           membership_remove: "Aus der Gruppe entfernt",
@@ -1423,6 +1426,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
           group_create: "Team angelegt",
           group_rename: "Team umbenannt",
           group_delete: "Team gelöscht",
+          group_deactivate: "Team deaktiviert",
+          group_reactivate: "Team reaktiviert",
           membership_add: "Ins Team aufgenommen",
           membership_role: "Rolle im Team geändert",
           membership_remove: "Aus dem Team entfernt",
@@ -1432,6 +1437,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
           group_create: "Unternehmen erstellt",
           group_rename: "Unternehmen umbenannt",
           group_delete: "Unternehmen gelöscht",
+          group_deactivate: "Unternehmen deaktiviert",
+          group_reactivate: "Unternehmen reaktiviert",
           membership_add: "Zum Unternehmen hinzugefügt",
           membership_role: "Rolle im Unternehmen geändert",
           membership_remove: "Aus dem Unternehmen entfernt",
@@ -1441,6 +1448,8 @@ export function germanLabels(numberLocale: string): UiKitLabels {
           group_create: "Budget erstellt",
           group_rename: "Budget umbenannt",
           group_delete: "Budget gelöscht",
+          group_deactivate: "Budget deaktiviert",
+          group_reactivate: "Budget reaktiviert",
           membership_add: "Zum Budget hinzugefügt",
           membership_role: "Rolle im Budget geändert",
           membership_remove: "Aus dem Budget entfernt",
@@ -1892,9 +1901,21 @@ export function germanLabels(numberLocale: string): UiKitLabels {
     // 0.42.0 — docs/admin-harmonization.md §3.1: the admin area's shared words. "Verwaltung"
     // as settings §5 names the page; "mit Administratorrechten" rather than "für
     // Administratoren", which would give the reader a gender (as `transferOwnership`).
+    mailTestCard: {
+      title: "Testmail",
+      description: "Sendet eine Mail an Ihre eigene Adresse, über den Versand, mit dem diese Installation alle Mails verschickt.",
+      transport: (backend) => `Versand: ${backend}`,
+      action: "Testmail an mich senden",
+      sent: (address) => `An ${address} gesendet. Bitte prüfen Sie den Posteingang.`,
+      console: "Der Konsolen-Versand schreibt Mails nur ins Log; es wurde nichts gesendet.",
+      failed: "Senden fehlgeschlagen. Die Antwort des Anbieters steht im Server-Log.",
+      rateLimited,
+      keywords: "testmail test e-mail mail versand transport smtp resend konsole senden zustellen",
+    },
     adminArea: {
       title: "Verwaltung",
       waiting: (count) => `${n(count)} offen`,
+      waitingLabel: (label, count) => `${label}, ${n(count)} offen`,
       forbiddenTitle: "Nur mit Administratorrechten",
       forbiddenBody: (appName) => `Hier wird ${appName} verwaltet. Ihr Konto kann diese Seite nicht öffnen.`,
       forbiddenHome: "Zur Startseite",
@@ -1966,5 +1987,30 @@ export function germanLabels(numberLocale: string): UiKitLabels {
         billingOff: "Die Abrechnung ist lokal aus: Tarife ändern nichts",
       },
     },
+    // 0.45.0 — docs/local-first-harmonization.md §1.6 (`@eifi1/ui-kit/offline`): keksdose's
+    // reviewed words (nav.logout_queued_*, pwa.*) where it has the language.
+    signOutPending: {
+      title: "Einige Änderungen sind noch nicht auf dem Server",
+      lost: (count) =>
+        count === 1
+          ? `${n(count)} Änderung wartet noch auf die Synchronisierung. Beim Abmelden wird die Kopie auf diesem Gerät gelöscht – und das ist die einzige.`
+          : `${n(count)} Änderungen warten noch auf die Synchronisierung. Beim Abmelden wird die Kopie auf diesem Gerät gelöscht – und das ist die einzige.`,
+      kept: (count) =>
+        count === 1
+          ? `${n(count)} Änderung wartet noch auf die Synchronisierung. Sie bleibt für Sie auf diesem Gerät und wird bei Ihrer nächsten Anmeldung hier synchronisiert.`
+          : `${n(count)} Änderungen warten noch auf die Synchronisierung. Sie bleiben für Sie auf diesem Gerät und werden bei Ihrer nächsten Anmeldung hier synchronisiert.`,
+      syncNow: "Jetzt synchronisieren",
+      signOutAnyway: "Trotzdem abmelden",
+      discardWaiting: "Wartende Änderungen verwerfen",
+      cancel: "Abbrechen",
+    },
+    pwaUpdate: {
+      updateAvailable: "Eine neue Version ist verfügbar.",
+      reload: "Neu laden",
+    },
+    sharedComputer: {
+      label: "Dies ist ein gemeinsam genutzter Computer",
+      hint: "Auf diesem Gerät bleibt keine Kopie Ihrer Daten. Seiten öffnen sich dann nur mit einer Verbindung.",
+    },
   };
 }

package/src/i18n/kit-labels.tsx

@@ -120,7 +120,11 @@ import type { SignChipLabels } from "../components/sign-chip";
 import type { ColumnMapperLabels } from "../components/column-mapper";
 import type { NotificationsLabels } from "../notifications/notifications-labels";
 import type { AdminAreaLabels } from "../admin/admin-area-labels";
+import type { MailTestCardLabels } from "../admin/mail-test-card";
 import type { TopBarPartsLabels } from "../shell/top-bar-parts-labels";
+import type { SignOutPendingDialogLabels } from "../offline/sign-out-pending-dialog";
+import type { PwaUpdatePromptLabels } from "../offline/pwa-update-prompt";
+import type { SharedComputerLabels } from "../offline/shared-computer";
 
 /**
  * EVERY string the kit renders, as one typed tree — and an optional provider that
@@ -487,6 +491,15 @@ export interface UiKitLabels {
   /** 0.42.0: the top bar's shared parts — `TourMenu`, `SyncStatusIndicator`, `DevSwitchers`
    *  (docs/top-bar-harmonization.md §3.1). */
   topBarParts: TopBarPartsLabels;
+  /** 0.45.0: "Send a test mail to me" (docs/admin-harmonization.md §9.2.4). */
+  mailTestCard: MailTestCardLabels;
+  /** 0.45.0: the sign-out question while changes wait to sync (`@eifi1/ui-kit/offline`,
+   *  docs/local-first-harmonization.md §1.6). */
+  signOutPending: SignOutPendingDialogLabels;
+  /** 0.45.0: the service-worker update toast (local-first §1.5 D8). */
+  pwaUpdate: PwaUpdatePromptLabels;
+  /** 0.45.0: "This is a shared computer" on the sign-in form (local-first §1.5 D6). */
+  sharedComputer: SharedComputerLabels;
 }
 
 /**

package/src/i18n/locales/en.ts

@@ -220,6 +220,7 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
     adminArea: {
       ...d.adminArea,
       waiting: (count) => `${n(count)} waiting`,
+      waitingLabel: (label, count) => `${label}, ${n(count)} waiting`,
       tiles: { ...d.adminArea.tiles, usersNew: (count) => `${n(count)} new in 7 days` },
     },
     // 0.43.0: the tours page's counts (docs/tours-harmonization.md §3).
@@ -266,5 +267,16 @@ export function uiKitLabelsEn(numberLocale = "en-US"): UiKitLabels {
       waitingChanges: (count) =>
         count === 1 ? "1 change waiting for a plan" : `${n(count)} changes waiting for a plan`,
     },
+    signOutPending: {
+      ...d.signOutPending,
+      lost: (count) =>
+        count === 1
+          ? d.signOutPending.lost(1)
+          : `${n(count)} changes are still waiting to sync. Logging out clears this device’s copy, and it is the only copy.`,
+      kept: (count) =>
+        count === 1
+          ? d.signOutPending.kept(1)
+          : `${n(count)} changes are still waiting to sync. They stay on this device for you and sync the next time you log in here.`,
+    },
   };
 }