@eifi1/ui-kit 0.51.3 → 0.51.5

package/dist/lib/translation-review.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/translation-review.ts"],"sourcesContent":["/**\n * The pure half of an app's translation review (H1 in docs/i18n-harmonization.md): from\n * the strings the app ships and the verdicts its server stores to one row per (locale,\n * key) with a status — keksdose's `features/translations/translation-catalogue.ts` and\n * kastlan's copy of it, which had grown apart by a fifth status and a second kind of key.\n *\n * WHY THE STRINGS ARE THE CATALOGUE. Nothing on the server lists which strings exist: a\n * verdict only says what somebody thought of one. So the rows are built from what the app\n * ships — its locale bundles, kastlan's document texts, the kit's own words\n * (`kitLabelStrings`) — and the review can never offer a string users do not see. A\n * verdict is stored WITH the wording it was given on, and a string that changed since is\n * noticed by comparing the two: `changed`, read it again, whatever the verdict was.\n *\n * WHAT STAYS IN THE APP. Which locale is read against which (keksdose: everything against\n * English, English against de-CH; kastlan: against German, German against English), where\n * the strings come from, who may review what (the locales and areas its server answers\n * with), and every request. The kit takes those as input and never derives them.\n *\n * camelCase, like the rest of the kit. The contract's wire shape is snake_case\n * (`reference_text`, `reviewer_name`, `reviewed_at`); {@link fromApiReview} and\n * {@link toApiWrite} are the two lines each app would otherwise write — both apps speak\n * the same contract, so the mapping is written once, here.\n */\n\nimport { foldForSearch } from \"./text-match\";\n\n// ── Shapes ──────────────────────────────────────────────────────────────────────\n\nexport type TranslationVerdict = \"APPROVED\" | \"NEEDS_CHANGE\";\n\n/** One stored verdict: what a reviewer said about one string in one locale. */\nexport interface TranslationReview {\n  locale: string;\n  key: string;\n  /** The wording that was judged — compared with today's to notice a change. Empty for\n   *  a string the locale lacked (a suggested translation for a `missing` row). */\n  text: string;\n  /** The reference wording at the time. `null` from a server that did not store it. */\n  referenceText: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  /** The reviewer's wording — or, for a missing string, the translation to add. */\n  suggestion: string | null;\n  /** `null` once the reviewer's account has been erased. */\n  reviewerName: string | null;\n  /** ISO timestamp. */\n  reviewedAt: string;\n}\n\n/** What a save sends: the verdict plus the wording it is given on. */\nexport interface TranslationReviewWrite {\n  locale: string;\n  key: string;\n  text: string;\n  referenceText: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n}\n\n/** What a reset sends: back to \"unreviewed\". */\nexport interface TranslationReviewKey {\n  locale: string;\n  key: string;\n}\n\n/**\n * Where a string stands, in the order a reviewer works through them: what is not there\n * at all, what nobody has read, what changed after it was read, what was sent back, and\n * what is done. `missing` never occurs for an app whose locales have every key\n * (keksdose); kastlan's French lacks 172 screen texts.\n */\nexport type ReviewStatus = \"missing\" | \"unreviewed\" | \"changed\" | \"needs_change\" | \"approved\";\n\nexport const REVIEW_STATUSES: readonly ReviewStatus[] = [\n  \"missing\",\n  \"unreviewed\",\n  \"changed\",\n  \"needs_change\",\n  \"approved\",\n];\n\nexport interface TranslationRow {\n  /** `${locale}|${key}` — unique across every locale on a page. A bar, not a colon:\n   *  kastlan's keys contain colons (`common:actions.save`). */\n  id: string;\n  key: string;\n  /** The key's group: `budget` for `budget.rta`, `common` for `common:actions.save`,\n   *  `kit` for the kit's own words. See {@link keyNamespace}. */\n  namespace: string;\n  /** Where the string comes from, in the app's own words — kastlan's `screen` and\n   *  `documents`, keksdose's one source. `\"\"` when the app does not say. */\n  source: string;\n  locale: string;\n  /** The wording users see today; empty when the locale lacks the string. */\n  text: string;\n  /** The same key in the reference locale. */\n  reference: string;\n  status: ReviewStatus;\n  review: TranslationReview | null;\n  /** The interpolations and tags differ from the reference's — `{{count}}` dropped, a\n   *  `<1>` link lost, a `{date}` renamed. A machine can check that much, so it does,\n   *  before a person reads. Never set on a missing string: it has nothing to lose. */\n  placeholderMismatch: boolean;\n}\n\n// ── The wire contract ───────────────────────────────────────────────────────────\n\n/** A verdict as `GET /translations/reviews` returns it (H1's shared contract). Typed\n *  structurally, so an app's generated OpenAPI type fits without a cast. */\nexport interface ApiTranslationReview {\n  locale: string;\n  key: string;\n  text: string;\n  reference_text: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n  reviewer_name: string | null;\n  /** server-kit 0.10: the name's two parts (`reviewer_name` is them in the reader's order). */\n  reviewer_first_name?: string | null;\n  reviewer_last_name?: string | null;\n  reviewed_at: string;\n}\n\n/** `GET /translations/reviews` (server-kit `TranslationReviewsResponse`): the locales and\n *  areas the caller may review (`areas` null: every area; `[\"kit\"]` for a review token)\n *  and every stored verdict in them. Typed structurally, as {@link ApiTranslationReview}. */\nexport interface ApiTranslationReviewsResponse {\n  locales: string[];\n  areas?: string[] | null;\n  reviews: ApiTranslationReview[];\n}\n\n/** One item of `PUT /translations/reviews`. */\nexport interface ApiTranslationReviewWrite {\n  locale: string;\n  key: string;\n  text: string;\n  reference_text: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n}\n\n/** A verdict from the server, in the kit's spelling. */\nexport function fromApiReview(review: ApiTranslationReview): TranslationReview {\n  return {\n    locale: review.locale,\n    key: review.key,\n    text: review.text,\n    referenceText: review.reference_text,\n    verdict: review.verdict,\n    note: review.note,\n    suggestion: review.suggestion,\n    reviewerName: review.reviewer_name,\n    reviewedAt: review.reviewed_at,\n  };\n}\n\n/** A save, in the server's spelling. `TranslationReviewKey` needs no mapping — it is\n *  `{ locale, key }` on both sides. */\nexport function toApiWrite(write: TranslationReviewWrite): ApiTranslationReviewWrite {\n  return {\n    locale: write.locale,\n    key: write.key,\n    text: write.text,\n    reference_text: write.referenceText,\n    verdict: write.verdict,\n    note: write.note,\n    suggestion: write.suggestion,\n  };\n}\n\n// ── Strings ─────────────────────────────────────────────────────────────────────\n\n/**\n * A nested bundle as `key → string`, in the bundle's own order. Non-string leaves are\n * skipped rather than stringified into something nobody wrote.\n *\n * `prefix` is put in front of every key AS IS, so it names the separator too:\n * `flattenStrings(bundle)` is keksdose's `budget.rta`, `flattenStrings(tree, \"common:\")`\n * kastlan's `common:actions.save`, and `flattenStrings(kitLabelStrings(labels), \"kit.\")`\n * the kit's own words as `kit.combobox.resultCount(3)` — already flat, so only the prefix\n * is added.\n */\nexport function flattenStrings(tree: Readonly<Record<string, unknown>>, prefix = \"\"): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tree)) {\n    const path = `${prefix}${key}`;\n    if (typeof value === \"string\") out[path] = value;\n    else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      Object.assign(out, flattenStrings(value as Record<string, unknown>, `${path}.`));\n    }\n  }\n  return out;\n}\n\n/**\n * The key's group, for the namespace filter: the part before a colon when there is one\n * (kastlan's `common:actions.save` → `common`, `doc_text.invoice:due` →\n * `doc_text.invoice`), else the first dotted segment (keksdose's `budget.rta` →\n * `budget`, the kit's `kit.combobox.resultCount(3)` → `kit`). Only the part before a\n * sample's `(` is looked at, so a colon inside one cannot move the split.\n */\nexport function keyNamespace(key: string): string {\n  const head = key.split(\"(\", 1)[0];\n  const colon = head.indexOf(\":\");\n  return colon >= 0 ? head.slice(0, colon) : head.split(\".\", 1)[0];\n}\n\n// i18next `{{x}}` (formatting options ignored: `{{x, number}}` is `{{x}}`); a Python\n// format field `{x}` / `{0}` / `{amount:.2f}` (kastlan's document texts), but not a\n// LaTeX argument (`\\textbf{x}` — a letter or backslash right before the brace); a\n// numbered or named tag (`<1>`, `<strong>`), not prose in angle brackets (\"<deleted\n// user>\"); and a nested `$t(key)`. `{{x}}` is tried first at its position and consumed\n// whole, so it is never counted a second time as `{x}`.\nconst PLACEHOLDER_RE =\n  /\\{\\{\\s*([^}\\s,]+)[^}]*\\}\\}|(?<![\\\\A-Za-z])\\{([a-z_][a-z0-9_]*|\\d+)(?:[!:][^{}]*)?\\}|<\\/?(\\d+|[a-z][a-z0-9]*)\\s*\\/?>|\\$t\\(([^)]+)\\)/g;\n\n/** The placeholders in a string, as a sorted multiset: `{{count}}`, `{date}`, `<1>`,\n *  `$t(common.save)`. */\nexport function placeholderTokens(text: string): string[] {\n  const found: string[] = [];\n  for (const m of text.matchAll(PLACEHOLDER_RE)) {\n    if (m[1]) found.push(`{{${m[1]}}}`);\n    // `{ref:retention}` (ui-kit 0.28's legal cross-reference) keeps its target: a\n    // translation that points at another section changed what the sentence says. Every\n    // other `{x:spec}` is a format spec, which a translation may change.\n    else if (m[2]) found.push(m[2] === \"ref\" ? m[0] : `{${m[2]}}`);\n    else if (m[3]) found.push(`<${m[3]}>`);\n    else if (m[4]) found.push(`$t(${m[4]})`);\n  }\n  return found.sort();\n}\n\n/** Whether `text` has other placeholders than `reference` — dropped, renamed or added.\n *  Moving one is fine: a translation reorders a sentence. */\nexport function placeholderMismatch(text: string, reference: string): boolean {\n  const a = placeholderTokens(text);\n  const b = placeholderTokens(reference);\n  return a.length !== b.length || a.some((p, i) => p !== b[i]);\n}\n\n// ── Status ──────────────────────────────────────────────────────────────────────\n\n/**\n * A verdict counts only for the wording it was given on. If the string or its reference\n * changed since, it is `changed` — read it again — whatever the verdict was. A string the\n * locale lacks is `missing` until somebody suggests its translation (stored as\n * NEEDS_CHANGE on the empty text, so it reads `needs_change`, and `changed` once a\n * developer adds the string).\n */\nexport function reviewStatus(\n  review: TranslationReview | null | undefined,\n  text: string,\n  reference: string,\n): ReviewStatus {\n  if (!review) return text === \"\" && reference !== \"\" ? \"missing\" : \"unreviewed\";\n  if (review.text !== text) return \"changed\";\n  if (review.referenceText != null && review.referenceText !== reference) return \"changed\";\n  return review.verdict === \"APPROVED\" ? \"approved\" : \"needs_change\";\n}\n\n/**\n * Whether `key` lies in `area`: the key IS the area, or sits under it — `legal.terms`\n * and kastlan's `legal:terms` are in `legal`, `legalese.title` is not.\n *\n * 0.28: the kit's own words of that area too — `kit.legal.sections.terms.law.body(…)`\n * is in `legal`. All three apps list the kit's labels under `kit.`\n * (`flattenStrings(kitLabelStrings(labels), \"kit.\")`), and since 0.28 the kit writes\n * the shared legal sections, so a lawyer with a `[\"legal\"]` grant who was not shown\n * `kit.legal.*` would not see half of the Privacy Policy — and the server would refuse\n * the verdicts (docs/legal-harmonization.md §7.5). server-kit's `in_areas` and the apps'\n * copies of it apply the same rule.\n */\nexport function keyInArea(key: string, area: string): boolean {\n  return (\n    key === area || key.startsWith(`${area}.`) || key.startsWith(`${area}:`) || key.startsWith(`kit.${area}.`)\n  );\n}\n\n/**\n * The area of `areas` that `key` lies in ({@link keyInArea}), or `undefined` — the\n * translation page's grouping by the same rule the filter and the server use, so\n * `kit.legal.sections.privacy.rights.lead` is grouped under `legal` with the app's own\n * legal texts instead of under `kit.legal`:\n *\n *     const namespaceOf = (key: string) => reviewAreaOf(key, [\"legal\"]) ?? ownNamespaceOf(key);\n *\n * Where two areas both hold the key (`legal` and `legal.privacy`), the longer — the more\n * specific — wins, whatever their order. `inArea` is the app's own rule, as for\n * {@link keyInAreas}.\n */\nexport function reviewAreaOf(\n  key: string,\n  areas: readonly string[],\n  inArea: (key: string, area: string) => boolean = keyInArea,\n): string | undefined {\n  let found: string | undefined;\n  for (const area of areas) {\n    if (inArea(key, area) && (found === undefined || area.length > found.length)) found = area;\n  }\n  return found;\n}\n\n/**\n * Whether `key` lies in one of `areas` — the scope a reviewer may be limited to\n * (keksdose: `[\"legal\"]`, a lawyer who judges the Imprint, the Privacy Policy and the\n * Terms and sees nothing else). `null`/`undefined` is every area. The server applies the\n * same rule and refuses verdicts outside; this decides only what is listed.\n */\nexport function keyInAreas(\n  key: string,\n  areas: readonly string[] | null | undefined,\n  inArea: (key: string, area: string) => boolean = keyInArea,\n): boolean {\n  return !areas || areas.some((area) => inArea(key, area));\n}\n\nexport interface TranslationRowsInput {\n  locale: string;\n  /** The locale's strings, `key → text` ({@link flattenStrings}). */\n  strings: Readonly<Record<string, string>>;\n  /** The reference locale's strings — whichever locale THIS app reads `locale` against. */\n  reference: Readonly<Record<string, string>>;\n  /** The verdicts: this locale's by key, or the whole list as the server sent it (other\n   *  locales' verdicts are skipped). */\n  reviews?: ReadonlyMap<string, TranslationReview> | readonly TranslationReview[];\n  /** Default {@link keyNamespace}. */\n  namespaceOf?: (key: string) => string;\n  /** The row's source, an app-defined word (kastlan: `doc_text.` keys are `documents`,\n   *  the rest `screen`). Default: none (`\"\"`). */\n  sourceOf?: (key: string) => string;\n  /** Keep only keys inside these areas ({@link keyInAreas}); `null` keeps every key. */\n  areas?: readonly string[] | null;\n  /** Default {@link keyInArea}. */\n  inArea?: (key: string, area: string) => boolean;\n}\n\n/**\n * Every key of one locale, with its status: the reference's keys first, in its order, so\n * rows read the way the app's authors wrote them; a key only this locale has is appended\n * rather than dropped (a parity test should forbid it, but the page should not lie if one\n * slips through).\n */\nexport function translationRows({\n  locale,\n  strings,\n  reference,\n  reviews,\n  namespaceOf: groupOf = keyNamespace,\n  sourceOf,\n  areas,\n  inArea,\n}: TranslationRowsInput): TranslationRow[] {\n  const byKey = new Map<string, TranslationReview>();\n  if (reviews instanceof Map) {\n    for (const [key, review] of reviews) byKey.set(key, review);\n  } else if (reviews) {\n    for (const review of reviews as readonly TranslationReview[]) {\n      if (review.locale === locale) byKey.set(review.key, review);\n    }\n  }\n  const keys = Object.keys(reference);\n  for (const key of Object.keys(strings)) if (!(key in reference)) keys.push(key);\n  return keys\n    .filter((key) => keyInAreas(key, areas, inArea))\n    .map((key) => {\n      const text = strings[key] ?? \"\";\n      const ref = reference[key] ?? \"\";\n      const review = byKey.get(key) ?? null;\n      return {\n        id: `${locale}|${key}`,\n        key,\n        namespace: groupOf(key),\n        source: sourceOf?.(key) ?? \"\",\n        locale,\n        text,\n        reference: ref,\n        status: reviewStatus(review, text, ref),\n        review,\n        placeholderMismatch: text !== \"\" && placeholderMismatch(text, ref),\n      };\n    });\n}\n\n/** How many rows stand where, and how many there are. */\nexport type TranslationSummary = Record<ReviewStatus, number> & { total: number };\n\nexport function summariseRows(rows: readonly TranslationRow[]): TranslationSummary {\n  const summary: TranslationSummary = {\n    missing: 0,\n    unreviewed: 0,\n    changed: 0,\n    needs_change: 0,\n    approved: 0,\n    total: rows.length,\n  };\n  for (const row of rows) summary[row.status] += 1;\n  return summary;\n}\n\n// ── Filtering ───────────────────────────────────────────────────────────────────\n\n/** The panel's filters. `\"all\"` switches one off. */\nexport interface TranslationReviewFilter {\n  status: ReviewStatus | \"all\";\n  source: string;\n  namespace: string;\n  /** Searched in the key, the text and the reference, folded as every kit list's search\n   *  is (`foldForSearch`): no case, no accents — \"uberweisung\" finds \"Überweisung\". */\n  query: string;\n  placeholdersOnly: boolean;\n}\n\nexport const DEFAULT_TRANSLATION_REVIEW_FILTER: TranslationReviewFilter = {\n  status: \"all\",\n  source: \"all\",\n  namespace: \"all\",\n  query: \"\",\n  placeholdersOnly: false,\n};\n\nexport function filterTranslationRows(\n  rows: readonly TranslationRow[],\n  filter: Partial<TranslationReviewFilter>,\n): TranslationRow[] {\n  const f = { ...DEFAULT_TRANSLATION_REVIEW_FILTER, ...filter };\n  // Folded as every kit list's search is (DUP-5, refactor audit 2026-10).\n  const q = foldForSearch(f.query.trim());\n  return rows.filter(\n    (row) =>\n      (f.status === \"all\" || row.status === f.status) &&\n      (f.source === \"all\" || row.source === f.source) &&\n      (f.namespace === \"all\" || row.namespace === f.namespace) &&\n      (!f.placeholdersOnly || row.placeholderMismatch) &&\n      (!q || [row.key, row.text, row.reference].some((s) => foldForSearch(s).includes(q))),\n  );\n}\n\n// ── Grouping ────────────────────────────────────────────────────────────────────\n\n/** One group of rows — an area, a source — and how they stand. */\nexport interface TranslationRowGroup {\n  key: string;\n  rows: TranslationRow[];\n  summary: TranslationSummary;\n}\n\n/**\n * Rows in groups, each group where its first row is — the reference's order, so the areas\n * read the way the app's authors wrote the bundle — and each group's rows in their own\n * order. keksdose live #377: a reviewer on a phone works area by area (\"the budget\n * strings, then the legal ones\"), and a flat list of 3859 rows is not a way to see\n * where an area stands.\n *\n * `groupOf` names a row's group: `(row) => row.namespace` for the areas,\n * `(row) => row.source` for kastlan's screen texts and documents.\n */\nexport function groupTranslationRows(\n  rows: readonly TranslationRow[],\n  groupOf: (row: TranslationRow) => string,\n): TranslationRowGroup[] {\n  const byKey = new Map<string, TranslationRow[]>();\n  for (const row of rows) {\n    const key = groupOf(row);\n    const list = byKey.get(key);\n    if (list) list.push(row);\n    else byKey.set(key, [row]);\n  }\n  return [...byKey].map(([key, list]) => ({ key, rows: list, summary: summariseRows(list) }));\n}\n\n/**\n * The rows a group's \"Approve the unreviewed\" takes: the ones nobody has given a verdict\n * and that have a text. Not `changed` — a string that moved since it was judged asks to\n * be READ again, which a bulk action is the opposite of — and not `missing`, which has\n * nothing to approve.\n */\nexport function unreviewedRows(rows: readonly TranslationRow[]): TranslationRow[] {\n  return rows.filter((row) => row.status === \"unreviewed\" && row.text !== \"\");\n}\n\n// ── Writing ─────────────────────────────────────────────────────────────────────\n\n/** What gets stored for a verdict: the wording it was given on, so a later change of the\n *  string (or of its reference) shows up as `changed`. */\nexport function reviewWrite(\n  row: TranslationRow,\n  verdict: TranslationVerdict,\n  note: string | null = null,\n  suggestion: string | null = null,\n): TranslationReviewWrite {\n  return {\n    locale: row.locale,\n    key: row.key,\n    text: row.text,\n    referenceText: row.reference,\n    verdict,\n    note,\n    suggestion,\n  };\n}\n\n/** What takes a set of verdicts back: see {@link reviewUndo}. */\nexport interface TranslationReviewUndo {\n  /** The verdicts the rows had before, to store again — each on the wording it was\n   *  given on, so a row that was `changed` reads `changed` again. */\n  writes: TranslationReviewWrite[];\n  /** The rows that had no verdict before: back to unreviewed. */\n  clears: TranslationReviewKey[];\n}\n\n/**\n * How to take back what was just said about `rows` — the rows AS THEY WERE before the\n * write, with the verdicts they carried then. The panel's Undo toast (0.25, keksdose live\n * #377) runs it: a swipe on a phone approves in one movement, and a movement can be a\n * mistake.\n *\n * A row that had a verdict gets it stored again (its note, its suggestion, the wording it\n * was judged on); one that had none is cleared. The server stamps the restored verdict\n * with the person undoing and the time, as it stamps every write — the contract has no\n * way to write a verdict in somebody else's name, and should not.\n */\nexport function reviewUndo(rows: readonly TranslationRow[]): TranslationReviewUndo {\n  const writes: TranslationReviewWrite[] = [];\n  const clears: TranslationReviewKey[] = [];\n  for (const row of rows) {\n    const before = row.review;\n    if (!before) {\n      clears.push({ locale: row.locale, key: row.key });\n      continue;\n    }\n    writes.push({\n      locale: row.locale,\n      key: row.key,\n      text: before.text,\n      referenceText: before.referenceText,\n      verdict: before.verdict,\n      note: before.note,\n      suggestion: before.suggestion,\n    });\n  }\n  return { writes, clears };\n}\n\n/** The app's cached verdict list with `written` in place of what was said before — a\n *  save answers with the rows it wrote, so a page patches its copy instead of\n *  downloading every verdict again after each click. Any spelling with `locale` and\n *  `key` (the API's or the kit's). */\nexport function mergeReviews<T extends TranslationReviewKey>(prev: readonly T[], written: readonly T[]): T[] {\n  const id = (r: TranslationReviewKey) => `${r.locale}|${r.key}`;\n  const replaced = new Set(written.map(id));\n  return [...prev.filter((r) => !replaced.has(id(r))), ...written];\n}\n\n/** The cached list without the verdicts on `cleared`. */\nexport function dropReviews<T extends TranslationReviewKey>(\n  prev: readonly T[],\n  cleared: readonly TranslationReviewKey[],\n): T[] {\n  const gone = new Set(cleared.map((r) => `${r.locale}|${r.key}`));\n  return prev.filter((r) => !gone.has(`${r.locale}|${r.key}`));\n}\n\n// ── Swipe bindings ──────────────────────────────────────────────────────────────\n\n/**\n * What a phone card's swipe can be bound to in `TranslationReviewPanel`'s `swipe`\n * (keksdose — Marcel's live #377 rework, 2026-10-03: *\"Add the swipe options to be shown\n * also to the settings /settings#interaction area where the other swipe options are\n * defined\"*). keksdose lets the user bind every list's swipes there — per side, a primary\n * action at the first threshold and a secondary one at a longer drag — and lists each\n * surface's ids in its `SWIPE_ACTIONS`; this is the translation list's, in the order a\n * settings page offers them.\n *\n * - `approve` — the string is right as it stands. With the panel's Undo toast.\n * - `edit` — open the editor with the cursor in the wording: \"Needs a change\" (or\n *   \"Suggest translation\" on a missing string). Writes nothing; the editor does.\n * - `clear` — take the verdict back: unreviewed again. With the Undo toast, which stores\n *   the verdict again.\n *\n * THERE IS NO SEPARATE \"needs a change\". The editor has no verdict to preselect: Approve\n * and \"Needs a change\" stand side by side in it, and \"Needs a change\" takes a note or a\n * different wording — a verdict without either tells whoever fixes the string nothing, so\n * a swipe never sends one blind (0.25). The one honest thing a \"needs a change\" swipe can\n * do is therefore open the editor with the cursor in the wording — which is `edit`, and\n * `edit` already says \"Needs a change\" on the card. A second id doing the same would arm\n * a second threshold that does what the first already did: the duplicate keksdose's\n * `resolveSwipePlan` drops for exactly that reason.\n */\nexport const TRANSLATION_REVIEW_SWIPE_ACTIONS = [\"approve\", \"edit\", \"clear\"] as const;\n\n/** One of {@link TRANSLATION_REVIEW_SWIPE_ACTIONS}. */\nexport type TranslationReviewSwipeAction = (typeof TRANSLATION_REVIEW_SWIPE_ACTIONS)[number];\n\n/**\n * Which swipe does what on a phone card — `TranslationReviewPanel`'s `swipe`. Each side is\n * an ordered ladder, exactly as `SwipeableRow` and DataTable's `mobileSwipeActions` model\n * one: index 0 commits at the first threshold, index 1 at the longer drag (and so on — the\n * thresholds spread evenly over the card's width). A side left out, or empty, does not\n * swipe.\n *\n * LOGICAL SIDES: `end` is a drag toward the reading end of the line — right in a\n * left-to-right page, left in a right-to-left one — and `start` the other way, so one\n * binding holds in both directions. An app whose settings store physical sides (keksdose's\n * `right`/`left`) hands `right` as `end` for a left-to-right page.\n */\nexport interface TranslationReviewSwipeBinding {\n  /** A drag toward the reading START, nearest threshold first. */\n  start?: readonly TranslationReviewSwipeAction[];\n  /** A drag toward the reading END, nearest threshold first. */\n  end?: readonly TranslationReviewSwipeAction[];\n}\n\n/** What `swipe={true}` means — 0.25's fixed mapping: approve toward the end, open the\n *  editor (\"Needs a change\") toward the start. A settings page's \"reset\" goes back here. */\nexport const DEFAULT_TRANSLATION_REVIEW_SWIPE: TranslationReviewSwipeBinding = Object.freeze({\n  start: Object.freeze([\"edit\"] as const),\n  end: Object.freeze([\"approve\"] as const),\n});\n\n/** The ladders one row actually offers, from a {@link TranslationReviewSwipeBinding}. */\nexport interface TranslationReviewSwipePlan {\n  start: TranslationReviewSwipeAction[];\n  end: TranslationReviewSwipeAction[];\n}\n\n/**\n * The binding resolved against one row — keksdose's `resolveSwipePlan`, for this list.\n * An id the row cannot offer DROPS OUT and the ladder closes up behind it, so the second\n * stage becomes the first rather than the side going dead behind an unreachable first\n * stage (or arming a threshold that does nothing):\n *\n * - `approve`: not on a missing string (nothing to approve) or an approved one (it would\n *   say it again) — the rows that have no approve button either;\n * - `clear`: not without `canClear` (the app passed no `onClear`), and not on a row with\n *   no verdict to take back (unreviewed; missing with no suggestion);\n * - `edit`: on every row;\n * - an id named twice on one side: the second time (a longer drag to the same effect);\n * - an id this version does not know (a binding stored by another version, an app's own\n *   \"none\" slot): dropped like one that does not apply.\n *\n * Only what the ROW decides. Whether the panel may write at all — `readOnly`, no\n * `onSave`, a write lock, the row's own write still out — is the panel's, and then no\n * side swipes.\n */\nexport function translationReviewSwipePlan(\n  binding: TranslationReviewSwipeBinding,\n  row: TranslationRow,\n  { canClear = false }: { canClear?: boolean } = {},\n): TranslationReviewSwipePlan {\n  const offers = (id: TranslationReviewSwipeAction): boolean => {\n    switch (id) {\n      case \"approve\":\n        return row.text !== \"\" && row.status !== \"approved\";\n      case \"edit\":\n        return true;\n      case \"clear\":\n        return canClear && row.review !== null;\n      default:\n        return false;\n    }\n  };\n  const side = (ids: readonly TranslationReviewSwipeAction[] | undefined): TranslationReviewSwipeAction[] => {\n    const out: TranslationReviewSwipeAction[] = [];\n    for (const id of ids ?? []) {\n      if (!out.includes(id) && offers(id)) out.push(id);\n    }\n    return out;\n  };\n  return { start: side(binding.start), end: side(binding.end) };\n}\n\n// ── Export ──────────────────────────────────────────────────────────────────────\n\n/**\n * One entry of the \"Export corrections\" file — enough for a developer to apply the change\n * to the bundle without opening the page. snake_case `reviewed_at` on purpose: this is a\n * FILE, the one keksdose and kastlan already write, beside an API spelled that way.\n */\nexport interface TranslationCorrection {\n  locale: string;\n  key: string;\n  status: ReviewStatus;\n  current: string;\n  reference: string;\n  suggestion: string | null;\n  note: string | null;\n  reviewer: string | null;\n  reviewed_at: string | null;\n}\n\n/** The rows sent back (verdict NEEDS_CHANGE — a suggested translation for a missing\n *  string included), as the export file lists them. */\nexport function translationCorrections(rows: readonly TranslationRow[]): TranslationCorrection[] {\n  return rows\n    .filter((row) => row.review?.verdict === \"NEEDS_CHANGE\")\n    .map((row) => ({\n      locale: row.locale,\n      key: row.key,\n      status: row.status,\n      current: row.text,\n      reference: row.reference,\n      suggestion: row.review?.suggestion ?? null,\n      note: row.review?.note ?? null,\n      reviewer: row.review?.reviewerName ?? null,\n      reviewed_at: row.review?.reviewedAt ?? null,\n    }));\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/lib/translation-review.ts"],"sourcesContent":["/**\n * The pure half of an app's translation review (H1 in docs/i18n-harmonization.md): from\n * the strings the app ships and the verdicts its server stores to one row per (locale,\n * key) with a status — keksdose's `features/translations/translation-catalogue.ts` and\n * kastlan's copy of it, which had grown apart by a fifth status and a second kind of key.\n *\n * WHY THE STRINGS ARE THE CATALOGUE. Nothing on the server lists which strings exist: a\n * verdict only says what somebody thought of one. So the rows are built from what the app\n * ships — its locale bundles, kastlan's document texts, the kit's own words\n * (`kitLabelStrings`) — and the review can never offer a string users do not see. A\n * verdict is stored WITH the wording it was given on, and a string that changed since is\n * noticed by comparing the two: `changed`, read it again, whatever the verdict was.\n *\n * WHAT STAYS IN THE APP. Which locale is read against which (keksdose: everything against\n * English, English against de-CH; kastlan: against German, German against English), where\n * the strings come from, who may review what (the locales and areas its server answers\n * with), and every request. The kit takes those as input and never derives them.\n *\n * camelCase, like the rest of the kit. The contract's wire shape is snake_case\n * (`reference_text`, `reviewer_name`, `reviewed_at`); {@link fromApiReview} and\n * {@link toApiWrite} are the two lines each app would otherwise write — both apps speak\n * the same contract, so the mapping is written once, here.\n */\n\nimport { foldForSearch } from \"./text-match\";\n\n// ── Shapes ──────────────────────────────────────────────────────────────────────\n\nexport type TranslationVerdict = \"APPROVED\" | \"NEEDS_CHANGE\";\n\n/** One stored verdict: what a reviewer said about one string in one locale. */\nexport interface TranslationReview {\n  locale: string;\n  key: string;\n  /** The wording that was judged — compared with today's to notice a change. Empty for\n   *  a string the locale lacked (a suggested translation for a `missing` row). */\n  text: string;\n  /** The reference wording at the time. `null` from a server that did not store it. */\n  referenceText: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  /** The reviewer's wording — or, for a missing string, the translation to add. */\n  suggestion: string | null;\n  /** `null` once the reviewer's account has been erased. */\n  reviewerName: string | null;\n  /** ISO timestamp. */\n  reviewedAt: string;\n}\n\n/** What a save sends: the verdict plus the wording it is given on. */\nexport interface TranslationReviewWrite {\n  locale: string;\n  key: string;\n  text: string;\n  referenceText: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n}\n\n/** What a reset sends: back to \"unreviewed\". */\nexport interface TranslationReviewKey {\n  locale: string;\n  key: string;\n}\n\n/**\n * Where a string stands, in the order a reviewer works through them: what is not there\n * at all, what nobody has read, what changed after it was read, what was sent back, and\n * what is done. `missing` never occurs for an app whose locales have every key\n * (keksdose); kastlan's French lacks 172 screen texts.\n */\nexport type ReviewStatus = \"missing\" | \"unreviewed\" | \"changed\" | \"needs_change\" | \"approved\";\n\nexport const REVIEW_STATUSES: readonly ReviewStatus[] = [\n  \"missing\",\n  \"unreviewed\",\n  \"changed\",\n  \"needs_change\",\n  \"approved\",\n];\n\nexport interface TranslationRow {\n  /** `${locale}|${key}` — unique across every locale on a page. A bar, not a colon:\n   *  kastlan's keys contain colons (`common:actions.save`). */\n  id: string;\n  key: string;\n  /** The key's group: `budget` for `budget.rta`, `common` for `common:actions.save`,\n   *  `kit` for the kit's own words. See {@link keyNamespace}. */\n  namespace: string;\n  /** Where the string comes from, in the app's own words — kastlan's `screen` and\n   *  `documents`, keksdose's one source. `\"\"` when the app does not say. */\n  source: string;\n  locale: string;\n  /** The wording users see today; empty when the locale lacks the string. */\n  text: string;\n  /** The same key in the reference locale. */\n  reference: string;\n  status: ReviewStatus;\n  review: TranslationReview | null;\n  /** The interpolations and tags differ from the reference's — `{{count}}` dropped, a\n   *  `<1>` link lost, a `{date}` renamed. A machine can check that much, so it does,\n   *  before a person reads. Never set on a missing string: it has nothing to lose. */\n  placeholderMismatch: boolean;\n}\n\n// ── The wire contract ───────────────────────────────────────────────────────────\n\n/** A verdict as `GET /translations/reviews` returns it (H1's shared contract). Typed\n *  structurally, so an app's generated OpenAPI type fits without a cast. */\nexport interface ApiTranslationReview {\n  locale: string;\n  key: string;\n  text: string;\n  reference_text: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n  reviewer_name: string | null;\n  /** server-kit 0.10: the name's two parts (`reviewer_name` is them in the reader's order). */\n  reviewer_first_name?: string | null;\n  reviewer_last_name?: string | null;\n  reviewed_at: string;\n}\n\n/** `GET /translations/reviews` (server-kit `TranslationReviewsResponse`): the locales and\n *  areas the caller may review (`areas` null: every area; `[\"kit\"]` for a review token)\n *  and every stored verdict in them. Typed structurally, as {@link ApiTranslationReview}. */\nexport interface ApiTranslationReviewsResponse {\n  locales: string[];\n  areas?: string[] | null;\n  reviews: ApiTranslationReview[];\n}\n\n/** One item of `PUT /translations/reviews`. */\nexport interface ApiTranslationReviewWrite {\n  locale: string;\n  key: string;\n  text: string;\n  reference_text: string | null;\n  verdict: TranslationVerdict;\n  note: string | null;\n  suggestion: string | null;\n}\n\n/** A verdict from the server, in the kit's spelling. */\nexport function fromApiReview(review: ApiTranslationReview): TranslationReview {\n  return {\n    locale: review.locale,\n    key: review.key,\n    text: review.text,\n    referenceText: review.reference_text,\n    verdict: review.verdict,\n    note: review.note,\n    suggestion: review.suggestion,\n    reviewerName: review.reviewer_name,\n    reviewedAt: review.reviewed_at,\n  };\n}\n\n/** A save, in the server's spelling. `TranslationReviewKey` needs no mapping — it is\n *  `{ locale, key }` on both sides. */\nexport function toApiWrite(write: TranslationReviewWrite): ApiTranslationReviewWrite {\n  return {\n    locale: write.locale,\n    key: write.key,\n    text: write.text,\n    reference_text: write.referenceText,\n    verdict: write.verdict,\n    note: write.note,\n    suggestion: write.suggestion,\n  };\n}\n\n// ── Strings ─────────────────────────────────────────────────────────────────────\n\n/**\n * A nested bundle as `key → string`, in the bundle's own order. Non-string leaves are\n * skipped rather than stringified into something nobody wrote.\n *\n * `prefix` is put in front of every key AS IS, so it names the separator too:\n * `flattenStrings(bundle)` is keksdose's `budget.rta`, `flattenStrings(tree, \"common:\")`\n * kastlan's `common:actions.save`, and `flattenStrings(kitLabelStrings(labels), \"kit.\")`\n * the kit's own words as `kit.combobox.resultCount(3)` — already flat, so only the prefix\n * is added.\n */\nexport function flattenStrings(tree: Readonly<Record<string, unknown>>, prefix = \"\"): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const [key, value] of Object.entries(tree)) {\n    const path = `${prefix}${key}`;\n    if (typeof value === \"string\") out[path] = value;\n    else if (value && typeof value === \"object\" && !Array.isArray(value)) {\n      Object.assign(out, flattenStrings(value as Record<string, unknown>, `${path}.`));\n    }\n  }\n  return out;\n}\n\n/**\n * The key's group, for the namespace filter: the part before a colon when there is one\n * (kastlan's `common:actions.save` → `common`, `doc_text.invoice:due` →\n * `doc_text.invoice`), else the first dotted segment (keksdose's `budget.rta` →\n * `budget`, the kit's `kit.combobox.resultCount(3)` → `kit`). Only the part before a\n * sample's `(` is looked at, so a colon inside one cannot move the split.\n */\nexport function keyNamespace(key: string): string {\n  const head = key.split(\"(\", 1)[0];\n  const colon = head.indexOf(\":\");\n  return colon >= 0 ? head.slice(0, colon) : head.split(\".\", 1)[0];\n}\n\n// i18next `{{x}}` (formatting options ignored: `{{x, number}}` is `{{x}}`); a Python\n// format field `{x}` / `{0}` / `{amount:.2f}` (kastlan's document texts), but not a\n// LaTeX argument (`\\textbf{x}` — a letter or backslash right before the brace); a\n// numbered or named tag (`<1>`, `<strong>`), not prose in angle brackets (\"<deleted\n// user>\"); and a nested `$t(key)`. `{{x}}` is tried first at its position and consumed\n// whole, so it is never counted a second time as `{x}`.\nconst PLACEHOLDER_RE =\n  /\\{\\{\\s*([^}\\s,]+)[^}]*\\}\\}|(?<![\\\\A-Za-z])\\{([a-z_][a-z0-9_]*|\\d+)(?:[!:][^{}]*)?\\}|<\\/?(\\d+|[a-z][a-z0-9]*)\\s*\\/?>|\\$t\\(([^)]+)\\)/g;\n\n/** The placeholders in a string, as a sorted multiset: `{{count}}`, `{date}`, `<1>`,\n *  `$t(common.save)`. */\nexport function placeholderTokens(text: string): string[] {\n  const found: string[] = [];\n  for (const m of text.matchAll(PLACEHOLDER_RE)) {\n    if (m[1]) found.push(`{{${m[1]}}}`);\n    // `{ref:retention}` (ui-kit 0.28's legal cross-reference) keeps its target: a\n    // translation that points at another section changed what the sentence says. Every\n    // other `{x:spec}` is a format spec, which a translation may change.\n    else if (m[2]) found.push(m[2] === \"ref\" ? m[0] : `{${m[2]}}`);\n    else if (m[3]) found.push(`<${m[3]}>`);\n    else if (m[4]) found.push(`$t(${m[4]})`);\n  }\n  return found.sort();\n}\n\n/** Whether `text` has other placeholders than `reference` — dropped, renamed or added.\n *  Moving one is fine: a translation reorders a sentence. */\nexport function placeholderMismatch(text: string, reference: string): boolean {\n  const a = placeholderTokens(text);\n  const b = placeholderTokens(reference);\n  return a.length !== b.length || a.some((p, i) => p !== b[i]);\n}\n\n// ── Status ──────────────────────────────────────────────────────────────────────\n\n/**\n * A verdict counts only for the wording it was given on. If the string or its reference\n * changed since, it is `changed` — read it again — whatever the verdict was. A string the\n * locale lacks is `missing` until somebody suggests its translation (stored as\n * NEEDS_CHANGE on the empty text, so it reads `needs_change`, and `changed` once a\n * developer adds the string).\n */\nexport function reviewStatus(\n  review: TranslationReview | null | undefined,\n  text: string,\n  reference: string,\n): ReviewStatus {\n  if (!review) return text === \"\" && reference !== \"\" ? \"missing\" : \"unreviewed\";\n  if (review.text !== text) return \"changed\";\n  if (review.referenceText != null && review.referenceText !== reference) return \"changed\";\n  return review.verdict === \"APPROVED\" ? \"approved\" : \"needs_change\";\n}\n\n/**\n * Whether `key` lies in `area`: the key IS the area, or sits under it — `legal.terms`\n * and kastlan's `legal:terms` are in `legal`, `legalese.title` is not.\n *\n * 0.28: the kit's own words of that area too — `kit.legal.sections.terms.law.body(…)`\n * is in `legal`. All three apps list the kit's labels under `kit.`\n * (`flattenStrings(kitLabelStrings(labels), \"kit.\")`), and since 0.28 the kit writes\n * the shared legal sections, so a lawyer with a `[\"legal\"]` grant who was not shown\n * `kit.legal.*` would not see half of the Privacy Policy — and the server would refuse\n * the verdicts (docs/legal-harmonization.md §7.5). server-kit's `in_areas` and the apps'\n * copies of it apply the same rule.\n */\nexport function keyInArea(key: string, area: string): boolean {\n  return key === area || key.startsWith(`${area}.`) || key.startsWith(`${area}:`) || key.startsWith(`kit.${area}.`);\n}\n\n/**\n * The area of `areas` that `key` lies in ({@link keyInArea}), or `undefined` — the\n * translation page's grouping by the same rule the filter and the server use, so\n * `kit.legal.sections.privacy.rights.lead` is grouped under `legal` with the app's own\n * legal texts instead of under `kit.legal`:\n *\n *     const namespaceOf = (key: string) => reviewAreaOf(key, [\"legal\"]) ?? ownNamespaceOf(key);\n *\n * Where two areas both hold the key (`legal` and `legal.privacy`), the longer — the more\n * specific — wins, whatever their order. `inArea` is the app's own rule, as for\n * {@link keyInAreas}.\n */\nexport function reviewAreaOf(\n  key: string,\n  areas: readonly string[],\n  inArea: (key: string, area: string) => boolean = keyInArea,\n): string | undefined {\n  let found: string | undefined;\n  for (const area of areas) {\n    if (inArea(key, area) && (found === undefined || area.length > found.length)) found = area;\n  }\n  return found;\n}\n\n/**\n * Whether `key` lies in one of `areas` — the scope a reviewer may be limited to\n * (keksdose: `[\"legal\"]`, a lawyer who judges the Imprint, the Privacy Policy and the\n * Terms and sees nothing else). `null`/`undefined` is every area. The server applies the\n * same rule and refuses verdicts outside; this decides only what is listed.\n */\nexport function keyInAreas(\n  key: string,\n  areas: readonly string[] | null | undefined,\n  inArea: (key: string, area: string) => boolean = keyInArea,\n): boolean {\n  return !areas || areas.some((area) => inArea(key, area));\n}\n\nexport interface TranslationRowsInput {\n  locale: string;\n  /** The locale's strings, `key → text` ({@link flattenStrings}). */\n  strings: Readonly<Record<string, string>>;\n  /** The reference locale's strings — whichever locale THIS app reads `locale` against. */\n  reference: Readonly<Record<string, string>>;\n  /** The verdicts: this locale's by key, or the whole list as the server sent it (other\n   *  locales' verdicts are skipped). */\n  reviews?: ReadonlyMap<string, TranslationReview> | readonly TranslationReview[];\n  /** Default {@link keyNamespace}. */\n  namespaceOf?: (key: string) => string;\n  /** The row's source, an app-defined word (kastlan: `doc_text.` keys are `documents`,\n   *  the rest `screen`). Default: none (`\"\"`). */\n  sourceOf?: (key: string) => string;\n  /** Keep only keys inside these areas ({@link keyInAreas}); `null` keeps every key. */\n  areas?: readonly string[] | null;\n  /** Default {@link keyInArea}. */\n  inArea?: (key: string, area: string) => boolean;\n}\n\n/**\n * Every key of one locale, with its status: the reference's keys first, in its order, so\n * rows read the way the app's authors wrote them; a key only this locale has is appended\n * rather than dropped (a parity test should forbid it, but the page should not lie if one\n * slips through).\n */\nexport function translationRows({\n  locale,\n  strings,\n  reference,\n  reviews,\n  namespaceOf: groupOf = keyNamespace,\n  sourceOf,\n  areas,\n  inArea,\n}: TranslationRowsInput): TranslationRow[] {\n  const byKey = new Map<string, TranslationReview>();\n  if (reviews instanceof Map) {\n    for (const [key, review] of reviews) byKey.set(key, review);\n  } else if (reviews) {\n    for (const review of reviews as readonly TranslationReview[]) {\n      if (review.locale === locale) byKey.set(review.key, review);\n    }\n  }\n  const keys = Object.keys(reference);\n  for (const key of Object.keys(strings)) if (!(key in reference)) keys.push(key);\n  return keys\n    .filter((key) => keyInAreas(key, areas, inArea))\n    .map((key) => {\n      const text = strings[key] ?? \"\";\n      const ref = reference[key] ?? \"\";\n      const review = byKey.get(key) ?? null;\n      return {\n        id: `${locale}|${key}`,\n        key,\n        namespace: groupOf(key),\n        source: sourceOf?.(key) ?? \"\",\n        locale,\n        text,\n        reference: ref,\n        status: reviewStatus(review, text, ref),\n        review,\n        placeholderMismatch: text !== \"\" && placeholderMismatch(text, ref),\n      };\n    });\n}\n\n/** How many rows stand where, and how many there are. */\nexport type TranslationSummary = Record<ReviewStatus, number> & { total: number };\n\nexport function summariseRows(rows: readonly TranslationRow[]): TranslationSummary {\n  const summary: TranslationSummary = {\n    missing: 0,\n    unreviewed: 0,\n    changed: 0,\n    needs_change: 0,\n    approved: 0,\n    total: rows.length,\n  };\n  for (const row of rows) summary[row.status] += 1;\n  return summary;\n}\n\n// ── Filtering ───────────────────────────────────────────────────────────────────\n\n/** The panel's filters. `\"all\"` switches one off. */\nexport interface TranslationReviewFilter {\n  status: ReviewStatus | \"all\";\n  source: string;\n  namespace: string;\n  /** Searched in the key, the text and the reference, folded as every kit list's search\n   *  is (`foldForSearch`): no case, no accents — \"uberweisung\" finds \"Überweisung\". */\n  query: string;\n  placeholdersOnly: boolean;\n}\n\nexport const DEFAULT_TRANSLATION_REVIEW_FILTER: TranslationReviewFilter = {\n  status: \"all\",\n  source: \"all\",\n  namespace: \"all\",\n  query: \"\",\n  placeholdersOnly: false,\n};\n\nexport function filterTranslationRows(\n  rows: readonly TranslationRow[],\n  filter: Partial<TranslationReviewFilter>,\n): TranslationRow[] {\n  const f = { ...DEFAULT_TRANSLATION_REVIEW_FILTER, ...filter };\n  // Folded as every kit list's search is (DUP-5, refactor audit 2026-10).\n  const q = foldForSearch(f.query.trim());\n  return rows.filter(\n    (row) =>\n      (f.status === \"all\" || row.status === f.status) &&\n      (f.source === \"all\" || row.source === f.source) &&\n      (f.namespace === \"all\" || row.namespace === f.namespace) &&\n      (!f.placeholdersOnly || row.placeholderMismatch) &&\n      (!q || [row.key, row.text, row.reference].some((s) => foldForSearch(s).includes(q))),\n  );\n}\n\n// ── Grouping ────────────────────────────────────────────────────────────────────\n\n/** One group of rows — an area, a source — and how they stand. */\nexport interface TranslationRowGroup {\n  key: string;\n  rows: TranslationRow[];\n  summary: TranslationSummary;\n}\n\n/**\n * Rows in groups, each group where its first row is — the reference's order, so the areas\n * read the way the app's authors wrote the bundle — and each group's rows in their own\n * order. keksdose live #377: a reviewer on a phone works area by area (\"the budget\n * strings, then the legal ones\"), and a flat list of 3859 rows is not a way to see\n * where an area stands.\n *\n * `groupOf` names a row's group: `(row) => row.namespace` for the areas,\n * `(row) => row.source` for kastlan's screen texts and documents.\n */\nexport function groupTranslationRows(\n  rows: readonly TranslationRow[],\n  groupOf: (row: TranslationRow) => string,\n): TranslationRowGroup[] {\n  const byKey = new Map<string, TranslationRow[]>();\n  for (const row of rows) {\n    const key = groupOf(row);\n    const list = byKey.get(key);\n    if (list) list.push(row);\n    else byKey.set(key, [row]);\n  }\n  return [...byKey].map(([key, list]) => ({ key, rows: list, summary: summariseRows(list) }));\n}\n\n/**\n * The rows a group's \"Approve the unreviewed\" takes: the ones nobody has given a verdict\n * and that have a text. Not `changed` — a string that moved since it was judged asks to\n * be READ again, which a bulk action is the opposite of — and not `missing`, which has\n * nothing to approve.\n */\nexport function unreviewedRows(rows: readonly TranslationRow[]): TranslationRow[] {\n  return rows.filter((row) => row.status === \"unreviewed\" && row.text !== \"\");\n}\n\n// ── Writing ─────────────────────────────────────────────────────────────────────\n\n/** What gets stored for a verdict: the wording it was given on, so a later change of the\n *  string (or of its reference) shows up as `changed`. */\nexport function reviewWrite(\n  row: TranslationRow,\n  verdict: TranslationVerdict,\n  note: string | null = null,\n  suggestion: string | null = null,\n): TranslationReviewWrite {\n  return {\n    locale: row.locale,\n    key: row.key,\n    text: row.text,\n    referenceText: row.reference,\n    verdict,\n    note,\n    suggestion,\n  };\n}\n\n/** What takes a set of verdicts back: see {@link reviewUndo}. */\nexport interface TranslationReviewUndo {\n  /** The verdicts the rows had before, to store again — each on the wording it was\n   *  given on, so a row that was `changed` reads `changed` again. */\n  writes: TranslationReviewWrite[];\n  /** The rows that had no verdict before: back to unreviewed. */\n  clears: TranslationReviewKey[];\n}\n\n/**\n * How to take back what was just said about `rows` — the rows AS THEY WERE before the\n * write, with the verdicts they carried then. The panel's Undo toast (0.25, keksdose live\n * #377) runs it: a swipe on a phone approves in one movement, and a movement can be a\n * mistake.\n *\n * A row that had a verdict gets it stored again (its note, its suggestion, the wording it\n * was judged on); one that had none is cleared. The server stamps the restored verdict\n * with the person undoing and the time, as it stamps every write — the contract has no\n * way to write a verdict in somebody else's name, and should not.\n */\nexport function reviewUndo(rows: readonly TranslationRow[]): TranslationReviewUndo {\n  const writes: TranslationReviewWrite[] = [];\n  const clears: TranslationReviewKey[] = [];\n  for (const row of rows) {\n    const before = row.review;\n    if (!before) {\n      clears.push({ locale: row.locale, key: row.key });\n      continue;\n    }\n    writes.push({\n      locale: row.locale,\n      key: row.key,\n      text: before.text,\n      referenceText: before.referenceText,\n      verdict: before.verdict,\n      note: before.note,\n      suggestion: before.suggestion,\n    });\n  }\n  return { writes, clears };\n}\n\n/** The app's cached verdict list with `written` in place of what was said before — a\n *  save answers with the rows it wrote, so a page patches its copy instead of\n *  downloading every verdict again after each click. Any spelling with `locale` and\n *  `key` (the API's or the kit's). */\nexport function mergeReviews<T extends TranslationReviewKey>(prev: readonly T[], written: readonly T[]): T[] {\n  const id = (r: TranslationReviewKey) => `${r.locale}|${r.key}`;\n  const replaced = new Set(written.map(id));\n  return [...prev.filter((r) => !replaced.has(id(r))), ...written];\n}\n\n/** The cached list without the verdicts on `cleared`. */\nexport function dropReviews<T extends TranslationReviewKey>(\n  prev: readonly T[],\n  cleared: readonly TranslationReviewKey[],\n): T[] {\n  const gone = new Set(cleared.map((r) => `${r.locale}|${r.key}`));\n  return prev.filter((r) => !gone.has(`${r.locale}|${r.key}`));\n}\n\n// ── Swipe bindings ──────────────────────────────────────────────────────────────\n\n/**\n * What a phone card's swipe can be bound to in `TranslationReviewPanel`'s `swipe`\n * (keksdose — Marcel's live #377 rework, 2026-10-03: *\"Add the swipe options to be shown\n * also to the settings /settings#interaction area where the other swipe options are\n * defined\"*). keksdose lets the user bind every list's swipes there — per side, a primary\n * action at the first threshold and a secondary one at a longer drag — and lists each\n * surface's ids in its `SWIPE_ACTIONS`; this is the translation list's, in the order a\n * settings page offers them.\n *\n * - `approve` — the string is right as it stands. With the panel's Undo toast.\n * - `edit` — open the editor with the cursor in the wording: \"Needs a change\" (or\n *   \"Suggest translation\" on a missing string). Writes nothing; the editor does.\n * - `clear` — take the verdict back: unreviewed again. With the Undo toast, which stores\n *   the verdict again.\n *\n * THERE IS NO SEPARATE \"needs a change\". The editor has no verdict to preselect: Approve\n * and \"Needs a change\" stand side by side in it, and \"Needs a change\" takes a note or a\n * different wording — a verdict without either tells whoever fixes the string nothing, so\n * a swipe never sends one blind (0.25). The one honest thing a \"needs a change\" swipe can\n * do is therefore open the editor with the cursor in the wording — which is `edit`, and\n * `edit` already says \"Needs a change\" on the card. A second id doing the same would arm\n * a second threshold that does what the first already did: the duplicate keksdose's\n * `resolveSwipePlan` drops for exactly that reason.\n */\nexport const TRANSLATION_REVIEW_SWIPE_ACTIONS = [\"approve\", \"edit\", \"clear\"] as const;\n\n/** One of {@link TRANSLATION_REVIEW_SWIPE_ACTIONS}. */\nexport type TranslationReviewSwipeAction = (typeof TRANSLATION_REVIEW_SWIPE_ACTIONS)[number];\n\n/**\n * Which swipe does what on a phone card — `TranslationReviewPanel`'s `swipe`. Each side is\n * an ordered ladder, exactly as `SwipeableRow` and DataTable's `mobileSwipeActions` model\n * one: index 0 commits at the first threshold, index 1 at the longer drag (and so on — the\n * thresholds spread evenly over the card's width). A side left out, or empty, does not\n * swipe.\n *\n * LOGICAL SIDES: `end` is a drag toward the reading end of the line — right in a\n * left-to-right page, left in a right-to-left one — and `start` the other way, so one\n * binding holds in both directions. An app whose settings store physical sides (keksdose's\n * `right`/`left`) hands `right` as `end` for a left-to-right page.\n */\nexport interface TranslationReviewSwipeBinding {\n  /** A drag toward the reading START, nearest threshold first. */\n  start?: readonly TranslationReviewSwipeAction[];\n  /** A drag toward the reading END, nearest threshold first. */\n  end?: readonly TranslationReviewSwipeAction[];\n}\n\n/** What `swipe={true}` means — 0.25's fixed mapping: approve toward the end, open the\n *  editor (\"Needs a change\") toward the start. A settings page's \"reset\" goes back here. */\nexport const DEFAULT_TRANSLATION_REVIEW_SWIPE: TranslationReviewSwipeBinding = Object.freeze({\n  start: Object.freeze([\"edit\"] as const),\n  end: Object.freeze([\"approve\"] as const),\n});\n\n/** The ladders one row actually offers, from a {@link TranslationReviewSwipeBinding}. */\nexport interface TranslationReviewSwipePlan {\n  start: TranslationReviewSwipeAction[];\n  end: TranslationReviewSwipeAction[];\n}\n\n/**\n * The binding resolved against one row — keksdose's `resolveSwipePlan`, for this list.\n * An id the row cannot offer DROPS OUT and the ladder closes up behind it, so the second\n * stage becomes the first rather than the side going dead behind an unreachable first\n * stage (or arming a threshold that does nothing):\n *\n * - `approve`: not on a missing string (nothing to approve) or an approved one (it would\n *   say it again) — the rows that have no approve button either;\n * - `clear`: not without `canClear` (the app passed no `onClear`), and not on a row with\n *   no verdict to take back (unreviewed; missing with no suggestion);\n * - `edit`: on every row;\n * - an id named twice on one side: the second time (a longer drag to the same effect);\n * - an id this version does not know (a binding stored by another version, an app's own\n *   \"none\" slot): dropped like one that does not apply.\n *\n * Only what the ROW decides. Whether the panel may write at all — `readOnly`, no\n * `onSave`, a write lock, the row's own write still out — is the panel's, and then no\n * side swipes.\n */\nexport function translationReviewSwipePlan(\n  binding: TranslationReviewSwipeBinding,\n  row: TranslationRow,\n  { canClear = false }: { canClear?: boolean } = {},\n): TranslationReviewSwipePlan {\n  const offers = (id: TranslationReviewSwipeAction): boolean => {\n    switch (id) {\n      case \"approve\":\n        return row.text !== \"\" && row.status !== \"approved\";\n      case \"edit\":\n        return true;\n      case \"clear\":\n        return canClear && row.review !== null;\n      default:\n        return false;\n    }\n  };\n  const side = (ids: readonly TranslationReviewSwipeAction[] | undefined): TranslationReviewSwipeAction[] => {\n    const out: TranslationReviewSwipeAction[] = [];\n    for (const id of ids ?? []) {\n      if (!out.includes(id) && offers(id)) out.push(id);\n    }\n    return out;\n  };\n  return { start: side(binding.start), end: side(binding.end) };\n}\n\n// ── Export ──────────────────────────────────────────────────────────────────────\n\n/**\n * One entry of the \"Export corrections\" file — enough for a developer to apply the change\n * to the bundle without opening the page. snake_case `reviewed_at` on purpose: this is a\n * FILE, the one keksdose and kastlan already write, beside an API spelled that way.\n */\nexport interface TranslationCorrection {\n  locale: string;\n  key: string;\n  status: ReviewStatus;\n  current: string;\n  reference: string;\n  suggestion: string | null;\n  note: string | null;\n  reviewer: string | null;\n  reviewed_at: string | null;\n}\n\n/** The rows sent back (verdict NEEDS_CHANGE — a suggested translation for a missing\n *  string included), as the export file lists them. */\nexport function translationCorrections(rows: readonly TranslationRow[]): TranslationCorrection[] {\n  return rows\n    .filter((row) => row.review?.verdict === \"NEEDS_CHANGE\")\n    .map((row) => ({\n      locale: row.locale,\n      key: row.key,\n      status: row.status,\n      current: row.text,\n      reference: row.reference,\n      suggestion: row.review?.suggestion ?? null,\n      note: row.review?.note ?? null,\n      reviewer: row.review?.reviewerName ?? null,\n      reviewed_at: row.review?.reviewedAt ?? null,\n    }));\n}\n"],"mappings":"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","names":[]}

