@eifi1/ui-kit 0.29.0 → 0.30.0

package/dist/admin/admin-action-log.d.ts

@@ -0,0 +1,105 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { DateInput } from '../lib/format.js';
+import { AdminPerson } from './admin-parts.js';
+
+/**
+ * The admin actions, as the audit table records them (docs/user-admin-harmonization.md
+ * §2.3, §4.3): `GET /admin/actions?limit=&offset=&target=`, newest first, on the admin
+ * page and filtered to one account from its row.
+ *
+ * Every app writes the same small `admin_actions` row in the transaction of the action
+ * (keksdose and Kurvenschmiede had log lines; kastlan has an HTTP log with no named
+ * action), so the vocabulary is shared — {@link AdminActionKind} — and an app's own
+ * actions join it through `labels.actions`.
+ *
+ * What a row says, and what it never does: who, what, to whom, when, and a summary of the
+ * `detail` the APP writes (ids, roles, counts — never content, §4.3). Three kinds of
+ * actor: an admin; **the user themselves** (`deletion_request`: the actor is the target);
+ * and **nobody** (the scheduled erasure, the hand-over at erasure, §2.7), said as
+ * "automatically". After an erasure the target's name and address are scrubbed and the
+ * row stays: it reads "an erased account".
+ *
+ * It never fetches: the page of rows and the paging are the app's.
+ */
+/** The shared vocabulary of `admin_actions.action` (§4.3). */
+type AdminActionKind = "deactivate" | "reactivate" | "role" | "membership_remove" | "password_change_require" | "password_change_withdraw" | "mail_verification" | "mail_reset" | "reviewer" | "invite" | "invite_resend" | "invite_revoke" | "transfer" | "deletion_request" | "deletion_cancel" | "erase";
+/** Every {@link AdminActionKind}, in the contract's order. */
+declare const ADMIN_ACTION_KINDS: readonly AdminActionKind[];
+/** One logged action — the app's `admin_actions` row with the people joined in. */
+interface AdminActionLogEntry {
+    id: string | number;
+    /** When, as the row's `at`. */
+    at: DateInput;
+    /**
+     * Who did it: a person; `"self"` — the user themselves (a deletion request); or `null`
+     * — nobody, the scheduled job. A person whose `id` (or address) is the target's is
+     * read as `"self"` too.
+     */
+    actor: AdminPerson | "self" | null;
+    /** A {@link AdminActionKind}, or one of the app's own (named in `labels.actions`). */
+    action: AdminActionKind | (string & {});
+    /** Whom it was done to. `null`, or a person with nothing left in it: an erased
+     *  account. An invitation's target is its address (`target_email`). */
+    target?: AdminPerson | null;
+    /** The `detail` in the app's words — "Member → Admin", "12 items to Ben Example". */
+    detail?: ReactNode;
+}
+/** The `adminActionLog` namespace. */
+interface AdminActionLogLabels {
+    /** The list's accessible name. */
+    title: string;
+    empty: string;
+    loading: string;
+    /** "by Ada Example". */
+    by: (actor: string) => string;
+    /** The user acted on their own account. */
+    bySelf: string;
+    /** No actor: a scheduled job. */
+    automatic: string;
+    /** A target scrubbed by an erasure. */
+    erased: string;
+    /** The filter chip: only one account's actions are shown. */
+    filteredTo: (target: string) => string;
+    /** The chip's ×. */
+    showAll: string;
+    /** A target name as a filter button — "Show only the actions on Ada Example". */
+    filterBy: (target: string) => string;
+    /** What each action is called, past tense, keyed by the vocabulary. An app adds its
+     *  own here (`labels={{ actions: { plan: "Plan changed" } }}`). */
+    actions: {
+        [K in AdminActionKind]?: string;
+    } & {
+        [action: string]: string | undefined;
+    };
+}
+declare const DEFAULT_ADMIN_ACTION_LOG_LABELS: AdminActionLogLabels;
+/** The paging of `GET /admin/actions` — DataTable's `ServerPagination`, which the
+ *  footer is. */
+interface AdminActionLogPaging {
+    /** 0-based. */
+    page: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    onPageSizeChange?: (pageSize: number) => void;
+}
+interface AdminActionLogProps {
+    /** One page, newest first, as the server sends it. */
+    entries: readonly AdminActionLogEntry[];
+    /** Left out: no footer (a short list on a row). */
+    paging?: AdminActionLogPaging;
+    /** The page is being fetched. */
+    loading?: boolean;
+    /** The filter in force: only this account's actions are shown (`?target=`). With
+     *  `onTargetFilter`, a chip says so and its × clears it. */
+    target?: AdminPerson | null;
+    /** Filter by an account — or clear it with `null`. Given, every target's name is a
+     *  button that narrows the list to it. Left out, the list is not filterable here. */
+    onTargetFilter?: (target: AdminPerson | null) => void;
+    className?: string;
+    labels?: Partial<AdminActionLogLabels>;
+}
+declare function AdminActionLog({ entries, paging, loading, target, onTargetFilter, className, labels: labelsProp, }: AdminActionLogProps): react.JSX.Element;
+
+export { ADMIN_ACTION_KINDS, type AdminActionKind, AdminActionLog, type AdminActionLogEntry, type AdminActionLogLabels, type AdminActionLogPaging, type AdminActionLogProps, DEFAULT_ADMIN_ACTION_LOG_LABELS };