package/dist/notifications/notification-inbox.js

@@ -145,52 +145,71 @@ function NotificationInbox({
     body = /* @__PURE__ */ jsx(EmptyState, { variant: "inline", title: labels.inboxEmpty, className: "px-3 py-2" });
   } else {
     body = // Named by the heading — except while "Clear all" asks, when the heading is away.
-    /* @__PURE__ */ jsxs(List, { className: "p-1", "aria-labelledby": asking ? void 0 : headingId, "aria-label": asking ? labels.inboxTitle : void 0, children: [
-      items.map((item) => {
-        const row = {
-          title: item.title,
-          subtitle: item.body,
-          subtitleLines: 2,
-          overline: item.company ?? void 0,
-          meta: timeOf(item.created_at),
-          icon: iconOf(item.notification_type),
-          unread: item.read_at === null,
-          align: "start"
-        };
-        if (onOpen) {
-          return /* @__PURE__ */ jsx(
-            ListItem,
+    /* @__PURE__ */ jsxs(
+      List,
+      {
+        className: "p-1",
+        "aria-labelledby": asking ? void 0 : headingId,
+        "aria-label": asking ? labels.inboxTitle : void 0,
+        children: [
+          items.map((item) => {
+            const row = {
+              title: item.title,
+              subtitle: item.body,
+              subtitleLines: 2,
+              overline: item.company ?? void 0,
+              meta: timeOf(item.created_at),
+              icon: iconOf(item.notification_type),
+              unread: item.read_at === null,
+              align: "start"
+            };
+            if (onOpen) {
+              return /* @__PURE__ */ jsx(
+                ListItem,
+                {
+                  ...row,
+                  "data-inbox-item": String(item.id),
+                  onClick: () => {
+                    markOne(item);
+                    onOpen(item);
+                  }
+                },
+                item.id
+              );
+            }
+            if (!item.url) {
+              return /* @__PURE__ */ jsx(ListItem, { ...row, "data-inbox-item": String(item.id), onClick: () => markOne(item) }, item.id);
+            }
+            return /* @__PURE__ */ jsx(
+              ListItem,
+              {
+                ...row,
+                "data-inbox-item": String(item.id),
+                href: item.url,
+                external: !item.url.startsWith("/"),
+                onClick: () => markOne(item),
+                onAuxClick: (event) => {
+                  if (event.button === 1) markOne(item);
+                }
+              },
+              item.id
+            );
+          }),
+          hasMore && onLoadMore && /* @__PURE__ */ jsx("li", { className: "px-2 py-1", children: /* @__PURE__ */ jsx(
+            Button,
             {
-              ...row,
-              "data-inbox-item": String(item.id),
-              onClick: () => {
-                markOne(item);
-                onOpen(item);
-              }
-            },
-            item.id
-          );
-        }
-        if (!item.url) {
-          return /* @__PURE__ */ jsx(ListItem, { ...row, "data-inbox-item": String(item.id), onClick: () => markOne(item) }, item.id);
-        }
-        return /* @__PURE__ */ jsx(
-          ListItem,
-          {
-            ...row,
-            "data-inbox-item": String(item.id),
-            href: item.url,
-            external: !item.url.startsWith("/"),
-            onClick: () => markOne(item),
-            onAuxClick: (event) => {
-              if (event.button === 1) markOne(item);
+              type: "button",
+              size: "sm",
+              variant: "ghost",
+              pending: loadingMore,
+              onClick: onLoadMore,
+              className: "w-full",
+              children: labels.showMore
             }
-          },
-          item.id
-        );
-      }),
-      hasMore && onLoadMore && /* @__PURE__ */ jsx("li", { className: "px-2 py-1", children: /* @__PURE__ */ jsx(Button, { type: "button", size: "sm", variant: "ghost", pending: loadingMore, onClick: onLoadMore, className: "w-full", children: labels.showMore }) })
-    ] });
+          ) })
+        ]
+      }
+    );
   }
   return /* @__PURE__ */ jsxs(Card, { ...rest, className: cn("overflow-hidden p-0", className), children: [
     header,

package/dist/notifications/notification-inbox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notification-inbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from \"react\";\nimport { Bell, CheckCheck, Trash2 } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { useKitFormat } from \"../lib/format\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { EmptyState } from \"../components/empty-state\";\nimport { IconButton } from \"../components/icon-button\";\nimport { List, ListItem } from \"../components/list\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * One inbox row as `GET /notifications/inbox` answers it (server-kit `InboxItem`, §3.7):\n * the title and body already in the recipient's language.\n */\nexport interface NotificationInboxItem<Id extends string | number = string | number> {\n  id: Id;\n  /** The type id, for the row's icon. */\n  notification_type: string;\n  title: string;\n  body: string;\n  /** A path in the app, an absolute URL, or `null` (nothing to open). */\n  url: string | null;\n  /** ISO date-time. */\n  created_at: string;\n  /** ISO date-time, or `null` while unread. */\n  read_at: string | null;\n  /** 0.46 (server-kit 0.16 `InboxItem.company`): the company the row is about, named on\n   *  the row — kastlan's inbox holds every company's rows. */\n  company?: string | null;\n  /** 0.46.1 (server-kit 0.16.1 `InboxItem.company_id`): the same company by its id, so\n   *  `onOpen` switches to it exactly (two companies may share a name). */\n  company_id?: number | string | null;\n}\n\n/** The inbox request that failed, as `describeError` gets it (0.46.1): one row marked read,\n *  \"Mark all as read\", or \"Clear all\". */\nexport type NotificationInboxAction = \"read\" | \"readAll\" | \"clear\";\n\nexport interface NotificationInboxProps<Id extends string | number = string | number>\n  extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"title\"> {\n  /** The rows, newest first; `undefined` while the first page loads. */\n  items: readonly NotificationInboxItem<Id>[] | undefined;\n  /** Every unread row of the account (`unread_count`), not only this page's. */\n  unreadCount: number;\n  loading?: boolean;\n  /** `POST /notifications/inbox/read {ids}` — these rows, or `null` for all. */\n  onMarkRead: (ids: Id[] | null) => Promise<unknown> | void;\n  /** `DELETE /notifications/inbox`. Asked first, in the header. */\n  onClear: () => Promise<unknown> | void;\n  /**\n   * Open a row: the kit marks it read first, then calls this, and the app routes to\n   * `item.url` (kastlan switches the acting company, `item.company_id`, first). Every row is a button then.\n   * Left out, a row with a `url` is a real link — an in-app path through the provider's\n   * router link, an absolute URL in a new tab — that marks itself read on a click or a\n   * middle click (keksdose #451), and a row without one marks itself read.\n   */\n  onOpen?: (item: NotificationInboxItem<Id>) => void;\n  /** The row's glyph for a type — the app's map (keksdose's `TYPE_ICONS`). `undefined`,\n   *  or a type it does not know (a retired one), is the `Bell`. */\n  icon?: (type: string) => LucideIcon | undefined;\n  /** More rows than shown: a \"Show more\" row calls `onLoadMore` (the API pages by\n   *  `offset`). */\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n  /** The next page is loading. */\n  loadingMore?: boolean;\n  /** A row's time. Default: the provider's locale and `timeZone`, date and time. */\n  formatDate?: (iso: string) => string;\n  /** The heading. Default `labels.inboxTitle` (\"Inbox\"). */\n  title?: ReactNode;\n  /** The app's own words for a failed request, or `undefined` for the kit's `failed`.\n   *  `action` (0.46.1) says which request failed: `\"read\"` (one row), `\"readAll\"` (\"Mark\n   *  all as read\") or `\"clear\"` (\"Clear all\") — so a failed mark-read is not worded as a\n   *  failed clear. */\n  describeError?: (error: unknown, action: NotificationInboxAction) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/**\n * The in-app inbox (0.46, docs/notifications-harmonization.md §10.1), keksdose's list\n * lifted: newest first, an icon per type (`Bell` for one the app does not map), the\n * title and two lines of body, the time, and — kastlan — the company the row is about.\n * Unread rows are bold with a dot. Props only: the app keeps the data (poll the badge\n * every {@link INBOX_BADGE_INTERVAL}, invalidate on its worker's push message).\n *\n * - **Opening a row marks it read** (see `onOpen`).\n * - **\"Mark all as read\"** while anything is unread; **\"Clear all\"** asks first, in the\n *   header — no `ConfirmProvider` needed — with focus on Cancel.\n * - **\"Show more\"** with `hasMore`; the list scrolls inside a box of at most\n *   `min(24rem, 70vh)`, so it never pushes the settings below it off the page.\n *\n * Under a write lock the header's actions are `commit` controls exempt from billing.\n */\nexport function NotificationInbox<Id extends string | number = string | number>({\n  items,\n  unreadCount,\n  loading,\n  onMarkRead,\n  onClear,\n  onOpen,\n  icon,\n  hasMore = false,\n  onLoadMore,\n  loadingMore = false,\n  formatDate: formatDateProp,\n  title,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationInboxProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const { formatDate } = useKitFormat();\n  const [asking, setAsking] = useState(false);\n  const [busy, setBusy] = useState<\"read\" | \"clear\" | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const headingId = useId();\n  const cancelRef = useRef<HTMLButtonElement>(null);\n  const clearRef = useRef<HTMLButtonElement>(null);\n  const [returning, setReturning] = useState(false);\n  useEffect(() => {\n    if (asking) cancelRef.current?.focus();\n    else if (returning) clearRef.current?.focus();\n  }, [asking, returning]);\n\n  const timeOf = (iso: string) => (formatDateProp ? formatDateProp(iso) : formatDate(iso, \"dateTime\"));\n  const iconOf = (type: string): LucideIcon => icon?.(type) ?? Bell;\n\n  const run = (which: \"read\" | \"clear\", call: () => unknown, after?: () => void) => {\n    setBusy(which);\n    setFailure(null);\n    settle(call).then(\n      () => {\n        if (!mounted.current) return;\n        setBusy(null);\n        after?.();\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        setBusy(null);\n        setFailure(describeFailure(describeError?.(error, which === \"read\" ? \"readAll\" : \"clear\"), labels.failed));\n      },\n    );\n  };\n\n  /** Mark one row read; a failure is said under the list, the row stays as it is. */\n  const markOne = (item: NotificationInboxItem<Id>) => {\n    if (item.read_at !== null) return;\n    settle(() => onMarkRead([item.id])).catch((error: unknown) => {\n      if (mounted.current) setFailure(describeFailure(describeError?.(error, \"read\"), labels.failed));\n    });\n  };\n\n  const leave = () => {\n    setReturning(true);\n    setAsking(false);\n  };\n  const escapeLeaves = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      event.stopPropagation();\n      leave();\n    }\n  };\n\n  const count = items?.length ?? 0;\n\n  const header = asking ? (\n    <div className=\"space-y-2 border-b border-subtle px-3 py-2\" data-inbox-confirm=\"\">\n      <p role=\"alert\" className=\"text-sm\">\n        {labels.clearPrompt}\n      </p>\n      <div className=\"flex flex-wrap gap-2\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"danger\"\n          commit={COMMIT_EXCEPT_BILLING}\n          pending={busy === \"clear\"}\n          onClick={() => run(\"clear\", onClear, () => setAsking(false))}\n          onKeyDown={escapeLeaves}\n        >\n          {labels.clearAll}\n        </Button>\n        <Button ref={cancelRef} type=\"button\" size=\"sm\" variant=\"ghost\" onClick={leave} onKeyDown={escapeLeaves}>\n          {common.cancel}\n        </Button>\n      </div>\n    </div>\n  ) : (\n    <div className=\"flex items-center justify-between gap-2 border-b border-subtle px-3 py-2\">\n      <SettingsCardTitle id={headingId}>{title ?? labels.inboxTitle}</SettingsCardTitle>\n      <div className=\"flex items-center gap-0.5\">\n        <IconButton\n          type=\"button\"\n          size=\"xs\"\n          tone=\"muted\"\n          commit={COMMIT_EXCEPT_BILLING}\n          onClick={() => run(\"read\", () => onMarkRead(null))}\n          disabled={unreadCount === 0 || busy !== null}\n          label={labels.markAllRead}\n        >\n          <CheckCheck />\n        </IconButton>\n        <IconButton\n          ref={clearRef}\n          type=\"button\"\n          size=\"xs\"\n          tone=\"danger\"\n          commit={COMMIT_EXCEPT_BILLING}\n          onClick={() => {\n            setReturning(false);\n            setAsking(true);\n          }}\n          disabled={count === 0 || busy !== null}\n          label={labels.clearAll}\n        >\n          <Trash2 />\n        </IconButton>\n      </div>\n    </div>\n  );\n\n  let body: ReactNode;\n  if (loading || items === undefined) {\n    body = <Skeleton lines={3} label={labels.inboxLoading} className=\"p-3\" />;\n  } else if (items.length === 0) {\n    body = <EmptyState variant=\"inline\" title={labels.inboxEmpty} className=\"px-3 py-2\" />;\n  } else {\n    body = (\n      // Named by the heading — except while \"Clear all\" asks, when the heading is away.\n      <List className=\"p-1\" aria-labelledby={asking ? undefined : headingId} aria-label={asking ? labels.inboxTitle : undefined}>\n        {items.map((item) => {\n          const row = {\n            title: item.title,\n            subtitle: item.body,\n            subtitleLines: 2 as const,\n            overline: item.company ?? undefined,\n            meta: timeOf(item.created_at),\n            icon: iconOf(item.notification_type),\n            unread: item.read_at === null,\n            align: \"start\" as const,\n          };\n          if (onOpen) {\n            return (\n              <ListItem\n                key={item.id}\n                {...row}\n                data-inbox-item={String(item.id)}\n                onClick={() => {\n                  markOne(item);\n                  onOpen(item);\n                }}\n              />\n            );\n          }\n          if (!item.url) {\n            return <ListItem key={item.id} {...row} data-inbox-item={String(item.id)} onClick={() => markOne(item)} />;\n          }\n          // A real link, so a middle click opens a background tab; a middle click fires no\n          // `click`, hence `onAuxClick` (keksdose #451).\n          return (\n            <ListItem\n              key={item.id}\n              {...row}\n              data-inbox-item={String(item.id)}\n              href={item.url}\n              external={!item.url.startsWith(\"/\")}\n              onClick={() => markOne(item)}\n              onAuxClick={(event) => {\n                if (event.button === 1) markOne(item);\n              }}\n            />\n          );\n        })}\n        {hasMore && onLoadMore && (\n          <li className=\"px-2 py-1\">\n            <Button type=\"button\" size=\"sm\" variant=\"ghost\" pending={loadingMore} onClick={onLoadMore} className=\"w-full\">\n              {labels.showMore}\n            </Button>\n          </li>\n        )}\n      </List>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"overflow-hidden p-0\", className)}>\n      {header}\n      <div className=\"max-h-[min(24rem,70vh)] overflow-y-auto overscroll-contain\">{body}</div>\n      {failure !== null && (\n        <div className=\"px-3 pb-3\">\n          <FailureLine>{failure}</FailureLine>\n        </div>\n      )}\n    </Card>\n  );\n}\n\n/** How often an app polls the unread count for the badge (keksdose's 60 s, `limit:1`). */\nexport const INBOX_BADGE_INTERVAL = 60_000;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/notification-inbox.tsx"],"sourcesContent":["import { useEffect, useId, useRef, useState } from \"react\";\nimport type { ComponentPropsWithRef, KeyboardEvent, ReactNode } from \"react\";\nimport { Bell, CheckCheck, Trash2 } from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { DEFAULT_COMMON_LABELS } from \"../i18n/shared-labels\";\nimport { cn } from \"../lib/cn\";\nimport { useKitFormat } from \"../lib/format\";\nimport { Button } from \"../components/button\";\nimport { Card } from \"../components/card\";\nimport { EmptyState } from \"../components/empty-state\";\nimport { IconButton } from \"../components/icon-button\";\nimport { List, ListItem } from \"../components/list\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * One inbox row as `GET /notifications/inbox` answers it (server-kit `InboxItem`, §3.7):\n * the title and body already in the recipient's language.\n */\nexport interface NotificationInboxItem<Id extends string | number = string | number> {\n  id: Id;\n  /** The type id, for the row's icon. */\n  notification_type: string;\n  title: string;\n  body: string;\n  /** A path in the app, an absolute URL, or `null` (nothing to open). */\n  url: string | null;\n  /** ISO date-time. */\n  created_at: string;\n  /** ISO date-time, or `null` while unread. */\n  read_at: string | null;\n  /** 0.46 (server-kit 0.16 `InboxItem.company`): the company the row is about, named on\n   *  the row — kastlan's inbox holds every company's rows. */\n  company?: string | null;\n  /** 0.46.1 (server-kit 0.16.1 `InboxItem.company_id`): the same company by its id, so\n   *  `onOpen` switches to it exactly (two companies may share a name). */\n  company_id?: number | string | null;\n}\n\n/** The inbox request that failed, as `describeError` gets it (0.46.1): one row marked read,\n *  \"Mark all as read\", or \"Clear all\". */\nexport type NotificationInboxAction = \"read\" | \"readAll\" | \"clear\";\n\nexport interface NotificationInboxProps<Id extends string | number = string | number> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\" | \"title\"\n> {\n  /** The rows, newest first; `undefined` while the first page loads. */\n  items: readonly NotificationInboxItem<Id>[] | undefined;\n  /** Every unread row of the account (`unread_count`), not only this page's. */\n  unreadCount: number;\n  loading?: boolean;\n  /** `POST /notifications/inbox/read {ids}` — these rows, or `null` for all. */\n  onMarkRead: (ids: Id[] | null) => Promise<unknown> | void;\n  /** `DELETE /notifications/inbox`. Asked first, in the header. */\n  onClear: () => Promise<unknown> | void;\n  /**\n   * Open a row: the kit marks it read first, then calls this, and the app routes to\n   * `item.url` (kastlan switches the acting company, `item.company_id`, first). Every row is a button then.\n   * Left out, a row with a `url` is a real link — an in-app path through the provider's\n   * router link, an absolute URL in a new tab — that marks itself read on a click or a\n   * middle click (keksdose #451), and a row without one marks itself read.\n   */\n  onOpen?: (item: NotificationInboxItem<Id>) => void;\n  /** The row's glyph for a type — the app's map (keksdose's `TYPE_ICONS`). `undefined`,\n   *  or a type it does not know (a retired one), is the `Bell`. */\n  icon?: (type: string) => LucideIcon | undefined;\n  /** More rows than shown: a \"Show more\" row calls `onLoadMore` (the API pages by\n   *  `offset`). */\n  hasMore?: boolean;\n  onLoadMore?: () => void;\n  /** The next page is loading. */\n  loadingMore?: boolean;\n  /** A row's time. Default: the provider's locale and `timeZone`, date and time. */\n  formatDate?: (iso: string) => string;\n  /** The heading. Default `labels.inboxTitle` (\"Inbox\"). */\n  title?: ReactNode;\n  /** The app's own words for a failed request, or `undefined` for the kit's `failed`.\n   *  `action` (0.46.1) says which request failed: `\"read\"` (one row), `\"readAll\"` (\"Mark\n   *  all as read\") or `\"clear\"` (\"Clear all\") — so a failed mark-read is not worded as a\n   *  failed clear. */\n  describeError?: (error: unknown, action: NotificationInboxAction) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/**\n * The in-app inbox (0.46, docs/notifications-harmonization.md §10.1), keksdose's list\n * lifted: newest first, an icon per type (`Bell` for one the app does not map), the\n * title and two lines of body, the time, and — kastlan — the company the row is about.\n * Unread rows are bold with a dot. Props only: the app keeps the data (poll the badge\n * every {@link INBOX_BADGE_INTERVAL}, invalidate on its worker's push message).\n *\n * - **Opening a row marks it read** (see `onOpen`).\n * - **\"Mark all as read\"** while anything is unread; **\"Clear all\"** asks first, in the\n *   header — no `ConfirmProvider` needed — with focus on Cancel.\n * - **\"Show more\"** with `hasMore`; the list scrolls inside a box of at most\n *   `min(24rem, 70vh)`, so it never pushes the settings below it off the page.\n *\n * Under a write lock the header's actions are `commit` controls exempt from billing.\n */\nexport function NotificationInbox<Id extends string | number = string | number>({\n  items,\n  unreadCount,\n  loading,\n  onMarkRead,\n  onClear,\n  onOpen,\n  icon,\n  hasMore = false,\n  onLoadMore,\n  loadingMore = false,\n  formatDate: formatDateProp,\n  title,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationInboxProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const { formatDate } = useKitFormat();\n  const [asking, setAsking] = useState(false);\n  const [busy, setBusy] = useState<\"read\" | \"clear\" | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const headingId = useId();\n  const cancelRef = useRef<HTMLButtonElement>(null);\n  const clearRef = useRef<HTMLButtonElement>(null);\n  const [returning, setReturning] = useState(false);\n  useEffect(() => {\n    if (asking) cancelRef.current?.focus();\n    else if (returning) clearRef.current?.focus();\n  }, [asking, returning]);\n\n  const timeOf = (iso: string) => (formatDateProp ? formatDateProp(iso) : formatDate(iso, \"dateTime\"));\n  const iconOf = (type: string): LucideIcon => icon?.(type) ?? Bell;\n\n  const run = (which: \"read\" | \"clear\", call: () => unknown, after?: () => void) => {\n    setBusy(which);\n    setFailure(null);\n    settle(call).then(\n      () => {\n        if (!mounted.current) return;\n        setBusy(null);\n        after?.();\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        setBusy(null);\n        setFailure(describeFailure(describeError?.(error, which === \"read\" ? \"readAll\" : \"clear\"), labels.failed));\n      },\n    );\n  };\n\n  /** Mark one row read; a failure is said under the list, the row stays as it is. */\n  const markOne = (item: NotificationInboxItem<Id>) => {\n    if (item.read_at !== null) return;\n    settle(() => onMarkRead([item.id])).catch((error: unknown) => {\n      if (mounted.current) setFailure(describeFailure(describeError?.(error, \"read\"), labels.failed));\n    });\n  };\n\n  const leave = () => {\n    setReturning(true);\n    setAsking(false);\n  };\n  const escapeLeaves = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key === \"Escape\") {\n      event.preventDefault();\n      event.stopPropagation();\n      leave();\n    }\n  };\n\n  const count = items?.length ?? 0;\n\n  const header = asking ? (\n    <div className=\"space-y-2 border-b border-subtle px-3 py-2\" data-inbox-confirm=\"\">\n      <p role=\"alert\" className=\"text-sm\">\n        {labels.clearPrompt}\n      </p>\n      <div className=\"flex flex-wrap gap-2\">\n        <Button\n          type=\"button\"\n          size=\"sm\"\n          variant=\"danger\"\n          commit={COMMIT_EXCEPT_BILLING}\n          pending={busy === \"clear\"}\n          onClick={() => run(\"clear\", onClear, () => setAsking(false))}\n          onKeyDown={escapeLeaves}\n        >\n          {labels.clearAll}\n        </Button>\n        <Button ref={cancelRef} type=\"button\" size=\"sm\" variant=\"ghost\" onClick={leave} onKeyDown={escapeLeaves}>\n          {common.cancel}\n        </Button>\n      </div>\n    </div>\n  ) : (\n    <div className=\"flex items-center justify-between gap-2 border-b border-subtle px-3 py-2\">\n      <SettingsCardTitle id={headingId}>{title ?? labels.inboxTitle}</SettingsCardTitle>\n      <div className=\"flex items-center gap-0.5\">\n        <IconButton\n          type=\"button\"\n          size=\"xs\"\n          tone=\"muted\"\n          commit={COMMIT_EXCEPT_BILLING}\n          onClick={() => run(\"read\", () => onMarkRead(null))}\n          disabled={unreadCount === 0 || busy !== null}\n          label={labels.markAllRead}\n        >\n          <CheckCheck />\n        </IconButton>\n        <IconButton\n          ref={clearRef}\n          type=\"button\"\n          size=\"xs\"\n          tone=\"danger\"\n          commit={COMMIT_EXCEPT_BILLING}\n          onClick={() => {\n            setReturning(false);\n            setAsking(true);\n          }}\n          disabled={count === 0 || busy !== null}\n          label={labels.clearAll}\n        >\n          <Trash2 />\n        </IconButton>\n      </div>\n    </div>\n  );\n\n  let body: ReactNode;\n  if (loading || items === undefined) {\n    body = <Skeleton lines={3} label={labels.inboxLoading} className=\"p-3\" />;\n  } else if (items.length === 0) {\n    body = <EmptyState variant=\"inline\" title={labels.inboxEmpty} className=\"px-3 py-2\" />;\n  } else {\n    body = (\n      // Named by the heading — except while \"Clear all\" asks, when the heading is away.\n      <List\n        className=\"p-1\"\n        aria-labelledby={asking ? undefined : headingId}\n        aria-label={asking ? labels.inboxTitle : undefined}\n      >\n        {items.map((item) => {\n          const row = {\n            title: item.title,\n            subtitle: item.body,\n            subtitleLines: 2 as const,\n            overline: item.company ?? undefined,\n            meta: timeOf(item.created_at),\n            icon: iconOf(item.notification_type),\n            unread: item.read_at === null,\n            align: \"start\" as const,\n          };\n          if (onOpen) {\n            return (\n              <ListItem\n                key={item.id}\n                {...row}\n                data-inbox-item={String(item.id)}\n                onClick={() => {\n                  markOne(item);\n                  onOpen(item);\n                }}\n              />\n            );\n          }\n          if (!item.url) {\n            return <ListItem key={item.id} {...row} data-inbox-item={String(item.id)} onClick={() => markOne(item)} />;\n          }\n          // A real link, so a middle click opens a background tab; a middle click fires no\n          // `click`, hence `onAuxClick` (keksdose #451).\n          return (\n            <ListItem\n              key={item.id}\n              {...row}\n              data-inbox-item={String(item.id)}\n              href={item.url}\n              external={!item.url.startsWith(\"/\")}\n              onClick={() => markOne(item)}\n              onAuxClick={(event) => {\n                if (event.button === 1) markOne(item);\n              }}\n            />\n          );\n        })}\n        {hasMore && onLoadMore && (\n          <li className=\"px-2 py-1\">\n            <Button\n              type=\"button\"\n              size=\"sm\"\n              variant=\"ghost\"\n              pending={loadingMore}\n              onClick={onLoadMore}\n              className=\"w-full\"\n            >\n              {labels.showMore}\n            </Button>\n          </li>\n        )}\n      </List>\n    );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"overflow-hidden p-0\", className)}>\n      {header}\n      <div className=\"max-h-[min(24rem,70vh)] overflow-y-auto overscroll-contain\">{body}</div>\n      {failure !== null && (\n        <div className=\"px-3 pb-3\">\n          <FailureLine>{failure}</FailureLine>\n        </div>\n      )}\n    </Card>\n  );\n}\n\n/** How often an app polls the unread count for the badge (keksdose's 60 s, `limit:1`). */\nexport const INBOX_BADGE_INTERVAL = 60_000;\n"],"mappings":"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","names":[]}

package/dist/notifications/notification-parts.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notification-parts.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { hasContent } from \"../lib/presence\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { DEFAULT_NOTIFICATIONS_LABELS } from \"./notifications-labels\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * What the notification cards share: their words, the failure line under a card, and\n * the overlay a card shows while its write runs.\n *\n * @internal Not part of the barrel; the cards are.\n */\n\n/** The `notifications` namespace: English, then the provider, then the card's prop. */\nexport function useNotificationsLabels(prop?: LabelOverride<NotificationsLabels>): NotificationsLabels {\n  return useKitLabels(\"notifications\", DEFAULT_NOTIFICATIONS_LABELS, prop);\n}\n\n/** The app's words for a failure, else `fallback`. */\nexport function describeFailure(own: ReactNode | undefined, fallback: ReactNode): ReactNode {\n  return hasContent(own) ? own : fallback;\n}\n\n/** A failure, said under the card's controls — nothing toasts (§4.2). */\nexport function FailureLine({ children }: { children: ReactNode }) {\n  if (!hasContent(children)) return null;\n  return (\n    <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n      {children}\n    </AlertBanner>\n  );\n}\n\n/** What {@link useWriteOverlay} answers. */\nexport interface WriteOverlay<V> {\n  has: (key: string) => boolean;\n  get: (key: string) => V | undefined;\n  pending: (key: string) => boolean;\n  set: (key: string, value: V) => void;\n  settle: (key: string, ok: boolean) => void;\n}\n\n/**\n * Values a card shows while its write runs, over what the server last answered.\n *\n * `set(key, value)` shows `value` at once; `settle(key, ok)` drops it again when the\n * write failed (the server's value comes back) and keeps it when it succeeded, until the\n * app hands the card a new `source` — the PATCH's answer, or a refetch — which clears\n * every settled entry, so a card whose app does not update its query on success does not\n * flick back to the old value in between. `pending(key)` says whether a write for `key`\n * is still running.\n *\n * The reset on a new `source` is React's \"adjust state while rendering\" pattern, not an\n * effect: the overlay is gone in the same render that shows the new value.\n */\nexport function useWriteOverlay<V>(source: unknown): WriteOverlay<V> {\n  const [entries, setEntries] = useState<ReadonlyMap<string, { value: V; running: boolean }>>(new Map());\n  const [seen, setSeen] = useState(source);\n  if (seen !== source) {\n    setSeen(source);\n    const kept = new Map([...entries].filter(([, entry]) => entry.running));\n    if (kept.size !== entries.size) setEntries(kept);\n  }\n  return {\n    has: (key: string) => entries.has(key),\n    get: (key: string) => entries.get(key)?.value,\n    pending: (key: string) => entries.get(key)?.running === true,\n    set: (key: string, value: V) =>\n      setEntries((current) => new Map(current).set(key, { value, running: true })),\n    settle: (key: string, ok: boolean) =>\n      setEntries((current) => {\n        const entry = current.get(key);\n        if (!entry) return current;\n        const next = new Map(current);\n        if (ok) next.set(key, { value: entry.value, running: false });\n        else next.delete(key);\n        return next;\n      }),\n  };\n}\n"],"mappings":";AA8BI;AA9BJ,SAAS,gBAAgB;AAGzB,SAAS,oBAAwC;AACjD,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oCAAoC;AAWtC,SAAS,uBAAuB,MAAgE;AACrG,SAAO,aAAa,iBAAiB,8BAA8B,IAAI;AACzE;AAGO,SAAS,gBAAgB,KAA4B,UAAgC;AAC1F,SAAO,WAAW,GAAG,IAAI,MAAM;AACjC;AAGO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,MAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAClC,SACE,oBAAC,eAAY,MAAK,UAAS,MAAK,MAAK,MAAK,SACvC,UACH;AAEJ;AAwBO,SAAS,gBAAmB,QAAkC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8D,oBAAI,IAAI,CAAC;AACrG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM;AACvC,MAAI,SAAS,QAAQ;AACnB,YAAQ,MAAM;AACd,UAAM,OAAO,IAAI,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,OAAO,CAAC;AACtE,QAAI,KAAK,SAAS,QAAQ,KAAM,YAAW,IAAI;AAAA,EACjD;AACA,SAAO;AAAA,IACL,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG;AAAA,IACrC,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG;AAAA,IACxC,SAAS,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG,YAAY;AAAA,IACxD,KAAK,CAAC,KAAa,UACjB,WAAW,CAAC,YAAY,IAAI,IAAI,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,SAAS,KAAK,CAAC,CAAC;AAAA,IAC7E,QAAQ,CAAC,KAAa,OACpB,WAAW,CAAC,YAAY;AACtB,YAAM,QAAQ,QAAQ,IAAI,GAAG;AAC7B,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,UAAI,GAAI,MAAK,IAAI,KAAK,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM,CAAC;AAAA,UACvD,MAAK,OAAO,GAAG;AACpB,aAAO;AAAA,IACT,CAAC;AAAA,EACL;AACF;","names":[]}
+{"version":3,"sources":["../../src/notifications/notification-parts.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\n\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { hasContent } from \"../lib/presence\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { DEFAULT_NOTIFICATIONS_LABELS } from \"./notifications-labels\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\n\n/**\n * What the notification cards share: their words, the failure line under a card, and\n * the overlay a card shows while its write runs.\n *\n * @internal Not part of the barrel; the cards are.\n */\n\n/** The `notifications` namespace: English, then the provider, then the card's prop. */\nexport function useNotificationsLabels(prop?: LabelOverride<NotificationsLabels>): NotificationsLabels {\n  return useKitLabels(\"notifications\", DEFAULT_NOTIFICATIONS_LABELS, prop);\n}\n\n/** The app's words for a failure, else `fallback`. */\nexport function describeFailure(own: ReactNode | undefined, fallback: ReactNode): ReactNode {\n  return hasContent(own) ? own : fallback;\n}\n\n/** A failure, said under the card's controls — nothing toasts (§4.2). */\nexport function FailureLine({ children }: { children: ReactNode }) {\n  if (!hasContent(children)) return null;\n  return (\n    <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n      {children}\n    </AlertBanner>\n  );\n}\n\n/** What {@link useWriteOverlay} answers. */\nexport interface WriteOverlay<V> {\n  has: (key: string) => boolean;\n  get: (key: string) => V | undefined;\n  pending: (key: string) => boolean;\n  set: (key: string, value: V) => void;\n  settle: (key: string, ok: boolean) => void;\n}\n\n/**\n * Values a card shows while its write runs, over what the server last answered.\n *\n * `set(key, value)` shows `value` at once; `settle(key, ok)` drops it again when the\n * write failed (the server's value comes back) and keeps it when it succeeded, until the\n * app hands the card a new `source` — the PATCH's answer, or a refetch — which clears\n * every settled entry, so a card whose app does not update its query on success does not\n * flick back to the old value in between. `pending(key)` says whether a write for `key`\n * is still running.\n *\n * The reset on a new `source` is React's \"adjust state while rendering\" pattern, not an\n * effect: the overlay is gone in the same render that shows the new value.\n */\nexport function useWriteOverlay<V>(source: unknown): WriteOverlay<V> {\n  const [entries, setEntries] = useState<ReadonlyMap<string, { value: V; running: boolean }>>(new Map());\n  const [seen, setSeen] = useState(source);\n  if (seen !== source) {\n    setSeen(source);\n    const kept = new Map([...entries].filter(([, entry]) => entry.running));\n    if (kept.size !== entries.size) setEntries(kept);\n  }\n  return {\n    has: (key: string) => entries.has(key),\n    get: (key: string) => entries.get(key)?.value,\n    pending: (key: string) => entries.get(key)?.running === true,\n    set: (key: string, value: V) => setEntries((current) => new Map(current).set(key, { value, running: true })),\n    settle: (key: string, ok: boolean) =>\n      setEntries((current) => {\n        const entry = current.get(key);\n        if (!entry) return current;\n        const next = new Map(current);\n        if (ok) next.set(key, { value: entry.value, running: false });\n        else next.delete(key);\n        return next;\n      }),\n  };\n}\n"],"mappings":";AA8BI;AA9BJ,SAAS,gBAAgB;AAGzB,SAAS,oBAAwC;AACjD,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,oCAAoC;AAWtC,SAAS,uBAAuB,MAAgE;AACrG,SAAO,aAAa,iBAAiB,8BAA8B,IAAI;AACzE;AAGO,SAAS,gBAAgB,KAA4B,UAAgC;AAC1F,SAAO,WAAW,GAAG,IAAI,MAAM;AACjC;AAGO,SAAS,YAAY,EAAE,SAAS,GAA4B;AACjE,MAAI,CAAC,WAAW,QAAQ,EAAG,QAAO;AAClC,SACE,oBAAC,eAAY,MAAK,UAAS,MAAK,MAAK,MAAK,SACvC,UACH;AAEJ;AAwBO,SAAS,gBAAmB,QAAkC;AACnE,QAAM,CAAC,SAAS,UAAU,IAAI,SAA8D,oBAAI,IAAI,CAAC;AACrG,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM;AACvC,MAAI,SAAS,QAAQ;AACnB,YAAQ,MAAM;AACd,UAAM,OAAO,IAAI,IAAI,CAAC,GAAG,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,MAAM,OAAO,CAAC;AACtE,QAAI,KAAK,SAAS,QAAQ,KAAM,YAAW,IAAI;AAAA,EACjD;AACA,SAAO;AAAA,IACL,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG;AAAA,IACrC,KAAK,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG;AAAA,IACxC,SAAS,CAAC,QAAgB,QAAQ,IAAI,GAAG,GAAG,YAAY;AAAA,IACxD,KAAK,CAAC,KAAa,UAAa,WAAW,CAAC,YAAY,IAAI,IAAI,OAAO,EAAE,IAAI,KAAK,EAAE,OAAO,SAAS,KAAK,CAAC,CAAC;AAAA,IAC3G,QAAQ,CAAC,KAAa,OACpB,WAAW,CAAC,YAAY;AACtB,YAAM,QAAQ,QAAQ,IAAI,GAAG;AAC7B,UAAI,CAAC,MAAO,QAAO;AACnB,YAAM,OAAO,IAAI,IAAI,OAAO;AAC5B,UAAI,GAAI,MAAK,IAAI,KAAK,EAAE,OAAO,MAAM,OAAO,SAAS,MAAM,CAAC;AAAA,UACvD,MAAK,OAAO,GAAG;AACpB,aAAO;AAAA,IACT,CAAC;AAAA,EACL;AACF;","names":[]}