package/dist/admin/admin-action-log.js

@@ -0,0 +1,153 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../lib/cn.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { DateMark } from "../components/account-chips.js";
+import { Chip } from "../components/chip.js";
+import { Pagination } from "../components/data-table-pagination.js";
+import { Caption } from "../components/text.js";
+import { Button, Spinner } from "../components/ui.js";
+import { usePersonLabel } from "./admin-parts.js";
+const ADMIN_ACTION_KINDS = [
+  "deactivate",
+  "reactivate",
+  "role",
+  "membership_remove",
+  "password_change_require",
+  "password_change_withdraw",
+  "mail_verification",
+  "mail_reset",
+  "reviewer",
+  "invite",
+  "invite_resend",
+  "invite_revoke",
+  "transfer",
+  "deletion_request",
+  "deletion_cancel",
+  "erase"
+];
+const DEFAULT_ADMIN_ACTION_LOG_LABELS = {
+  title: "Admin actions",
+  empty: "No admin actions yet.",
+  loading: "Loading\u2026",
+  by: (actor) => `by ${actor}`,
+  bySelf: "by the user themselves",
+  automatic: "automatically",
+  erased: "an erased account",
+  filteredTo: (target) => `Only ${target}`,
+  showAll: "Show all actions",
+  filterBy: (target) => `Show only the actions on ${target}`,
+  actions: {
+    deactivate: "Deactivated",
+    reactivate: "Reactivated",
+    role: "Role changed",
+    membership_remove: "Removed from the company",
+    password_change_require: "New password required",
+    password_change_withdraw: "Password requirement withdrawn",
+    mail_verification: "Verification mail sent",
+    mail_reset: "Password reset mail sent",
+    reviewer: "Reviewer scope changed",
+    invite: "Invited",
+    invite_resend: "Invitation resent",
+    invite_revoke: "Invitation revoked",
+    transfer: "Work transferred",
+    deletion_request: "Deletion requested",
+    deletion_cancel: "Deletion cancelled",
+    erase: "Account erased"
+  }
+};
+function scrubbed(person) {
+  return !person || ![person.first, person.last, person.name, person.email].some((part) => (part ?? "").trim());
+}
+function samePerson(a, b) {
+  if (!b) return false;
+  if (a.id !== void 0 && a.id !== null && b.id !== void 0 && b.id !== null) return a.id === b.id;
+  const ea = (a.email ?? "").trim().toLowerCase();
+  return ea !== "" && ea === (b.email ?? "").trim().toLowerCase();
+}
+function AdminActionLog({
+  entries,
+  paging,
+  loading = false,
+  target,
+  onTargetFilter,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("adminActionLog", DEFAULT_ADMIN_ACTION_LOG_LABELS, labelsProp);
+  const nameOf = usePersonLabel();
+  const filtered = target !== void 0 && target !== null && !scrubbed(target);
+  const actorText = (entry) => {
+    const { actor } = entry;
+    if (actor === null) return labels.automatic;
+    if (actor === "self" || samePerson(actor, entry.target)) return labels.bySelf;
+    return labels.by(nameOf(actor) || labels.erased);
+  };
+  const targetNode = (entry) => {
+    if (scrubbed(entry.target)) return /* @__PURE__ */ jsx("span", { className: "italic text-[var(--text-muted)]", children: labels.erased });
+    const person = entry.target;
+    const name = nameOf(person);
+    const address = (person.email ?? "").trim();
+    const text = /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { "data-private": true, className: "font-medium text-[var(--text-primary)]", children: name }),
+      address && address !== name && /* @__PURE__ */ jsx("span", { "data-private": true, className: "ms-1 text-xs text-[var(--text-muted)]", children: address })
+    ] });
+    if (!onTargetFilter || filtered && samePerson(person, target)) return text;
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "link",
+        size: "sm",
+        className: "h-auto min-h-0 p-0 text-start",
+        "aria-label": labels.filterBy(name),
+        onClick: () => onTargetFilter(person),
+        children: text
+      }
+    );
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", className), children: [
+    filtered && onTargetFilter && /* @__PURE__ */ jsx(Chip, { size: "sm", tone: "brand", onRemove: () => onTargetFilter(null), removeLabel: labels.showAll, children: /* @__PURE__ */ jsx("span", { "data-private": true, children: labels.filteredTo(nameOf(target)) }) }),
+    loading && entries.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx(Spinner, { label: labels.loading }) }) : entries.length === 0 ? /* @__PURE__ */ jsx(Caption, { children: labels.empty }) : /* @__PURE__ */ jsx(
+      "ol",
+      {
+        "aria-label": labels.title,
+        "aria-busy": loading || void 0,
+        className: cn("divide-y divide-[var(--border)]", loading && "opacity-60"),
+        children: entries.map((entry) => /* @__PURE__ */ jsxs("li", { "data-action": entry.action, className: "space-y-0.5 py-2 first:pt-0 last:pb-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5 text-sm", children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-[var(--text-primary)]", children: labels.actions[entry.action] ?? entry.action }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: targetNode(entry) })
+            ] }),
+            /* @__PURE__ */ jsx(DateMark, { value: entry.at, display: "relative", className: "text-xs text-[var(--text-muted)]" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "text-xs text-[var(--text-muted)]", children: [
+            /* @__PURE__ */ jsx("span", { "data-private": entry.actor !== null && entry.actor !== "self" ? true : void 0, children: actorText(entry) }),
+            entry.detail !== void 0 && entry.detail !== null && entry.detail !== "" && /* @__PURE__ */ jsxs(Fragment, { children: [
+              " \xB7 ",
+              /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: entry.detail })
+            ] })
+          ] })
+        ] }, entry.id))
+      }
+    ),
+    paging && paging.total > 0 && /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        page: paging.page,
+        pageSize: paging.pageSize,
+        total: paging.total,
+        totalPages: Math.max(1, Math.ceil(paging.total / Math.max(1, paging.pageSize))),
+        onPage: paging.onPageChange,
+        onPageSize: paging.onPageSizeChange
+      }
+    )
+  ] });
+}
+export {
+  ADMIN_ACTION_KINDS,
+  AdminActionLog,
+  DEFAULT_ADMIN_ACTION_LOG_LABELS
+};
+//# sourceMappingURL=admin-action-log.js.map

package/dist/admin/admin-action-log.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/admin-action-log.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport type { DateInput } from \"../lib/format\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { DateMark } from \"../components/account-chips\";\nimport { Chip } from \"../components/chip\";\nimport { Pagination } from \"../components/data-table-pagination\";\nimport { Caption } from \"../components/text\";\nimport { Button, Spinner } from \"../components/ui\";\nimport { usePersonLabel } from \"./admin-parts\";\nimport type { AdminPerson } from \"./admin-parts\";\n\n/**\n * The admin actions, as the audit table records them (docs/user-admin-harmonization.md\n * §2.3, §4.3): `GET /admin/actions?limit=&offset=&target=`, newest first, on the admin\n * page and filtered to one account from its row.\n *\n * Every app writes the same small `admin_actions` row in the transaction of the action\n * (keksdose and Kurvenschmiede had log lines; kastlan has an HTTP log with no named\n * action), so the vocabulary is shared — {@link AdminActionKind} — and an app's own\n * actions join it through `labels.actions`.\n *\n * What a row says, and what it never does: who, what, to whom, when, and a summary of the\n * `detail` the APP writes (ids, roles, counts — never content, §4.3). Three kinds of\n * actor: an admin; **the user themselves** (`deletion_request`: the actor is the target);\n * and **nobody** (the scheduled erasure, the hand-over at erasure, §2.7), said as\n * \"automatically\". After an erasure the target's name and address are scrubbed and the\n * row stays: it reads \"an erased account\".\n *\n * It never fetches: the page of rows and the paging are the app's.\n */\n\n/** The shared vocabulary of `admin_actions.action` (§4.3). */\nexport type AdminActionKind =\n  | \"deactivate\"\n  | \"reactivate\"\n  | \"role\"\n  | \"membership_remove\"\n  | \"password_change_require\"\n  | \"password_change_withdraw\"\n  | \"mail_verification\"\n  | \"mail_reset\"\n  | \"reviewer\"\n  | \"invite\"\n  | \"invite_resend\"\n  | \"invite_revoke\"\n  | \"transfer\"\n  | \"deletion_request\"\n  | \"deletion_cancel\"\n  | \"erase\";\n\n/** Every {@link AdminActionKind}, in the contract's order. */\nexport const ADMIN_ACTION_KINDS: readonly AdminActionKind[] = [\n  \"deactivate\",\n  \"reactivate\",\n  \"role\",\n  \"membership_remove\",\n  \"password_change_require\",\n  \"password_change_withdraw\",\n  \"mail_verification\",\n  \"mail_reset\",\n  \"reviewer\",\n  \"invite\",\n  \"invite_resend\",\n  \"invite_revoke\",\n  \"transfer\",\n  \"deletion_request\",\n  \"deletion_cancel\",\n  \"erase\",\n];\n\n/** One logged action — the app's `admin_actions` row with the people joined in. */\nexport interface AdminActionLogEntry {\n  id: string | number;\n  /** When, as the row's `at`. */\n  at: DateInput;\n  /**\n   * Who did it: a person; `\"self\"` — the user themselves (a deletion request); or `null`\n   * — nobody, the scheduled job. A person whose `id` (or address) is the target's is\n   * read as `\"self\"` too.\n   */\n  actor: AdminPerson | \"self\" | null;\n  /** A {@link AdminActionKind}, or one of the app's own (named in `labels.actions`). */\n  action: AdminActionKind | (string & {});\n  /** Whom it was done to. `null`, or a person with nothing left in it: an erased\n   *  account. An invitation's target is its address (`target_email`). */\n  target?: AdminPerson | null;\n  /** The `detail` in the app's words — \"Member → Admin\", \"12 items to Ben Example\". */\n  detail?: ReactNode;\n}\n\n/** The `adminActionLog` namespace. */\nexport interface AdminActionLogLabels {\n  /** The list's accessible name. */\n  title: string;\n  empty: string;\n  loading: string;\n  /** \"by Ada Example\". */\n  by: (actor: string) => string;\n  /** The user acted on their own account. */\n  bySelf: string;\n  /** No actor: a scheduled job. */\n  automatic: string;\n  /** A target scrubbed by an erasure. */\n  erased: string;\n  /** The filter chip: only one account's actions are shown. */\n  filteredTo: (target: string) => string;\n  /** The chip's ×. */\n  showAll: string;\n  /** A target name as a filter button — \"Show only the actions on Ada Example\". */\n  filterBy: (target: string) => string;\n  /** What each action is called, past tense, keyed by the vocabulary. An app adds its\n   *  own here (`labels={{ actions: { plan: \"Plan changed\" } }}`). */\n  actions: { [K in AdminActionKind]?: string } & { [action: string]: string | undefined };\n}\n\nexport const DEFAULT_ADMIN_ACTION_LOG_LABELS: AdminActionLogLabels = {\n  title: \"Admin actions\",\n  empty: \"No admin actions yet.\",\n  loading: \"Loading…\",\n  by: (actor) => `by ${actor}`,\n  bySelf: \"by the user themselves\",\n  automatic: \"automatically\",\n  erased: \"an erased account\",\n  filteredTo: (target) => `Only ${target}`,\n  showAll: \"Show all actions\",\n  filterBy: (target) => `Show only the actions on ${target}`,\n  actions: {\n    deactivate: \"Deactivated\",\n    reactivate: \"Reactivated\",\n    role: \"Role changed\",\n    membership_remove: \"Removed from the company\",\n    password_change_require: \"New password required\",\n    password_change_withdraw: \"Password requirement withdrawn\",\n    mail_verification: \"Verification mail sent\",\n    mail_reset: \"Password reset mail sent\",\n    reviewer: \"Reviewer scope changed\",\n    invite: \"Invited\",\n    invite_resend: \"Invitation resent\",\n    invite_revoke: \"Invitation revoked\",\n    transfer: \"Work transferred\",\n    deletion_request: \"Deletion requested\",\n    deletion_cancel: \"Deletion cancelled\",\n    erase: \"Account erased\",\n  },\n};\n\n/** The paging of `GET /admin/actions` — DataTable's `ServerPagination`, which the\n *  footer is. */\nexport interface AdminActionLogPaging {\n  /** 0-based. */\n  page: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n}\n\nexport interface AdminActionLogProps {\n  /** One page, newest first, as the server sends it. */\n  entries: readonly AdminActionLogEntry[];\n  /** Left out: no footer (a short list on a row). */\n  paging?: AdminActionLogPaging;\n  /** The page is being fetched. */\n  loading?: boolean;\n  /** The filter in force: only this account's actions are shown (`?target=`). With\n   *  `onTargetFilter`, a chip says so and its × clears it. */\n  target?: AdminPerson | null;\n  /** Filter by an account — or clear it with `null`. Given, every target's name is a\n   *  button that narrows the list to it. Left out, the list is not filterable here. */\n  onTargetFilter?: (target: AdminPerson | null) => void;\n  className?: string;\n  labels?: Partial<AdminActionLogLabels>;\n}\n\n/** Whether a person has nothing left that names them — an erased target. */\nfunction scrubbed(person: AdminPerson | null | undefined): boolean {\n  return !person || ![person.first, person.last, person.name, person.email].some((part) => (part ?? \"\").trim());\n}\n\nfunction samePerson(a: AdminPerson, b: AdminPerson | null | undefined): boolean {\n  if (!b) return false;\n  if (a.id !== undefined && a.id !== null && b.id !== undefined && b.id !== null) return a.id === b.id;\n  const ea = (a.email ?? \"\").trim().toLowerCase();\n  return ea !== \"\" && ea === (b.email ?? \"\").trim().toLowerCase();\n}\n\nexport function AdminActionLog({\n  entries,\n  paging,\n  loading = false,\n  target,\n  onTargetFilter,\n  className,\n  labels: labelsProp,\n}: AdminActionLogProps) {\n  const labels = useKitLabels(\"adminActionLog\", DEFAULT_ADMIN_ACTION_LOG_LABELS, labelsProp);\n  const nameOf = usePersonLabel();\n  const filtered = target !== undefined && target !== null && !scrubbed(target);\n\n  const actorText = (entry: AdminActionLogEntry): string => {\n    const { actor } = entry;\n    if (actor === null) return labels.automatic;\n    if (actor === \"self\" || samePerson(actor, entry.target)) return labels.bySelf;\n    return labels.by(nameOf(actor) || labels.erased);\n  };\n\n  const targetNode = (entry: AdminActionLogEntry): ReactNode => {\n    if (scrubbed(entry.target)) return <span className=\"italic text-[var(--text-muted)]\">{labels.erased}</span>;\n    const person = entry.target!;\n    const name = nameOf(person);\n    const address = (person.email ?? \"\").trim();\n    const text = (\n      <>\n        <span data-private className=\"font-medium text-[var(--text-primary)]\">\n          {name}\n        </span>\n        {address && address !== name && (\n          <span data-private className=\"ms-1 text-xs text-[var(--text-muted)]\">\n            {address}\n          </span>\n        )}\n      </>\n    );\n    if (!onTargetFilter || (filtered && samePerson(person, target))) return text;\n    return (\n      <Button\n        type=\"button\"\n        variant=\"link\"\n        size=\"sm\"\n        className=\"h-auto min-h-0 p-0 text-start\"\n        aria-label={labels.filterBy(name)}\n        onClick={() => onTargetFilter(person)}\n      >\n        {text}\n      </Button>\n    );\n  };\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {filtered && onTargetFilter && (\n        <Chip size=\"sm\" tone=\"brand\" onRemove={() => onTargetFilter(null)} removeLabel={labels.showAll}>\n          <span data-private>{labels.filteredTo(nameOf(target))}</span>\n        </Chip>\n      )}\n      {loading && entries.length === 0 ? (\n        <div className=\"flex justify-center py-4\">\n          <Spinner label={labels.loading} />\n        </div>\n      ) : entries.length === 0 ? (\n        <Caption>{labels.empty}</Caption>\n      ) : (\n        <ol\n          aria-label={labels.title}\n          aria-busy={loading || undefined}\n          className={cn(\"divide-y divide-[var(--border)]\", loading && \"opacity-60\")}\n        >\n          {entries.map((entry) => (\n            <li key={entry.id} data-action={entry.action} className=\"space-y-0.5 py-2 first:pt-0 last:pb-0\">\n              <div className=\"flex flex-wrap items-baseline justify-between gap-x-3 gap-y-0.5\">\n                <div className=\"flex min-w-0 flex-wrap items-baseline gap-x-2 gap-y-0.5 text-sm\">\n                  <span className=\"font-medium text-[var(--text-primary)]\">\n                    {labels.actions[entry.action] ?? entry.action}\n                  </span>\n                  <span className=\"min-w-0 break-words\">{targetNode(entry)}</span>\n                </div>\n                <DateMark value={entry.at} display=\"relative\" className=\"text-xs text-[var(--text-muted)]\" />\n              </div>\n              <div className=\"text-xs text-[var(--text-muted)]\">\n                <span data-private={entry.actor !== null && entry.actor !== \"self\" ? true : undefined}>\n                  {actorText(entry)}\n                </span>\n                {entry.detail !== undefined && entry.detail !== null && entry.detail !== \"\" && (\n                  <>\n                    {\" · \"}\n                    <span className=\"text-[var(--text-secondary)]\">{entry.detail}</span>\n                  </>\n                )}\n              </div>\n            </li>\n          ))}\n        </ol>\n      )}\n      {paging && paging.total > 0 && (\n        <Pagination\n          page={paging.page}\n          pageSize={paging.pageSize}\n          total={paging.total}\n          totalPages={Math.max(1, Math.ceil(paging.total / Math.max(1, paging.pageSize)))}\n          onPage={paging.onPageChange}\n          onPageSize={paging.onPageSizeChange}\n        />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/admin/admin-parts.d.ts

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { DateInput } from '../lib/format.js';
+
+/**
+ * What the admin parts share and do not export (0.30.0). Internal to `src/admin`.
+ *
+ * @internal
+ */
+/** A callback that may answer a promise: resolve = done, reject = stay and say why. */
+type MaybePromise<T = unknown> = void | Promise<T>;
+/** A person as the admin parts show one: the two name parts of the auth contract
+ *  (§3.2), an older whole `name` as the fallback, and the address. */
+interface AdminPerson {
+    id?: string | number | null;
+    first?: string | null;
+    last?: string | null;
+    /** A whole name, for an API that still sends `display_name` only. */
+    name?: string | null;
+    email?: string | null;
+}
+/** A label that is really there — `null`, `false` and `""` are what `cond && text`
+ *  evaluates to on the path where there is none. */
+declare function hasMessage(node: ReactNode): boolean;
+/**
+ * The name to say for a person, in the READER's order (auth §3.2,
+ * {@link formatPersonName}), else the whole `name`, else the address, else `""`.
+ */
+declare function personLabel(person: AdminPerson | null | undefined, locale: string | undefined): string;
+/** {@link personLabel} in the provider's locale. */
+declare function usePersonLabel(localeProp?: string): (person: AdminPerson | null | undefined) => string;
+/**
+ * A day as words in a sentence ("6 Nov 2026"): the provider's `formatDate` when the app
+ * set one (keksdose K12), asked for no weekday — a date in a sentence carries none — else
+ * `Intl`'s medium date. `""` for no date.
+ */
+declare function useDayText(localeProp?: string): (value: DateInput) => string;
+/** Call a callback that may throw or answer a promise, as a promise. */
+declare function settle<T>(call: () => MaybePromise<T>): Promise<T | void>;
+
+export { type AdminPerson, type MaybePromise, hasMessage, personLabel, settle, useDayText, usePersonLabel };