package/dist/notifications/notification-types-setting.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/notifications/notification-types-setting.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\nimport { Card } from \"../components/card\";\nimport { Select } from \"../components/select\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { SectionLabel } from \"../components/text\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { WriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type {\n  DigestCadence,\n  NotificationChannel,\n  NotificationSettingsPatch,\n  NotificationSwitches,\n  NotificationTypeEntry,\n  NotificationTypeGroup,\n  NotificationTypesValue,\n} from \"./notification-types\";\n\n/** Is this a development build? Dead code in a consumer's production bundle; on under\n *  vitest, where a type the card cannot draw is a bug a test should fail on (as\n *  `SettingsSection`'s catalogue check). */\nfunction devChecks(): boolean {\n  return Boolean(import.meta.env?.DEV);\n}\n\nexport interface NotificationTypesSettingProps<Id extends string = string>\n  extends Omit<ComponentPropsWithRef<\"div\">, \"children\" | \"onChange\"> {\n  /** The app's words for its types, in its order. Where an app types its ids. */\n  types: readonly NotificationTypeEntry<Id>[];\n  /** The `GET`'s `types` (§3.2); `undefined` while the first load runs. */\n  value: NotificationTypesValue | undefined;\n  /** The settings are loading. */\n  loading?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings` with this body: one switch per\n   * call (`{types: {digest: {app: true}}}`), or `{digest_cadence}`. The switch shows its\n   * new state while the call runs and goes back if it rejects; hand the card the\n   * PATCH's answer (or refetch) when it resolves.\n   */\n  onChange: (patch: NotificationSettingsPatch<Id>) => Promise<unknown> | void;\n  /** Headings over the types, in the app's words (keksdose's three). Without them, one\n   *  list in the order of `types`. In development every type the server answered must\n   *  be in one. */\n  groups?: readonly NotificationTypeGroup<Id>[];\n  /** The digest type and the account's cadence: a cadence `Select` under that type\n   *  while it is on. */\n  digest?: { type: Id; cadence: DigestCadence };\n  /** Under a type while it is on — keksdose's low-balance threshold field. */\n  renderExtra?: (id: Id) => ReactNode;\n  /** The account's address is unverified: every e-mail switch says\n   *  `labels.emailUnverified` under it (decision 16). */\n  emailUnverified?: boolean;\n  /** Nothing can be changed (the switches stay readable). */\n  disabled?: boolean;\n  /** The app's own words for a failed save, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** One drawn type: the app's words and the server's switches. */\ninterface Row<Id extends string> {\n  entry: NotificationTypeEntry<Id>;\n  switches: NotificationSwitches;\n}\n\n/** A switch's key in the write overlay. */\nconst switchKey = (id: string, channel: NotificationChannel) => `${id}.${channel}`;\nconst CADENCE_KEY = \"digest_cadence\";\n\n/** The grid of a several-channel row on a wide screen: the type's words, then one narrow\n *  column per channel drawn. Literal classes, so Tailwind's scan finds them. */\nconst COLUMN_GRID: Record<number, string> = {\n  1: \"grid-cols-[minmax(0,1fr)_4.5rem]\",\n  2: \"grid-cols-[minmax(0,1fr)_repeat(2,4.5rem)]\",\n  3: \"grid-cols-[minmax(0,1fr)_repeat(3,4.5rem)]\",\n};\n\n/** The channels in the card's column order (§10.2). */\nconst CHANNELS: readonly NotificationChannel[] = [\"app\", \"push\", \"email\"];\n\n/** The channels a type offers: every one the server did not answer `null` (or leave out,\n *  as `push` before server-kit 0.16). */\nconst channelsOf = (switches: NotificationSwitches): NotificationChannel[] =>\n  CHANNELS.filter((channel) => switches[channel] !== null && switches[channel] !== undefined);\n\n/**\n * What the person hears about, and how (docs/notifications-harmonization.md §2.1–§2.3,\n * §4.2, §10.2): one row per type the SERVER answered, the app's words on it, and a switch\n * per channel the type offers — \"In the app\", \"Push\", \"E-mail\". On a wide screen they are\n * narrow columns under those headings; on a phone they stack under the type's label. A\n * channel the server answers `null` is not drawn (kastlan and KS offer no push; KS no\n * \"in the app\"), and a row with one channel keeps a single switch named by the type\n * (Kurvenschmiede's e-mail-only rows).\n *\n * **The server's list is the only list.** The card keeps no defaults and no list of\n * types: it draws what `value` holds, in the order of `groups`, else of `types`. A type\n * the app names that the server did not answer is not drawn (kastlan's tenant receives\n * neither of its types). In development a type the server answered with no entry in\n * `types`, or in no group when `groups` is given, throws — keksdose's compile-time\n * `_EVERY_TYPE_IS_GROUPED`, now at run time, since the list is the server's.\n *\n * **Each flip saves at once**, one switch per call; the switch shows its new state while\n * the call runs and goes back if it rejects, with the failure said under the card. The\n * digest's cadence and the app's extra field (`renderExtra`) show under their type while\n * it is on.\n *\n * Under a write lock the switches are `commit` controls exempt from billing: a lapsed\n * plan never keeps a person from turning notifications off (billing §12.13).\n */\nexport function NotificationTypesSetting<Id extends string = string>({\n  types,\n  value,\n  loading,\n  onChange,\n  groups,\n  digest,\n  renderExtra,\n  emailUnverified = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationTypesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<boolean>(value);\n  const cadenceOverlay = useWriteOverlay<DigestCadence>(digest?.cadence);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const groupId = useId();\n\n  const answered = value ? Object.keys(value) : [];\n  const entries = new Map(types.map((entry) => [entry.id as string, entry]));\n  if (value && devChecks()) {\n    const unnamed = answered.filter((id) => !entries.has(id));\n    if (unnamed.length) {\n      throw new Error(\n        `NotificationTypesSetting: the server answered ${unnamed.map((id) => `\"${id}\"`).join(\", \")} with no entry in \\`types\\` — give every type the server can send its words.`,\n      );\n    }\n    if (groups) {\n      const grouped = new Set<string>(groups.flatMap((group) => group.types));\n      const loose = answered.filter((id) => !grouped.has(id));\n      if (loose.length) {\n        throw new Error(\n          `NotificationTypesSetting: ${loose.map((id) => `\"${id}\"`).join(\", \")} is in no group — a type in no group is drawn nowhere, and could not be turned off.`,\n        );\n      }\n    }\n  }\n\n  const phone = usePhoneLayout();\n  const rowOf = (id: Id): Row<Id> | null => {\n    const switches = value?.[id];\n    const entry = entries.get(id);\n    if (!switches || !entry || channelsOf(switches).length === 0) return null;\n    return { entry, switches };\n  };\n  const rowsOf = (ids: readonly Id[]) => ids.map(rowOf).filter((row): row is Row<Id> => row !== null);\n\n  const shown = (id: string, channel: NotificationChannel, server: boolean): boolean => {\n    const key = switchKey(id, channel);\n    return overlay.get(key) ?? server;\n  };\n  const channelOn = ({ entry, switches }: Row<Id>, channel: NotificationChannel) =>\n    shown(entry.id, channel, switches[channel] === true);\n  /** The type reaches the person at all: some channel is on (the cadence and the app's\n   *  extra show then). */\n  const rowOn = (row: Row<Id>) => channelsOf(row.switches).some((channel) => channelOn(row, channel));\n\n  const save = <V,>(key: string, patch: NotificationSettingsPatch<Id>, which: WriteOverlay<V>, next: V) => {\n    if (which.pending(key)) return;\n    setFailure(null);\n    which.set(key, next);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) which.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        which.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const flip = (id: Id, channel: NotificationChannel, on: boolean) =>\n    save(\n      switchKey(id, channel),\n      { types: { [id]: { [channel]: on } } as NotificationSettingsPatch<Id>[\"types\"] },\n      overlay,\n      on,\n    );\n\n  const cadence = cadenceOverlay.get(CADENCE_KEY) ?? digest?.cadence;\n\n  const unverifiedLine = emailUnverified ? (\n    <span className=\"block\" data-email-unverified=\"\">\n      {labels.emailUnverified}\n    </span>\n  ) : null;\n\n  const channelLabel: Record<NotificationChannel, string> = {\n    app: labels.channelApp,\n    push: labels.channelPush,\n    email: labels.channelEmail,\n  };\n  /** The columns on a wide screen: every channel some several-channel row offers. */\n  const drawnRows = value && !loading ? rowsOf(groups ? groups.flatMap((group) => group.types) : types.map((entry) => entry.id)) : [];\n  const multi = drawnRows.filter((row) => channelsOf(row.switches).length > 1);\n  const columns = CHANNELS.filter((channel) => multi.some((row) => channelsOf(row.switches).includes(channel)));\n  const columnHeadings =\n    !phone && columns.length > 0 ? (\n      // The switches carry the channel's name themselves; the headings are for the eye.\n      <div aria-hidden className={cn(\"grid gap-x-2\", COLUMN_GRID[columns.length])} data-channel-headings=\"\">\n        <span />\n        {columns.map((channel) => (\n          <span key={channel} className=\"text-center text-caption font-medium text-muted\">\n            {channelLabel[channel]}\n          </span>\n        ))}\n      </div>\n    ) : null;\n\n  const renderRow = (row: Row<Id>) => {\n    const { entry, switches } = row;\n    const on = rowOn(row);\n    const offered = channelsOf(switches);\n    const single = offered.length === 1 ? offered[0] : null;\n    const cadenceSelect =\n      on && digest?.type === entry.id && cadence ? (\n        <Select\n          label={labels.digestCadence}\n          value={cadence}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onChange={(event) => {\n            const next = event.target.value as DigestCadence;\n            if (next !== cadence) save(CADENCE_KEY, { digest_cadence: next }, cadenceOverlay, next);\n          }}\n          className=\"max-w-44\"\n        >\n          <option value=\"weekly\">{labels.digestWeekly}</option>\n          <option value=\"monthly\">{labels.digestMonthly}</option>\n        </Select>\n      ) : null;\n    const extra = on ? renderExtra?.(entry.id) : null;\n    const below =\n      cadenceSelect || hasContent(extra) ? (\n        <div className=\"ps-4 space-y-2\">\n          {cadenceSelect}\n          {extra}\n        </div>\n      ) : null;\n\n    // One channel: today's single switch, named by the type (KS's e-mail-only rows).\n    if (single) {\n      const description =\n        single === \"email\" && unverifiedLine ? (\n          <>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {unverifiedLine}\n          </>\n        ) : (\n          entry.description\n        );\n      return (\n        <div key={entry.id} data-notification-type={entry.id} data-channels={single} className=\"space-y-2\">\n          <Switch\n            label={entry.label}\n            description={description}\n            checked={channelOn(row, single)}\n            disabled={disabled}\n            commit={COMMIT_EXCEPT_BILLING}\n            onCheckedChange={(next) => flip(entry.id, single, next)}\n          />\n          {below}\n        </div>\n      );\n    }\n\n    // Several channels: a group named by its type, a switch per channel — columns on a\n    // wide screen (the headings above the list name them), stacked on a phone.\n    const labelId = `${groupId}-type-${entry.id}`;\n    const unverifiedId = `${groupId}-unverified-${entry.id}`;\n    const channelSwitch = (channel: NotificationChannel) => (\n      <Switch\n        key={channel}\n        size=\"sm\"\n        label={phone ? channelLabel[channel] : undefined}\n        aria-label={phone ? undefined : channelLabel[channel]}\n        description={phone && channel === \"email\" ? (unverifiedLine ?? undefined) : undefined}\n        aria-describedby={!phone && channel === \"email\" && unverifiedLine ? unverifiedId : undefined}\n        checked={channelOn(row, channel)}\n        disabled={disabled}\n        commit={COMMIT_EXCEPT_BILLING}\n        onCheckedChange={(next) => flip(entry.id, channel, next)}\n        data-channel={channel}\n      />\n    );\n    const text = (\n      <div className=\"min-w-0\">\n        <div id={labelId} className=\"text-sm font-medium text-primary\">\n          {entry.label}\n        </div>\n        {(entry.description !== undefined || (!phone && offered.includes(\"email\") && unverifiedLine)) && (\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {!phone && offered.includes(\"email\") && <span id={unverifiedId}>{unverifiedLine}</span>}\n          </div>\n        )}\n      </div>\n    );\n    return (\n      <div\n        key={entry.id}\n        data-notification-type={entry.id}\n        data-channels={offered.join(\" \")}\n        role=\"group\"\n        aria-labelledby={labelId}\n        className=\"space-y-2\"\n      >\n        {phone ? (\n          <>\n            {text}\n            <div className=\"ps-4 space-y-2\" data-stacked=\"\">\n              {offered.map(channelSwitch)}\n            </div>\n          </>\n        ) : (\n          <div className={cn(\"grid items-start gap-x-2\", COLUMN_GRID[columns.length])}>\n            {text}\n            {columns.map((channel) => (\n              <div key={channel} className=\"flex justify-center pt-0.5\">\n                {offered.includes(channel) ? channelSwitch(channel) : null}\n              </div>\n            ))}\n          </div>\n        )}\n        {below}\n      </div>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || value === undefined) {\n    body = <Skeleton lines={3} label={labels.typesLoading} />;\n  } else if (groups) {\n    const drawn = groups\n      .map((group) => ({ group, rows: rowsOf(group.types) }))\n      .filter(({ rows }) => rows.length > 0);\n    body =\n      drawn.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <>\n        {columnHeadings}\n        {drawn.map(({ group, rows }) => {\n          const headingId = `${groupId}-${group.id}`;\n          return (\n            <div key={group.id} role=\"group\" aria-labelledby={headingId} className=\"space-y-3\">\n              <SectionLabel as=\"div\" size=\"xs\" id={headingId}>\n                {group.label}\n              </SectionLabel>\n              {rows.map(renderRow)}\n            </div>\n          );\n        })}\n        </>\n      );\n  } else {\n    const rows = rowsOf(types.map((entry) => entry.id));\n    body =\n      rows.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <div className=\"space-y-3\">\n          {columnHeadings}\n          {rows.map(renderRow)}\n        </div>\n      );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.typesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.typesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/notifications/notification-types-setting.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ComponentPropsWithRef, ReactNode } from \"react\";\n\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\nimport { Card } from \"../components/card\";\nimport { Select } from \"../components/select\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Switch } from \"../components/switch\";\nimport { SectionLabel } from \"../components/text\";\nimport { COMMIT_EXCEPT_BILLING } from \"../components/write-lock\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { CARD_DESCRIPTION_CLASS } from \"../settings/settings-card-classes\";\nimport { SettingsCardTitle } from \"../settings/settings-heading\";\nimport { settle, useMounted } from \"../account/account-parts\";\nimport { describeFailure, FailureLine, useNotificationsLabels, useWriteOverlay } from \"./notification-parts\";\nimport type { WriteOverlay } from \"./notification-parts\";\nimport type { NotificationsLabels } from \"./notifications-labels\";\nimport type {\n  DigestCadence,\n  NotificationChannel,\n  NotificationSettingsPatch,\n  NotificationSwitches,\n  NotificationTypeEntry,\n  NotificationTypeGroup,\n  NotificationTypesValue,\n} from \"./notification-types\";\n\n/** Is this a development build? Dead code in a consumer's production bundle; on under\n *  vitest, where a type the card cannot draw is a bug a test should fail on (as\n *  `SettingsSection`'s catalogue check). */\nfunction devChecks(): boolean {\n  return Boolean(import.meta.env?.DEV);\n}\n\nexport interface NotificationTypesSettingProps<Id extends string = string> extends Omit<\n  ComponentPropsWithRef<\"div\">,\n  \"children\" | \"onChange\"\n> {\n  /** The app's words for its types, in its order. Where an app types its ids. */\n  types: readonly NotificationTypeEntry<Id>[];\n  /** The `GET`'s `types` (§3.2); `undefined` while the first load runs. */\n  value: NotificationTypesValue | undefined;\n  /** The settings are loading. */\n  loading?: boolean;\n  /**\n   * Save one change — `PATCH /notifications/settings` with this body: one switch per\n   * call (`{types: {digest: {app: true}}}`), or `{digest_cadence}`. The switch shows its\n   * new state while the call runs and goes back if it rejects; hand the card the\n   * PATCH's answer (or refetch) when it resolves.\n   */\n  onChange: (patch: NotificationSettingsPatch<Id>) => Promise<unknown> | void;\n  /** Headings over the types, in the app's words (keksdose's three). Without them, one\n   *  list in the order of `types`. In development every type the server answered must\n   *  be in one. */\n  groups?: readonly NotificationTypeGroup<Id>[];\n  /** The digest type and the account's cadence: a cadence `Select` under that type\n   *  while it is on. */\n  digest?: { type: Id; cadence: DigestCadence };\n  /** Under a type while it is on — keksdose's low-balance threshold field. */\n  renderExtra?: (id: Id) => ReactNode;\n  /** The account's address is unverified: every e-mail switch says\n   *  `labels.emailUnverified` under it (decision 16). */\n  emailUnverified?: boolean;\n  /** Nothing can be changed (the switches stay readable). */\n  disabled?: boolean;\n  /** The app's own words for a failed save, or `undefined` for the kit's `failed`. */\n  describeError?: (error: unknown) => ReactNode | undefined;\n  labels?: LabelOverride<NotificationsLabels>;\n}\n\n/** One drawn type: the app's words and the server's switches. */\ninterface Row<Id extends string> {\n  entry: NotificationTypeEntry<Id>;\n  switches: NotificationSwitches;\n}\n\n/** A switch's key in the write overlay. */\nconst switchKey = (id: string, channel: NotificationChannel) => `${id}.${channel}`;\nconst CADENCE_KEY = \"digest_cadence\";\n\n/** The grid of a several-channel row on a wide screen: the type's words, then one narrow\n *  column per channel drawn. Literal classes, so Tailwind's scan finds them. */\nconst COLUMN_GRID: Record<number, string> = {\n  1: \"grid-cols-[minmax(0,1fr)_4.5rem]\",\n  2: \"grid-cols-[minmax(0,1fr)_repeat(2,4.5rem)]\",\n  3: \"grid-cols-[minmax(0,1fr)_repeat(3,4.5rem)]\",\n};\n\n/** The channels in the card's column order (§10.2). */\nconst CHANNELS: readonly NotificationChannel[] = [\"app\", \"push\", \"email\"];\n\n/** The channels a type offers: every one the server did not answer `null` (or leave out,\n *  as `push` before server-kit 0.16). */\nconst channelsOf = (switches: NotificationSwitches): NotificationChannel[] =>\n  CHANNELS.filter((channel) => switches[channel] !== null && switches[channel] !== undefined);\n\n/**\n * What the person hears about, and how (docs/notifications-harmonization.md §2.1–§2.3,\n * §4.2, §10.2): one row per type the SERVER answered, the app's words on it, and a switch\n * per channel the type offers — \"In the app\", \"Push\", \"E-mail\". On a wide screen they are\n * narrow columns under those headings; on a phone they stack under the type's label. A\n * channel the server answers `null` is not drawn (kastlan and KS offer no push; KS no\n * \"in the app\"), and a row with one channel keeps a single switch named by the type\n * (Kurvenschmiede's e-mail-only rows).\n *\n * **The server's list is the only list.** The card keeps no defaults and no list of\n * types: it draws what `value` holds, in the order of `groups`, else of `types`. A type\n * the app names that the server did not answer is not drawn (kastlan's tenant receives\n * neither of its types). In development a type the server answered with no entry in\n * `types`, or in no group when `groups` is given, throws — keksdose's compile-time\n * `_EVERY_TYPE_IS_GROUPED`, now at run time, since the list is the server's.\n *\n * **Each flip saves at once**, one switch per call; the switch shows its new state while\n * the call runs and goes back if it rejects, with the failure said under the card. The\n * digest's cadence and the app's extra field (`renderExtra`) show under their type while\n * it is on.\n *\n * Under a write lock the switches are `commit` controls exempt from billing: a lapsed\n * plan never keeps a person from turning notifications off (billing §12.13).\n */\nexport function NotificationTypesSetting<Id extends string = string>({\n  types,\n  value,\n  loading,\n  onChange,\n  groups,\n  digest,\n  renderExtra,\n  emailUnverified = false,\n  disabled = false,\n  describeError,\n  labels: labelsProp,\n  className,\n  ...rest\n}: NotificationTypesSettingProps<Id>) {\n  const labels = useNotificationsLabels(labelsProp);\n  const overlay = useWriteOverlay<boolean>(value);\n  const cadenceOverlay = useWriteOverlay<DigestCadence>(digest?.cadence);\n  const [failure, setFailure] = useState<ReactNode>(null);\n  const mounted = useMounted();\n  const groupId = useId();\n\n  const answered = value ? Object.keys(value) : [];\n  const entries = new Map(types.map((entry) => [entry.id as string, entry]));\n  if (value && devChecks()) {\n    const unnamed = answered.filter((id) => !entries.has(id));\n    if (unnamed.length) {\n      throw new Error(\n        `NotificationTypesSetting: the server answered ${unnamed.map((id) => `\"${id}\"`).join(\", \")} with no entry in \\`types\\` — give every type the server can send its words.`,\n      );\n    }\n    if (groups) {\n      const grouped = new Set<string>(groups.flatMap((group) => group.types));\n      const loose = answered.filter((id) => !grouped.has(id));\n      if (loose.length) {\n        throw new Error(\n          `NotificationTypesSetting: ${loose.map((id) => `\"${id}\"`).join(\", \")} is in no group — a type in no group is drawn nowhere, and could not be turned off.`,\n        );\n      }\n    }\n  }\n\n  const phone = usePhoneLayout();\n  const rowOf = (id: Id): Row<Id> | null => {\n    const switches = value?.[id];\n    const entry = entries.get(id);\n    if (!switches || !entry || channelsOf(switches).length === 0) return null;\n    return { entry, switches };\n  };\n  const rowsOf = (ids: readonly Id[]) => ids.map(rowOf).filter((row): row is Row<Id> => row !== null);\n\n  const shown = (id: string, channel: NotificationChannel, server: boolean): boolean => {\n    const key = switchKey(id, channel);\n    return overlay.get(key) ?? server;\n  };\n  const channelOn = ({ entry, switches }: Row<Id>, channel: NotificationChannel) =>\n    shown(entry.id, channel, switches[channel] === true);\n  /** The type reaches the person at all: some channel is on (the cadence and the app's\n   *  extra show then). */\n  const rowOn = (row: Row<Id>) => channelsOf(row.switches).some((channel) => channelOn(row, channel));\n\n  const save = <V,>(key: string, patch: NotificationSettingsPatch<Id>, which: WriteOverlay<V>, next: V) => {\n    if (which.pending(key)) return;\n    setFailure(null);\n    which.set(key, next);\n    settle(() => onChange(patch)).then(\n      () => {\n        if (mounted.current) which.settle(key, true);\n      },\n      (error: unknown) => {\n        if (!mounted.current) return;\n        which.settle(key, false);\n        setFailure(describeFailure(describeError?.(error), labels.failed));\n      },\n    );\n  };\n\n  const flip = (id: Id, channel: NotificationChannel, on: boolean) =>\n    save(\n      switchKey(id, channel),\n      { types: { [id]: { [channel]: on } } as NotificationSettingsPatch<Id>[\"types\"] },\n      overlay,\n      on,\n    );\n\n  const cadence = cadenceOverlay.get(CADENCE_KEY) ?? digest?.cadence;\n\n  const unverifiedLine = emailUnverified ? (\n    <span className=\"block\" data-email-unverified=\"\">\n      {labels.emailUnverified}\n    </span>\n  ) : null;\n\n  const channelLabel: Record<NotificationChannel, string> = {\n    app: labels.channelApp,\n    push: labels.channelPush,\n    email: labels.channelEmail,\n  };\n  /** The columns on a wide screen: every channel some several-channel row offers. */\n  const drawnRows =\n    value && !loading ? rowsOf(groups ? groups.flatMap((group) => group.types) : types.map((entry) => entry.id)) : [];\n  const multi = drawnRows.filter((row) => channelsOf(row.switches).length > 1);\n  const columns = CHANNELS.filter((channel) => multi.some((row) => channelsOf(row.switches).includes(channel)));\n  const columnHeadings =\n    !phone && columns.length > 0 ? (\n      // The switches carry the channel's name themselves; the headings are for the eye.\n      <div aria-hidden className={cn(\"grid gap-x-2\", COLUMN_GRID[columns.length])} data-channel-headings=\"\">\n        <span />\n        {columns.map((channel) => (\n          <span key={channel} className=\"text-center text-caption font-medium text-muted\">\n            {channelLabel[channel]}\n          </span>\n        ))}\n      </div>\n    ) : null;\n\n  const renderRow = (row: Row<Id>) => {\n    const { entry, switches } = row;\n    const on = rowOn(row);\n    const offered = channelsOf(switches);\n    const single = offered.length === 1 ? offered[0] : null;\n    const cadenceSelect =\n      on && digest?.type === entry.id && cadence ? (\n        <Select\n          label={labels.digestCadence}\n          value={cadence}\n          disabled={disabled}\n          commit={COMMIT_EXCEPT_BILLING}\n          onChange={(event) => {\n            const next = event.target.value as DigestCadence;\n            if (next !== cadence) save(CADENCE_KEY, { digest_cadence: next }, cadenceOverlay, next);\n          }}\n          className=\"max-w-44\"\n        >\n          <option value=\"weekly\">{labels.digestWeekly}</option>\n          <option value=\"monthly\">{labels.digestMonthly}</option>\n        </Select>\n      ) : null;\n    const extra = on ? renderExtra?.(entry.id) : null;\n    const below =\n      cadenceSelect || hasContent(extra) ? (\n        <div className=\"ps-4 space-y-2\">\n          {cadenceSelect}\n          {extra}\n        </div>\n      ) : null;\n\n    // One channel: today's single switch, named by the type (KS's e-mail-only rows).\n    if (single) {\n      const description =\n        single === \"email\" && unverifiedLine ? (\n          <>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {unverifiedLine}\n          </>\n        ) : (\n          entry.description\n        );\n      return (\n        <div key={entry.id} data-notification-type={entry.id} data-channels={single} className=\"space-y-2\">\n          <Switch\n            label={entry.label}\n            description={description}\n            checked={channelOn(row, single)}\n            disabled={disabled}\n            commit={COMMIT_EXCEPT_BILLING}\n            onCheckedChange={(next) => flip(entry.id, single, next)}\n          />\n          {below}\n        </div>\n      );\n    }\n\n    // Several channels: a group named by its type, a switch per channel — columns on a\n    // wide screen (the headings above the list name them), stacked on a phone.\n    const labelId = `${groupId}-type-${entry.id}`;\n    const unverifiedId = `${groupId}-unverified-${entry.id}`;\n    const channelSwitch = (channel: NotificationChannel) => (\n      <Switch\n        key={channel}\n        size=\"sm\"\n        label={phone ? channelLabel[channel] : undefined}\n        aria-label={phone ? undefined : channelLabel[channel]}\n        description={phone && channel === \"email\" ? (unverifiedLine ?? undefined) : undefined}\n        aria-describedby={!phone && channel === \"email\" && unverifiedLine ? unverifiedId : undefined}\n        checked={channelOn(row, channel)}\n        disabled={disabled}\n        commit={COMMIT_EXCEPT_BILLING}\n        onCheckedChange={(next) => flip(entry.id, channel, next)}\n        data-channel={channel}\n      />\n    );\n    const text = (\n      <div className=\"min-w-0\">\n        <div id={labelId} className=\"text-sm font-medium text-primary\">\n          {entry.label}\n        </div>\n        {(entry.description !== undefined || (!phone && offered.includes(\"email\") && unverifiedLine)) && (\n          <div className={CARD_DESCRIPTION_CLASS}>\n            {entry.description !== undefined && <span className=\"block\">{entry.description}</span>}\n            {!phone && offered.includes(\"email\") && <span id={unverifiedId}>{unverifiedLine}</span>}\n          </div>\n        )}\n      </div>\n    );\n    return (\n      <div\n        key={entry.id}\n        data-notification-type={entry.id}\n        data-channels={offered.join(\" \")}\n        role=\"group\"\n        aria-labelledby={labelId}\n        className=\"space-y-2\"\n      >\n        {phone ? (\n          <>\n            {text}\n            <div className=\"ps-4 space-y-2\" data-stacked=\"\">\n              {offered.map(channelSwitch)}\n            </div>\n          </>\n        ) : (\n          <div className={cn(\"grid items-start gap-x-2\", COLUMN_GRID[columns.length])}>\n            {text}\n            {columns.map((channel) => (\n              <div key={channel} className=\"flex justify-center pt-0.5\">\n                {offered.includes(channel) ? channelSwitch(channel) : null}\n              </div>\n            ))}\n          </div>\n        )}\n        {below}\n      </div>\n    );\n  };\n\n  let body: ReactNode;\n  if (loading || value === undefined) {\n    body = <Skeleton lines={3} label={labels.typesLoading} />;\n  } else if (groups) {\n    const drawn = groups.map((group) => ({ group, rows: rowsOf(group.types) })).filter(({ rows }) => rows.length > 0);\n    body =\n      drawn.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <>\n          {columnHeadings}\n          {drawn.map(({ group, rows }) => {\n            const headingId = `${groupId}-${group.id}`;\n            return (\n              <div key={group.id} role=\"group\" aria-labelledby={headingId} className=\"space-y-3\">\n                <SectionLabel as=\"div\" size=\"xs\" id={headingId}>\n                  {group.label}\n                </SectionLabel>\n                {rows.map(renderRow)}\n              </div>\n            );\n          })}\n        </>\n      );\n  } else {\n    const rows = rowsOf(types.map((entry) => entry.id));\n    body =\n      rows.length === 0 ? (\n        <p className={CARD_DESCRIPTION_CLASS}>{labels.typesEmpty}</p>\n      ) : (\n        <div className=\"space-y-3\">\n          {columnHeadings}\n          {rows.map(renderRow)}\n        </div>\n      );\n  }\n\n  return (\n    <Card {...rest} className={cn(\"p-4 space-y-3\", className)}>\n      <div>\n        <SettingsCardTitle>{labels.typesTitle}</SettingsCardTitle>\n        <div className={CARD_DESCRIPTION_CLASS}>{labels.typesDescription}</div>\n      </div>\n      {body}\n      <FailureLine>{failure}</FailureLine>\n    </Card>\n  );\n}\n"],"mappings":"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","names":[]}