package/dist/admin/admin-parts.js

@@ -0,0 +1,45 @@
+"use client";
+import { useCallback } from "react";
+import { useKitDateFormatter, useKitLocale } from "../i18n/kit-labels.js";
+import { formatDate, toDate } from "../lib/format.js";
+import { toLocalIso } from "../lib/dates.js";
+import { formatPersonName } from "../lib/person-name.js";
+function hasMessage(node) {
+  return node !== void 0 && node !== null && node !== false && node !== "";
+}
+function personLabel(person, locale) {
+  if (!person) return "";
+  return formatPersonName({ first: person.first, last: person.last }, locale) || (person.name ?? "").trim() || (person.email ?? "").trim();
+}
+function usePersonLabel(localeProp) {
+  const locale = useKitLocale(localeProp);
+  return useCallback((person) => personLabel(person, locale), [locale]);
+}
+function useDayText(localeProp) {
+  const locale = useKitLocale(localeProp);
+  const fromProvider = useKitDateFormatter();
+  return useCallback(
+    (value) => {
+      const date = toDate(value);
+      if (!date) return "";
+      const own = fromProvider ? fromProvider(toLocalIso(date), { unit: "day", source: "dateMark", locale, weekday: false }) : "";
+      return own || formatDate(date, "medium", { locale });
+    },
+    [fromProvider, locale]
+  );
+}
+function settle(call) {
+  try {
+    return Promise.resolve(call());
+  } catch (error) {
+    return Promise.reject(error);
+  }
+}
+export {
+  hasMessage,
+  personLabel,
+  settle,
+  useDayText,
+  usePersonLabel
+};
+//# sourceMappingURL=admin-parts.js.map

package/dist/admin/admin-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/admin/admin-parts.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { useKitDateFormatter, useKitLocale } from \"../i18n/kit-labels\";\nimport { formatDate, toDate } from \"../lib/format\";\nimport type { DateInput } from \"../lib/format\";\nimport { toLocalIso } from \"../lib/dates\";\nimport { formatPersonName } from \"../lib/person-name\";\n\n/**\n * What the admin parts share and do not export (0.30.0). Internal to `src/admin`.\n *\n * @internal\n */\n\n/** A callback that may answer a promise: resolve = done, reject = stay and say why. */\nexport type MaybePromise<T = unknown> = void | Promise<T>;\n\n/** A person as the admin parts show one: the two name parts of the auth contract\n *  (§3.2), an older whole `name` as the fallback, and the address. */\nexport interface AdminPerson {\n  id?: string | number | null;\n  first?: string | null;\n  last?: string | null;\n  /** A whole name, for an API that still sends `display_name` only. */\n  name?: string | null;\n  email?: string | null;\n}\n\n/** A label that is really there — `null`, `false` and `\"\"` are what `cond && text`\n *  evaluates to on the path where there is none. */\nexport function hasMessage(node: ReactNode): boolean {\n  return node !== undefined && node !== null && node !== false && node !== \"\";\n}\n\n/**\n * The name to say for a person, in the READER's order (auth §3.2,\n * {@link formatPersonName}), else the whole `name`, else the address, else `\"\"`.\n */\nexport function personLabel(person: AdminPerson | null | undefined, locale: string | undefined): string {\n  if (!person) return \"\";\n  return (\n    formatPersonName({ first: person.first, last: person.last }, locale) ||\n    (person.name ?? \"\").trim() ||\n    (person.email ?? \"\").trim()\n  );\n}\n\n/** {@link personLabel} in the provider's locale. */\nexport function usePersonLabel(localeProp?: string): (person: AdminPerson | null | undefined) => string {\n  const locale = useKitLocale(localeProp);\n  return useCallback((person) => personLabel(person, locale), [locale]);\n}\n\n/**\n * A day as words in a sentence (\"6 Nov 2026\"): the provider's `formatDate` when the app\n * set one (keksdose K12), asked for no weekday — a date in a sentence carries none — else\n * `Intl`'s medium date. `\"\"` for no date.\n */\nexport function useDayText(localeProp?: string): (value: DateInput) => string {\n  const locale = useKitLocale(localeProp);\n  const fromProvider = useKitDateFormatter();\n  return useCallback(\n    (value) => {\n      const date = toDate(value);\n      if (!date) return \"\";\n      const own = fromProvider\n        ? fromProvider(toLocalIso(date), { unit: \"day\", source: \"dateMark\", locale, weekday: false })\n        : \"\";\n      return own || formatDate(date, \"medium\", { locale });\n    },\n    [fromProvider, locale],\n  );\n}\n\n/** Call a callback that may throw or answer a promise, as a promise. */\nexport function settle<T>(call: () => MaybePromise<T>): Promise<T | void> {\n  try {\n    return Promise.resolve(call());\n  } catch (error) {\n    return Promise.reject(error);\n  }\n}\n"],"mappings":";AAAA,SAAS,mBAAmB;AAE5B,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,YAAY,cAAc;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,wBAAwB;AAwB1B,SAAS,WAAW,MAA0B;AACnD,SAAO,SAAS,UAAa,SAAS,QAAQ,SAAS,SAAS,SAAS;AAC3E;AAMO,SAAS,YAAY,QAAwC,QAAoC;AACtG,MAAI,CAAC,OAAQ,QAAO;AACpB,SACE,iBAAiB,EAAE,OAAO,OAAO,OAAO,MAAM,OAAO,KAAK,GAAG,MAAM,MAClE,OAAO,QAAQ,IAAI,KAAK,MACxB,OAAO,SAAS,IAAI,KAAK;AAE9B;AAGO,SAAS,eAAe,YAAyE;AACtG,QAAM,SAAS,aAAa,UAAU;AACtC,SAAO,YAAY,CAAC,WAAW,YAAY,QAAQ,MAAM,GAAG,CAAC,MAAM,CAAC;AACtE;AAOO,SAAS,WAAW,YAAmD;AAC5E,QAAM,SAAS,aAAa,UAAU;AACtC,QAAM,eAAe,oBAAoB;AACzC,SAAO;AAAA,IACL,CAAC,UAAU;AACT,YAAM,OAAO,OAAO,KAAK;AACzB,UAAI,CAAC,KAAM,QAAO;AAClB,YAAM,MAAM,eACR,aAAa,WAAW,IAAI,GAAG,EAAE,MAAM,OAAO,QAAQ,YAAY,QAAQ,SAAS,MAAM,CAAC,IAC1F;AACJ,aAAO,OAAO,WAAW,MAAM,UAAU,EAAE,OAAO,CAAC;AAAA,IACrD;AAAA,IACA,CAAC,cAAc,MAAM;AAAA,EACvB;AACF;AAGO,SAAS,OAAU,MAAgD;AACxE,MAAI;AACF,WAAO,QAAQ,QAAQ,KAAK,CAAC;AAAA,EAC/B,SAAS,OAAO;AACd,WAAO,QAAQ,OAAO,KAAK;AAAA,EAC7B;AACF;","names":[]}

package/dist/admin/invitations-panel.d.ts

@@ -0,0 +1,91 @@
+import 'react';
+import '../lib/format.js';
+export { cv as DEFAULT_INVITATIONS_LABELS, dE as InvitationDraft, dF as InvitationRow, dG as InvitationScope, dH as InvitationSentAnswer, dI as InvitationStatus, dJ as InvitationsLabels, dK as InvitationsPanel, dL as InvitationsPanelProps } from '../delete-account-setting-CGVMckMw.js';
+import '../components/account-chips.js';
+import './admin-parts.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-DUELeXpa.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/user-avatar.js';
+import '../lib/person-name.js';
+import '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.js';
+import '../shell/topbar-action-menu.js';
+import '../components/menu-item.js';
+import '../components/floating-panel.js';
+import '../hooks/use-authed-src.js';
+import '../components/account-settings-labels.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../auth/sign-in-form.js';
+import '../shell/topbar-controls.js';
+import '../theme/palette-presets.js';
+import '../theme/chart-palette.js';
+import '../theme/theme-store.js';
+import 'zustand/middleware';
+import 'zustand';
+import '../auth/complete-name-dialog.js';
+import '../auth/forgot-password-form.js';
+import '../auth/status-parts.js';
+import '../auth/reset-password-form.js';
+import '../auth/verify-email.js';
+import '../auth/not-found-page.js';
+import '../auth/accept-invitation.js';
+import '../shell/company-switcher.js';
+import '../account/email-change-setting.js';
+import '../account/sessions-setting.js';
+import '../account/data-export-setting.js';
+import './admin-action-log.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';