@eifi1/ui-kit 0.18.0 → 0.20.0

package/dist/components/translation-review-parts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/translation-review-parts.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Download } from \"lucide-react\";\n\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useKitFormat } from \"../lib/format\";\nimport { summariseRows, translationCorrections } from \"../lib/translation-review\";\nimport type {\n  ReviewStatus,\n  TranslationCorrection,\n  TranslationRow,\n  TranslationSummary,\n} from \"../lib/translation-review\";\nimport { Chip } from \"./chip\";\nimport type { ChipShape, ChipSize, ChipTone, ChipVariant } from \"./chip\";\nimport { ProgressBar } from \"./progress-bar\";\nimport type { ProgressBarSegment } from \"./progress-bar\";\nimport { DEFAULT_TRANSLATION_REVIEW_LABELS, reviewStatusLabel } from \"./translation-review-labels\";\nimport type { TranslationReviewLabels } from \"./translation-review-labels\";\nimport { Button, Tabs } from \"./ui\";\n\n/**\n * The small parts of the translation review, each usable on its own: the status\n * vocabulary as a chip, one locale's progress, the locale tabs and the export. The page\n * body that puts them together is `TranslationReviewPanel` (translation-review.tsx).\n */\n\n// ── ReviewStatusChip ──────────────────────────────────────────────────────────\n\n/**\n * The tone of each status: nothing yet is neutral, a gap is orange (kastlan's choice — a\n * hue, not a verdict), a change since review is amber, sent back is red, done is green.\n */\nexport const REVIEW_STATUS_TONES: Readonly<Record<ReviewStatus, ChipTone>> = {\n  missing: \"orange\",\n  unreviewed: \"neutral\",\n  changed: \"warning\",\n  needs_change: \"danger\",\n  approved: \"success\",\n};\n\nexport interface ReviewStatusChipProps {\n  status: ReviewStatus;\n  /** Over {@link REVIEW_STATUS_TONES}. */\n  tone?: ChipTone;\n  /** Over the label. */\n  children?: ReactNode;\n  /** Default `sm` — a chip in a table cell. */\n  size?: ChipSize;\n  variant?: ChipVariant;\n  shape?: ChipShape;\n  caps?: boolean;\n  className?: string;\n  /** Prop > `<UiKitProvider labels={{ translationReview }}>` > English. */\n  labels?: Partial<TranslationReviewLabels>;\n  [key: `data-${string}`]: string | number | boolean | undefined;\n}\n\n/** One row's status as a chip, in the kit's words and tones. Carries `data-status`. */\nexport function ReviewStatusChip({\n  status,\n  tone,\n  children,\n  size = \"sm\",\n  variant,\n  shape,\n  caps,\n  className,\n  labels: labelsProp,\n  ...rest\n}: ReviewStatusChipProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  return (\n    <Chip\n      {...rest}\n      data-status={status}\n      tone={tone ?? REVIEW_STATUS_TONES[status]}\n      size={size}\n      variant={variant}\n      shape={shape}\n      caps={caps}\n      className={className}\n    >\n      {children ?? reviewStatusLabel(labels, status)}\n    </Chip>\n  );\n}\n\n// ── TranslationProgress ───────────────────────────────────────────────────────\n\nexport interface TranslationProgressProps {\n  /** One locale's rows — or their {@link summariseRows} when the app has only counts. */\n  rows?: readonly TranslationRow[];\n  summary?: TranslationSummary;\n  /** The list under the bar naming each part with its count. Default true. */\n  legend?: boolean;\n  className?: string;\n  labels?: Partial<TranslationReviewLabels>;\n}\n\n/**\n * \"120 of 3859 approved\", and the bar split by status: approved, sent back, changed since\n * review, missing — in the chips' colours. What is left of the track is unreviewed. The\n * legend counts rows rather than percentages: \"12 need a change\" is the next hour's work,\n * \"0.3 %\" is not.\n */\nexport function TranslationProgress({\n  rows,\n  summary: summaryProp,\n  legend = true,\n  className,\n  labels: labelsProp,\n}: TranslationProgressProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  const { formatNumber } = useKitFormat();\n  const summary = useMemo(() => summaryProp ?? summariseRows(rows ?? []), [summaryProp, rows]);\n  const part = (status: ReviewStatus, tone: ProgressBarSegment[\"tone\"], color?: string): ProgressBarSegment => ({\n    key: status,\n    value: summary[status],\n    tone,\n    color,\n    label: reviewStatusLabel(labels, status),\n    // A status with no rows stays in the legend (\"Needs a change 0\" is news too) but out\n    // of the bar, where it would only be a gap.\n    legendOnly: summary[status] === 0 ? true : undefined,\n  });\n  const segments = [\n    part(\"approved\", \"success\"),\n    part(\"needs_change\", \"danger\"),\n    part(\"changed\", \"warning\"),\n    // The chip's orange, which is a hue and not a ProgressBar tone. Only where there is\n    // a gap: an app whose locales are complete never hears of \"missing\".\n    ...(summary.missing > 0 ? [part(\"missing\", undefined, \"var(--hue-orange)\")] : []),\n  ];\n  return (\n    <ProgressBar\n      className={className}\n      label={labels.progress(summary.approved, summary.total)}\n      max={Math.max(summary.total, 1)}\n      segments={segments}\n      legend={legend}\n      formatValue={(value) => formatNumber(value)}\n    />\n  );\n}\n\n// ── TranslationLocaleTabs ─────────────────────────────────────────────────────\n\nexport interface TranslationLocaleTab {\n  /** The locale code. */\n  value: string;\n  /** Its name, in its own language (\"Français\"). */\n  label: ReactNode;\n  /** The locale's rows, for the badge — built with the same `areas` as the panel's, so\n   *  a scoped reviewer's tab counts what they can see. */\n  rows: readonly TranslationRow[];\n}\n\nexport interface TranslationLocaleTabsProps {\n  /** The locales the viewer may see, in the app's order — the server's answer, never a\n   *  guess from a role name. */\n  locales: readonly TranslationLocaleTab[];\n  active: string;\n  onChange: (locale: string) => void;\n  className?: string;\n  labels?: Partial<TranslationReviewLabels>;\n}\n\n/**\n * One tab per locale with its approved/total, wrapping on a phone. Nothing for a single\n * locale: a strip with one tab is a heading that looks clickable.\n */\nexport function TranslationLocaleTabs({ locales, active, onChange, className, labels: labelsProp }: TranslationLocaleTabsProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  if (locales.length < 2) return null;\n  return (\n    <Tabs\n      aria-label={labels.locales}\n      wrap\n      className={className}\n      tabs={locales.map((locale) => {\n        const summary = summariseRows(locale.rows);\n        return {\n          id: locale.value,\n          label: locale.label,\n          name: typeof locale.label === \"string\" ? locale.label : locale.value,\n          badge: (\n            // The tab's own colour, dimmed — a fixed muted grey vanished on the selected\n            // tab's brand fill (390px browser check).\n            <span className=\"text-xs tabular-nums opacity-75\">\n              {labels.localeProgress(summary.approved, summary.total)}\n            </span>\n          ),\n        };\n      })}\n      active={active}\n      onChange={onChange}\n    />\n  );\n}\n\n// ── TranslationExportButton ───────────────────────────────────────────────────\n\nexport interface TranslationExportButtonProps {\n  /** Every row the export covers — usually every locale's, not only the open one. */\n  rows: readonly TranslationRow[];\n  /** Listed in the file. Default: the locales the rows come from. */\n  locales?: readonly string[];\n  /** Default `translation-corrections-<date>.json`. */\n  fileName?: string;\n  /**\n   * Take the export instead of downloading it — the entries, and the file as a ready\n   * JSON Blob. Left out, the kit downloads the Blob as `fileName`.\n   */\n  onExport?: (corrections: TranslationCorrection[], file: Blob) => void;\n  className?: string;\n  labels?: Partial<TranslationReviewLabels>;\n}\n\n/**\n * \"Export corrections (n)\": every string sent back, as the JSON file keksdose and kastlan\n * hand a developer — `{ exported_at, locales, corrections }`. Corrections are not applied\n * on the page: the strings are source code. Disabled while there is nothing to export.\n */\nexport function TranslationExportButton({\n  rows,\n  locales,\n  fileName,\n  onExport,\n  className,\n  labels: labelsProp,\n}: TranslationExportButtonProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  const corrections = useMemo(() => translationCorrections(rows), [rows]);\n  const run = () => {\n    const now = new Date();\n    const file = new Blob(\n      [\n        JSON.stringify(\n          {\n            exported_at: now.toISOString(),\n            locales: locales ?? [...new Set(rows.map((r) => r.locale))],\n            corrections,\n          },\n          null,\n          2,\n        ),\n      ],\n      { type: \"application/json\" },\n    );\n    if (onExport) {\n      onExport(corrections, file);\n      return;\n    }\n    const url = URL.createObjectURL(file);\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.download = fileName ?? `translation-corrections-${now.toISOString().slice(0, 10)}.json`;\n    a.click();\n    // After the click has handed the URL to the download, not before.\n    setTimeout(() => URL.revokeObjectURL(url), 0);\n  };\n  return (\n    <Button variant=\"secondary\" disabled={corrections.length === 0} onClick={run} className={className}>\n      <Download className=\"size-4\" aria-hidden />\n      {labels.exportCorrections(corrections.length)}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/translation-review.d.ts

@@ -0,0 +1,94 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { TranslationRow, TranslationReviewWrite, TranslationReviewKey, TranslationReviewFilter } from '../lib/translation-review.js';
+import { TranslationReviewLabels } from './translation-review-labels.js';
+export { DEFAULT_TRANSLATION_REVIEW_LABELS } from './translation-review-labels.js';
+export { REVIEW_STATUS_TONES, ReviewStatusChip, ReviewStatusChipProps, TranslationExportButton, TranslationExportButtonProps, TranslationLocaleTab, TranslationLocaleTabs, TranslationLocaleTabsProps, TranslationProgress, TranslationProgressProps } from './translation-review-parts.js';
+export { TranslationReviewEditor, TranslationReviewEditorProps } from './translation-review-editor.js';
+import './chip.js';
+import 'lucide-react';
+
+/**
+ * An app's translation review page, as kit parts (H1, docs/i18n-harmonization.md):
+ * keksdose's /translations, which kastlan was about to build a second time. The app keeps
+ * what is its own — where the strings come from, which locale is read against which, who
+ * may review what, every request — and hands the kit rows (`translationRows`) and two
+ * callbacks. Everything a reviewer touches is here.
+ *
+ * Presentational — no request, no route — and one LOCALE at a time. Its table is the
+ * kit's DataTable, so like every DataTable it renders under the app's Router. The page
+ * around it puts
+ * {@link TranslationLocaleTabs} above it and {@link TranslationExportButton} in its header,
+ * because both span every locale while this panel is the one open.
+ *
+ * Callbacks may return promises, and the panel waits for them: an editor stays open with
+ * its text and the error when a save is refused (a 403 for a key outside the reviewer's
+ * areas, a network failure), a bulk action keeps its selection. Chunking a long bulk
+ * write to the server's batch limit is the app's; the panel sends one call per action.
+ */
+type MaybePromise = void | Promise<unknown>;
+interface TranslationReviewPanelProps {
+    /** One locale's rows, from `translationRows`. */
+    rows: readonly TranslationRow[];
+    /** The reviewed language's own name — the text column's header ("Français"). */
+    localeLabel: string;
+    /** The reference language's own name — the reference column's header. */
+    referenceLabel: string;
+    /** Store verdicts: one for an editor or a row's approve button, many for a bulk
+     *  approve. Left out (or `readOnly`): nothing can be changed. */
+    onSave?: (writes: TranslationReviewWrite[]) => MaybePromise;
+    /** Clear verdicts — back to unreviewed. Left out: no reset. */
+    onClear?: (keys: TranslationReviewKey[]) => MaybePromise;
+    /** A locale the viewer may read but not review: the rows and their verdicts, no
+     *  actions, and a line saying so. */
+    readOnly?: boolean;
+    /**
+     * The areas the reviewer is limited to (keksdose's lawyer: `["legal"]`), as the server
+     * answers them; `null` is every area. Rows outside are not shown or counted — build the
+     * rows with the same `areas` and they never exist — and a notice names the areas.
+     */
+    areas?: readonly string[] | null;
+    /** An area's name for the notice ("the legal pages (Imprint, …)"). Default: the key. */
+    areaLabels?: Readonly<Record<string, string>>;
+    /** Default `keyInArea`: the key is the area or sits under it (`legal.…`, `legal:…`). */
+    inArea?: (key: string, area: string) => boolean;
+    /** A source's name for the source filter, which appears once the rows come from more
+     *  than one (kastlan: `{ screen: "Screen", documents: "PDFs and emails" }`). Default:
+     *  the source itself. */
+    sourceLabels?: Readonly<Record<string, string>>;
+    /**
+     * Controlled filters — for an app that keeps them in the URL (keksdose's `?status=`,
+     * `?area=`, `?q=`). Whatever is left out is the panel's own. Pair with `onFilterChange`.
+     */
+    filter?: Partial<TranslationReviewFilter>;
+    onFilterChange?: (filter: TranslationReviewFilter) => void;
+    /** The progress bar over the filters. Default true. */
+    progress?: boolean;
+    /** Rows per page. Default 50. */
+    pageSize?: number;
+    /** Persists the table's sort and page size (DataTable's `storageKey`). */
+    storageKey?: string;
+    /** How a verdict's date reads in the editor. */
+    formatDate?: (iso: string) => string;
+    /** Turns a callback's rejection into words. Default {@link TranslationReviewLabels.failed}. */
+    formatError?: (error: unknown) => ReactNode;
+    className?: string;
+    labels?: Partial<TranslationReviewLabels>;
+}
+/**
+ * The page body for one locale: progress, filters (status, source, namespace, search,
+ * placeholder problems), the strings with an editor that unfolds under each, and the
+ * bulk actions over a selection.
+ *
+ * The status filter is the work queue in order — what is not there, what nobody has
+ * read, what changed after it was read, what was sent back, what is done — with each
+ * count on it. "Missing" is offered only where something is.
+ *
+ * Bulk approve takes the selected rows that are not approved yet and have a text:
+ * approving an absent string says nothing, and re-approving one says it again. On a
+ * phone the table has no checkboxes, so "Select all shown" selects what the filters
+ * show — filter to `Unreviewed` in one area, read, select, approve.
+ */
+declare function TranslationReviewPanel({ rows: rowsProp, localeLabel, referenceLabel, onSave, onClear, readOnly, areas, areaLabels, inArea, sourceLabels, filter: filterProp, onFilterChange, progress, pageSize, storageKey, formatDate, formatError, className, labels: labelsProp, }: TranslationReviewPanelProps): react.JSX.Element;
+
+export { TranslationReviewLabels, TranslationReviewPanel, type TranslationReviewPanelProps };

package/dist/components/translation-review.js

@@ -0,0 +1,344 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { Check, ListChecks, RotateCcw } from "lucide-react";
+import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
+import { cn } from "../lib/cn.js";
+import {
+  DEFAULT_TRANSLATION_REVIEW_FILTER,
+  REVIEW_STATUSES,
+  filterTranslationRows,
+  keyInAreas,
+  reviewWrite,
+  summariseRows
+} from "../lib/translation-review.js";
+import { AlertBanner } from "./alert-banner.js";
+import { BulkActionBar } from "./bulk-action-bar.js";
+import { Checkbox } from "./checkbox.js";
+import { Chip } from "./chip.js";
+import { DataTable } from "./data-table.js";
+import { SearchField } from "./search-field.js";
+import { ToggleGroup } from "./toggle-group.js";
+import { TranslationReviewEditor } from "./translation-review-editor.js";
+import { DEFAULT_TRANSLATION_REVIEW_LABELS, reviewStatusLabel } from "./translation-review-labels.js";
+import { ReviewStatusChip, TranslationProgress } from "./translation-review-parts.js";
+import { Button, IconButton, Select } from "./ui.js";
+import {
+  REVIEW_STATUS_TONES,
+  ReviewStatusChip as ReviewStatusChip2,
+  TranslationExportButton,
+  TranslationLocaleTabs,
+  TranslationProgress as TranslationProgress2
+} from "./translation-review-parts.js";
+import { TranslationReviewEditor as TranslationReviewEditor2 } from "./translation-review-editor.js";
+import { DEFAULT_TRANSLATION_REVIEW_LABELS as DEFAULT_TRANSLATION_REVIEW_LABELS2 } from "./translation-review-labels.js";
+function TextCell({ row, labels, clamp }) {
+  return row.text === "" ? /* @__PURE__ */ jsx("span", { className: "italic text-[var(--text-muted)]", children: labels.missingText }) : /* @__PURE__ */ jsx("span", { lang: row.locale, className: cn("whitespace-pre-line break-words", clamp && "line-clamp-3"), children: row.text });
+}
+function TranslationReviewPanel({
+  rows: rowsProp,
+  localeLabel,
+  referenceLabel,
+  onSave,
+  onClear,
+  readOnly = false,
+  areas,
+  areaLabels,
+  inArea,
+  sourceLabels,
+  filter: filterProp,
+  onFilterChange,
+  progress = true,
+  pageSize = 50,
+  storageKey,
+  formatDate,
+  formatError,
+  className,
+  labels: labelsProp
+}) {
+  const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
+  const locale = useKitLocale();
+  const editable = !readOnly && onSave !== void 0;
+  const [ownFilter, setOwnFilter] = useState(DEFAULT_TRANSLATION_REVIEW_FILTER);
+  const filter = { ...ownFilter };
+  for (const [name, value] of Object.entries(filterProp ?? {})) {
+    if (value !== void 0) Object.assign(filter, { [name]: value });
+  }
+  const [openId, setOpenId] = useState(null);
+  const [selected, setSelected] = useState(() => /* @__PURE__ */ new Set());
+  const [busy, setBusy] = useState(null);
+  const [failure, setFailure] = useState(null);
+  const rows = useMemo(
+    () => areas ? rowsProp.filter((row) => keyInAreas(row.key, areas, inArea)) : [...rowsProp],
+    [rowsProp, areas, inArea]
+  );
+  const summary = useMemo(() => summariseRows(rows), [rows]);
+  const sources = useMemo(() => [...new Set(rows.map((r) => r.source))], [rows]);
+  const source = sources.includes(filter.source) ? filter.source : "all";
+  const namespaces = useMemo(
+    () => [...new Set(rows.filter((r) => source === "all" || r.source === source).map((r) => r.namespace))],
+    [rows, source]
+  );
+  const namespace = namespaces.includes(filter.namespace) ? filter.namespace : "all";
+  const mismatches = useMemo(() => rows.filter((r) => r.placeholderMismatch).length, [rows]);
+  const { status, query, placeholdersOnly } = filter;
+  const visible = useMemo(
+    () => filterTranslationRows(rows, { status, source, namespace, query, placeholdersOnly }),
+    [rows, status, source, namespace, query, placeholdersOnly]
+  );
+  const setFilter = (patch) => {
+    const next = { ...filter, ...patch };
+    setOwnFilter(next);
+    onFilterChange?.(next);
+    setSelected(/* @__PURE__ */ new Set());
+  };
+  const run = async (key, action) => {
+    setBusy(key);
+    setFailure(null);
+    try {
+      await action();
+      return true;
+    } catch (caught) {
+      setFailure(formatError ? formatError(caught) : labels.failed);
+      return false;
+    } finally {
+      setBusy(null);
+    }
+  };
+  const visibleIds = new Set(visible.map((r) => r.id));
+  const selectedRows = visible.filter((r) => selected.has(r.id));
+  const allSelected = visible.length > 0 && selectedRows.length === visible.length;
+  const toApprove = selectedRows.filter((r) => r.text !== "" && r.status !== "approved");
+  const toReset = selectedRows.filter((r) => r.review !== null);
+  const approveSelected = async () => {
+    if (!onSave || toApprove.length === 0) return;
+    if (await run("bulk-approve", () => onSave(toApprove.map((r) => reviewWrite(r, "APPROVED"))))) {
+      setSelected(/* @__PURE__ */ new Set());
+    }
+  };
+  const resetSelected = async () => {
+    if (!onClear || toReset.length === 0) return;
+    if (await run("bulk-reset", () => onClear(toReset.map((r) => ({ locale: r.locale, key: r.key }))))) {
+      setSelected(/* @__PURE__ */ new Set());
+    }
+  };
+  const statuses = REVIEW_STATUSES.filter((s) => s !== "missing" || summary.missing > 0 || filter.status === s);
+  const scopeNames = (areas ?? []).map((area) => areaLabels?.[area] ?? area);
+  const scopeText = scopeNames.length > 0 ? new Intl.ListFormat(locale, { type: "conjunction", style: "long" }).format(scopeNames) : "";
+  const columns = [
+    {
+      key: "key",
+      header: labels.key,
+      cell: (r) => /* @__PURE__ */ jsx("code", { className: "break-all text-xs text-[var(--text-secondary)]", children: r.key }),
+      sortBy: (r) => r.key,
+      mobileHidden: true
+    },
+    {
+      key: "reference",
+      header: referenceLabel,
+      cell: (r) => /* @__PURE__ */ jsx("span", { className: "line-clamp-3 whitespace-pre-line break-words text-[var(--text-secondary)]", children: r.reference }),
+      mobileHidden: true
+    },
+    {
+      key: "text",
+      header: localeLabel,
+      cell: (r) => /* @__PURE__ */ jsx(TextCell, { row: r, labels, clamp: true }),
+      mobilePrimary: true
+    },
+    {
+      key: "status",
+      header: labels.statusColumn,
+      cell: (r) => /* @__PURE__ */ jsxs("span", { className: "inline-flex flex-wrap gap-1", children: [
+        /* @__PURE__ */ jsx(ReviewStatusChip, { status: r.status, labels: labelsProp }),
+        r.placeholderMismatch && /* @__PURE__ */ jsx(Chip, { size: "sm", tone: "danger", variant: "outline", children: labels.placeholderChip })
+      ] }),
+      sortBy: (r) => REVIEW_STATUSES.indexOf(r.status)
+    }
+  ];
+  if (editable && onSave) {
+    const save = onSave;
+    columns.push({
+      key: "approve",
+      header: /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.approve }),
+      cell: (r) => r.status === "approved" || r.text === "" ? null : /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          type: "button",
+          size: "xs",
+          tone: "muted",
+          commit: true,
+          label: labels.approve,
+          pending: busy === `row:${r.id}`,
+          disabled: busy !== null,
+          onClick: (event) => {
+            event.stopPropagation();
+            void run(`row:${r.id}`, () => save([reviewWrite(r, "APPROVED")]));
+          },
+          children: /* @__PURE__ */ jsx(Check, {})
+        }
+      )
+    });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("min-w-0 space-y-4", className), children: [
+    scopeText && /* @__PURE__ */ jsx(AlertBanner, { tone: "info", variant: "inline", size: "sm", block: true, live: false, children: labels.scope(scopeText) }),
+    readOnly && /* @__PURE__ */ jsx(AlertBanner, { tone: "info", variant: "inline", size: "sm", block: true, live: false, children: labels.readOnly }),
+    progress && /* @__PURE__ */ jsx(TranslationProgress, { summary, labels: labelsProp }),
+    /* @__PURE__ */ jsx(
+      ToggleGroup,
+      {
+        "aria-label": labels.statusFilter,
+        overflow: "wrap",
+        size: "sm",
+        value: filter.status,
+        onChange: (next) => setFilter({ status: next }),
+        options: [
+          { value: "all", label: labels.filterCount(labels.all, summary.total) },
+          ...statuses.map((s) => ({ value: s, label: labels.filterCount(reviewStatusLabel(labels, s), summary[s]) }))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 md:flex-row md:flex-wrap md:items-end", children: [
+      sources.length > 1 && /* @__PURE__ */ jsx("div", { className: "md:w-48", children: /* @__PURE__ */ jsxs(Select, { label: labels.source, value: source, onChange: (e) => setFilter({ source: e.target.value }), children: [
+        /* @__PURE__ */ jsx("option", { value: "all", children: labels.allSources }),
+        sources.map((s) => /* @__PURE__ */ jsx("option", { value: s, children: sourceLabels?.[s] ?? s }, s))
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "md:w-56", children: /* @__PURE__ */ jsxs(Select, { label: labels.namespace, value: namespace, onChange: (e) => setFilter({ namespace: e.target.value }), children: [
+        /* @__PURE__ */ jsx("option", { value: "all", children: labels.allNamespaces }),
+        namespaces.map((ns) => /* @__PURE__ */ jsx("option", { value: ns, children: ns }, ns))
+      ] }) }),
+      /* @__PURE__ */ jsx(
+        SearchField,
+        {
+          className: "min-w-0 md:flex-1",
+          label: labels.search,
+          value: filter.query,
+          onChange: (next) => setFilter({ query: next })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Checkbox,
+        {
+          label: labels.placeholdersOnly(mismatches),
+          checked: filter.placeholdersOnly,
+          onCheckedChange: (next) => setFilter({ placeholdersOnly: next })
+        }
+      )
+    ] }),
+    editable && visible.length > 0 && // The phone's table has no checkboxes; this is its way into the bulk actions.
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        className: "md:hidden",
+        disabled: allSelected,
+        onClick: () => setSelected(new Set(visible.map((r) => r.id))),
+        children: [
+          /* @__PURE__ */ jsx(ListChecks, { className: "size-4", "aria-hidden": true }),
+          labels.selectShown
+        ]
+      }
+    ),
+    failure && /* @__PURE__ */ jsx(AlertBanner, { tone: "danger", size: "sm", role: "alert", children: failure }),
+    editable && /* @__PURE__ */ jsxs(BulkActionBar, { count: selectedRows.length, onClear: () => setSelected(/* @__PURE__ */ new Set()), children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "primary",
+          size: "sm",
+          commit: true,
+          pending: busy === "bulk-approve",
+          disabled: busy !== null || toApprove.length === 0,
+          onClick: () => void approveSelected(),
+          children: [
+            /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": true }),
+            labels.approveSelected
+          ]
+        }
+      ),
+      onClear && /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          commit: true,
+          pending: busy === "bulk-reset",
+          disabled: busy !== null || toReset.length === 0,
+          onClick: () => void resetSelected(),
+          children: [
+            /* @__PURE__ */ jsx(RotateCcw, { className: "size-4", "aria-hidden": true }),
+            labels.resetSelected
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        rows: visible,
+        rowKey: (r) => r.id,
+        columns,
+        empty: labels.empty,
+        defaultPageSize: pageSize,
+        storageKey,
+        isExpanded: (r) => r.id === openId,
+        onRowClick: (r) => setOpenId((open) => open === r.id ? null : r.id),
+        expandedRow: (r) => /* @__PURE__ */ jsx(
+          TranslationReviewEditor,
+          {
+            row: r,
+            referenceLabel,
+            localeLabel,
+            readOnly: !editable,
+            onSave: onSave ? (write) => onSave([write]) : void 0,
+            onClear: onClear ? (key) => onClear([key]) : void 0,
+            onClose: () => setOpenId(null),
+            formatDate,
+            formatError,
+            labels: labelsProp
+          },
+          r.id
+        ),
+        mobileCard: (r) => /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+          /* @__PURE__ */ jsx("code", { className: "block break-all text-xs text-[var(--text-muted)]", children: r.key }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--text-primary)]", children: /* @__PURE__ */ jsx(TextCell, { row: r, labels, clamp: true }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+            /* @__PURE__ */ jsx(ReviewStatusChip, { status: r.status, labels: labelsProp }),
+            r.placeholderMismatch && /* @__PURE__ */ jsx(Chip, { size: "sm", tone: "danger", variant: "outline", children: labels.placeholderChip })
+          ] })
+        ] }),
+        selection: editable ? {
+          isSelected: (r) => selected.has(r.id),
+          onToggle: (r, checked) => setSelected((prev) => {
+            const next = new Set([...prev].filter((id) => visibleIds.has(id)));
+            if (checked) next.add(r.id);
+            else next.delete(r.id);
+            return next;
+          }),
+          onToggleMany: (many, checked) => setSelected((prev) => {
+            const next = new Set([...prev].filter((id) => visibleIds.has(id)));
+            for (const r of many) {
+              if (checked) next.add(r.id);
+              else next.delete(r.id);
+            }
+            return next;
+          }),
+          allSelected,
+          someSelected: selectedRows.length > 0 && !allSelected,
+          onToggleAll: (checked) => setSelected(checked ? new Set(visible.map((r) => r.id)) : /* @__PURE__ */ new Set())
+        } : void 0
+      }
+    )
+  ] });
+}
+export {
+  DEFAULT_TRANSLATION_REVIEW_LABELS2 as DEFAULT_TRANSLATION_REVIEW_LABELS,
+  REVIEW_STATUS_TONES,
+  ReviewStatusChip2 as ReviewStatusChip,
+  TranslationExportButton,
+  TranslationLocaleTabs,
+  TranslationProgress2 as TranslationProgress,
+  TranslationReviewEditor2 as TranslationReviewEditor,
+  TranslationReviewPanel
+};
+//# sourceMappingURL=translation-review.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/translation-review.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Check, ListChecks, RotateCcw } from \"lucide-react\";\n\nimport { useKitLabels, useKitLocale } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport {\n  DEFAULT_TRANSLATION_REVIEW_FILTER,\n  REVIEW_STATUSES,\n  filterTranslationRows,\n  keyInAreas,\n  reviewWrite,\n  summariseRows,\n} from \"../lib/translation-review\";\nimport type {\n  ReviewStatus,\n  TranslationReviewFilter,\n  TranslationReviewKey,\n  TranslationReviewWrite,\n  TranslationRow,\n} from \"../lib/translation-review\";\nimport { AlertBanner } from \"./alert-banner\";\nimport { BulkActionBar } from \"./bulk-action-bar\";\nimport { Checkbox } from \"./checkbox\";\nimport { Chip } from \"./chip\";\nimport { DataTable } from \"./data-table\";\nimport type { DataTableColumn } from \"./data-table\";\nimport { SearchField } from \"./search-field\";\nimport { ToggleGroup } from \"./toggle-group\";\nimport { TranslationReviewEditor } from \"./translation-review-editor\";\nimport { DEFAULT_TRANSLATION_REVIEW_LABELS, reviewStatusLabel } from \"./translation-review-labels\";\nimport type { TranslationReviewLabels } from \"./translation-review-labels\";\nimport { ReviewStatusChip, TranslationProgress } from \"./translation-review-parts\";\nimport { Button, IconButton, Select } from \"./ui\";\n\nexport {\n  REVIEW_STATUS_TONES,\n  ReviewStatusChip,\n  TranslationExportButton,\n  TranslationLocaleTabs,\n  TranslationProgress,\n} from \"./translation-review-parts\";\nexport type {\n  ReviewStatusChipProps,\n  TranslationExportButtonProps,\n  TranslationLocaleTab,\n  TranslationLocaleTabsProps,\n  TranslationProgressProps,\n} from \"./translation-review-parts\";\nexport { TranslationReviewEditor } from \"./translation-review-editor\";\nexport type { TranslationReviewEditorProps } from \"./translation-review-editor\";\nexport { DEFAULT_TRANSLATION_REVIEW_LABELS } from \"./translation-review-labels\";\nexport type { TranslationReviewLabels } from \"./translation-review-labels\";\n\n/**\n * An app's translation review page, as kit parts (H1, docs/i18n-harmonization.md):\n * keksdose's /translations, which kastlan was about to build a second time. The app keeps\n * what is its own — where the strings come from, which locale is read against which, who\n * may review what, every request — and hands the kit rows (`translationRows`) and two\n * callbacks. Everything a reviewer touches is here.\n *\n * Presentational — no request, no route — and one LOCALE at a time. Its table is the\n * kit's DataTable, so like every DataTable it renders under the app's Router. The page\n * around it puts\n * {@link TranslationLocaleTabs} above it and {@link TranslationExportButton} in its header,\n * because both span every locale while this panel is the one open.\n *\n * Callbacks may return promises, and the panel waits for them: an editor stays open with\n * its text and the error when a save is refused (a 403 for a key outside the reviewer's\n * areas, a network failure), a bulk action keeps its selection. Chunking a long bulk\n * write to the server's batch limit is the app's; the panel sends one call per action.\n */\n\ntype MaybePromise = void | Promise<unknown>;\n\nexport interface TranslationReviewPanelProps {\n  /** One locale's rows, from `translationRows`. */\n  rows: readonly TranslationRow[];\n  /** The reviewed language's own name — the text column's header (\"Français\"). */\n  localeLabel: string;\n  /** The reference language's own name — the reference column's header. */\n  referenceLabel: string;\n  /** Store verdicts: one for an editor or a row's approve button, many for a bulk\n   *  approve. Left out (or `readOnly`): nothing can be changed. */\n  onSave?: (writes: TranslationReviewWrite[]) => MaybePromise;\n  /** Clear verdicts — back to unreviewed. Left out: no reset. */\n  onClear?: (keys: TranslationReviewKey[]) => MaybePromise;\n  /** A locale the viewer may read but not review: the rows and their verdicts, no\n   *  actions, and a line saying so. */\n  readOnly?: boolean;\n  /**\n   * The areas the reviewer is limited to (keksdose's lawyer: `[\"legal\"]`), as the server\n   * answers them; `null` is every area. Rows outside are not shown or counted — build the\n   * rows with the same `areas` and they never exist — and a notice names the areas.\n   */\n  areas?: readonly string[] | null;\n  /** An area's name for the notice (\"the legal pages (Imprint, …)\"). Default: the key. */\n  areaLabels?: Readonly<Record<string, string>>;\n  /** Default `keyInArea`: the key is the area or sits under it (`legal.…`, `legal:…`). */\n  inArea?: (key: string, area: string) => boolean;\n  /** A source's name for the source filter, which appears once the rows come from more\n   *  than one (kastlan: `{ screen: \"Screen\", documents: \"PDFs and emails\" }`). Default:\n   *  the source itself. */\n  sourceLabels?: Readonly<Record<string, string>>;\n  /**\n   * Controlled filters — for an app that keeps them in the URL (keksdose's `?status=`,\n   * `?area=`, `?q=`). Whatever is left out is the panel's own. Pair with `onFilterChange`.\n   */\n  filter?: Partial<TranslationReviewFilter>;\n  onFilterChange?: (filter: TranslationReviewFilter) => void;\n  /** The progress bar over the filters. Default true. */\n  progress?: boolean;\n  /** Rows per page. Default 50. */\n  pageSize?: number;\n  /** Persists the table's sort and page size (DataTable's `storageKey`). */\n  storageKey?: string;\n  /** How a verdict's date reads in the editor. */\n  formatDate?: (iso: string) => string;\n  /** Turns a callback's rejection into words. Default {@link TranslationReviewLabels.failed}. */\n  formatError?: (error: unknown) => ReactNode;\n  className?: string;\n  labels?: Partial<TranslationReviewLabels>;\n}\n\n/** The row's text — or, for a missing string, the line that says so. */\nfunction TextCell({ row, labels, clamp }: { row: TranslationRow; labels: TranslationReviewLabels; clamp?: boolean }) {\n  return row.text === \"\" ? (\n    <span className=\"italic text-[var(--text-muted)]\">{labels.missingText}</span>\n  ) : (\n    <span lang={row.locale} className={cn(\"whitespace-pre-line break-words\", clamp && \"line-clamp-3\")}>\n      {row.text}\n    </span>\n  );\n}\n\n/**\n * The page body for one locale: progress, filters (status, source, namespace, search,\n * placeholder problems), the strings with an editor that unfolds under each, and the\n * bulk actions over a selection.\n *\n * The status filter is the work queue in order — what is not there, what nobody has\n * read, what changed after it was read, what was sent back, what is done — with each\n * count on it. \"Missing\" is offered only where something is.\n *\n * Bulk approve takes the selected rows that are not approved yet and have a text:\n * approving an absent string says nothing, and re-approving one says it again. On a\n * phone the table has no checkboxes, so \"Select all shown\" selects what the filters\n * show — filter to `Unreviewed` in one area, read, select, approve.\n */\nexport function TranslationReviewPanel({\n  rows: rowsProp,\n  localeLabel,\n  referenceLabel,\n  onSave,\n  onClear,\n  readOnly = false,\n  areas,\n  areaLabels,\n  inArea,\n  sourceLabels,\n  filter: filterProp,\n  onFilterChange,\n  progress = true,\n  pageSize = 50,\n  storageKey,\n  formatDate,\n  formatError,\n  className,\n  labels: labelsProp,\n}: TranslationReviewPanelProps) {\n  const labels = useKitLabels(\"translationReview\", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);\n  const locale = useKitLocale();\n  const editable = !readOnly && onSave !== undefined;\n\n  const [ownFilter, setOwnFilter] = useState<TranslationReviewFilter>(DEFAULT_TRANSLATION_REVIEW_FILTER);\n  // The app's fields over the panel's own; a field the app leaves `undefined` is the\n  // panel's, not a blank.\n  const filter: TranslationReviewFilter = { ...ownFilter };\n  for (const [name, value] of Object.entries(filterProp ?? {})) {\n    if (value !== undefined) Object.assign(filter, { [name]: value });\n  }\n  const [openId, setOpenId] = useState<string | null>(null);\n  const [selected, setSelected] = useState<ReadonlySet<string>>(() => new Set());\n  // One bulk or row action at a time: two writes in flight on one locale's verdicts can\n  // answer out of order. The editor keeps its own, for its own buttons.\n  const [busy, setBusy] = useState<string | null>(null);\n  const [failure, setFailure] = useState<ReactNode>(null);\n\n  const rows = useMemo(\n    () => (areas ? rowsProp.filter((row) => keyInAreas(row.key, areas, inArea)) : [...rowsProp]),\n    [rowsProp, areas, inArea],\n  );\n  const summary = useMemo(() => summariseRows(rows), [rows]);\n  const sources = useMemo(() => [...new Set(rows.map((r) => r.source))], [rows]);\n  const source = sources.includes(filter.source) ? filter.source : \"all\";\n  const namespaces = useMemo(\n    () => [...new Set(rows.filter((r) => source === \"all\" || r.source === source).map((r) => r.namespace))],\n    [rows, source],\n  );\n  const namespace = namespaces.includes(filter.namespace) ? filter.namespace : \"all\";\n  const mismatches = useMemo(() => rows.filter((r) => r.placeholderMismatch).length, [rows]);\n  // `filter` is rebuilt every render; its fields are what the list depends on.\n  const { status, query, placeholdersOnly } = filter;\n  const visible = useMemo(\n    () => filterTranslationRows(rows, { status, source, namespace, query, placeholdersOnly }),\n    [rows, status, source, namespace, query, placeholdersOnly],\n  );\n\n  const setFilter = (patch: Partial<TranslationReviewFilter>) => {\n    const next = { ...filter, ...patch };\n    setOwnFilter(next);\n    onFilterChange?.(next);\n    // A selection the new filter hides would be acted on unseen.\n    setSelected(new Set());\n  };\n\n  const run = async (key: string, action: () => MaybePromise): Promise<boolean> => {\n    setBusy(key);\n    setFailure(null);\n    try {\n      await action();\n      return true;\n    } catch (caught) {\n      setFailure(formatError ? formatError(caught) : labels.failed);\n      return false;\n    } finally {\n      setBusy(null);\n    }\n  };\n\n  const visibleIds = new Set(visible.map((r) => r.id));\n  const selectedRows = visible.filter((r) => selected.has(r.id));\n  const allSelected = visible.length > 0 && selectedRows.length === visible.length;\n  const toApprove = selectedRows.filter((r) => r.text !== \"\" && r.status !== \"approved\");\n  const toReset = selectedRows.filter((r) => r.review !== null);\n\n  const approveSelected = async () => {\n    if (!onSave || toApprove.length === 0) return;\n    if (await run(\"bulk-approve\", () => onSave(toApprove.map((r) => reviewWrite(r, \"APPROVED\"))))) {\n      setSelected(new Set());\n    }\n  };\n  const resetSelected = async () => {\n    if (!onClear || toReset.length === 0) return;\n    if (await run(\"bulk-reset\", () => onClear(toReset.map((r) => ({ locale: r.locale, key: r.key }))))) {\n      setSelected(new Set());\n    }\n  };\n\n  // The status options: \"missing\" only where something is (or it is the filter).\n  const statuses = REVIEW_STATUSES.filter((s) => s !== \"missing\" || summary.missing > 0 || filter.status === s);\n  const scopeNames = (areas ?? []).map((area) => areaLabels?.[area] ?? area);\n  const scopeText =\n    scopeNames.length > 0 ? new Intl.ListFormat(locale, { type: \"conjunction\", style: \"long\" }).format(scopeNames) : \"\";\n\n  const columns: DataTableColumn<TranslationRow>[] = [\n    {\n      key: \"key\",\n      header: labels.key,\n      cell: (r) => <code className=\"break-all text-xs text-[var(--text-secondary)]\">{r.key}</code>,\n      sortBy: (r) => r.key,\n      mobileHidden: true,\n    },\n    {\n      key: \"reference\",\n      header: referenceLabel,\n      cell: (r) => (\n        <span className=\"line-clamp-3 whitespace-pre-line break-words text-[var(--text-secondary)]\">{r.reference}</span>\n      ),\n      mobileHidden: true,\n    },\n    {\n      key: \"text\",\n      header: localeLabel,\n      cell: (r) => <TextCell row={r} labels={labels} clamp />,\n      mobilePrimary: true,\n    },\n    {\n      key: \"status\",\n      header: labels.statusColumn,\n      cell: (r) => (\n        <span className=\"inline-flex flex-wrap gap-1\">\n          <ReviewStatusChip status={r.status} labels={labelsProp} />\n          {r.placeholderMismatch && (\n            <Chip size=\"sm\" tone=\"danger\" variant=\"outline\">\n              {labels.placeholderChip}\n            </Chip>\n          )}\n        </span>\n      ),\n      sortBy: (r) => REVIEW_STATUSES.indexOf(r.status),\n    },\n  ];\n  if (editable && onSave) {\n    const save = onSave;\n    columns.push({\n      key: \"approve\",\n      header: <span className=\"sr-only\">{labels.approve}</span>,\n      cell: (r) =>\n        r.status === \"approved\" || r.text === \"\" ? null : (\n          <IconButton\n            type=\"button\"\n            size=\"xs\"\n            tone=\"muted\"\n            commit\n            label={labels.approve}\n            pending={busy === `row:${r.id}`}\n            disabled={busy !== null}\n            onClick={(event) => {\n              // The row's own click opens the editor; this one only approves.\n              event.stopPropagation();\n              void run(`row:${r.id}`, () => save([reviewWrite(r, \"APPROVED\")]));\n            }}\n          >\n            <Check />\n          </IconButton>\n        ),\n    });\n  }\n\n  return (\n    <div className={cn(\"min-w-0 space-y-4\", className)}>\n      {scopeText && (\n        <AlertBanner tone=\"info\" variant=\"inline\" size=\"sm\" block live={false}>\n          {labels.scope(scopeText)}\n        </AlertBanner>\n      )}\n      {readOnly && (\n        <AlertBanner tone=\"info\" variant=\"inline\" size=\"sm\" block live={false}>\n          {labels.readOnly}\n        </AlertBanner>\n      )}\n\n      {progress && <TranslationProgress summary={summary} labels={labelsProp} />}\n\n      <ToggleGroup<ReviewStatus | \"all\">\n        aria-label={labels.statusFilter}\n        overflow=\"wrap\"\n        size=\"sm\"\n        value={filter.status}\n        onChange={(next) => setFilter({ status: next })}\n        options={[\n          { value: \"all\", label: labels.filterCount(labels.all, summary.total) },\n          ...statuses.map((s) => ({ value: s, label: labels.filterCount(reviewStatusLabel(labels, s), summary[s]) })),\n        ]}\n      />\n\n      <div className=\"flex flex-col gap-3 md:flex-row md:flex-wrap md:items-end\">\n        {sources.length > 1 && (\n          <div className=\"md:w-48\">\n            <Select label={labels.source} value={source} onChange={(e) => setFilter({ source: e.target.value })}>\n              <option value=\"all\">{labels.allSources}</option>\n              {sources.map((s) => (\n                <option key={s} value={s}>\n                  {sourceLabels?.[s] ?? s}\n                </option>\n              ))}\n            </Select>\n          </div>\n        )}\n        <div className=\"md:w-56\">\n          <Select label={labels.namespace} value={namespace} onChange={(e) => setFilter({ namespace: e.target.value })}>\n            <option value=\"all\">{labels.allNamespaces}</option>\n            {namespaces.map((ns) => (\n              <option key={ns} value={ns}>\n                {ns}\n              </option>\n            ))}\n          </Select>\n        </div>\n        <SearchField\n          className=\"min-w-0 md:flex-1\"\n          label={labels.search}\n          value={filter.query}\n          onChange={(next) => setFilter({ query: next })}\n        />\n        <Checkbox\n          label={labels.placeholdersOnly(mismatches)}\n          checked={filter.placeholdersOnly}\n          onCheckedChange={(next) => setFilter({ placeholdersOnly: next })}\n        />\n      </div>\n\n      {editable && visible.length > 0 && (\n        // The phone's table has no checkboxes; this is its way into the bulk actions.\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          className=\"md:hidden\"\n          disabled={allSelected}\n          onClick={() => setSelected(new Set(visible.map((r) => r.id)))}\n        >\n          <ListChecks className=\"size-4\" aria-hidden />\n          {labels.selectShown}\n        </Button>\n      )}\n\n      {failure && (\n        <AlertBanner tone=\"danger\" size=\"sm\" role=\"alert\">\n          {failure}\n        </AlertBanner>\n      )}\n\n      {editable && (\n        <BulkActionBar count={selectedRows.length} onClear={() => setSelected(new Set())}>\n          <Button\n            variant=\"primary\"\n            size=\"sm\"\n            commit\n            pending={busy === \"bulk-approve\"}\n            disabled={busy !== null || toApprove.length === 0}\n            onClick={() => void approveSelected()}\n          >\n            <Check className=\"size-4\" aria-hidden />\n            {labels.approveSelected}\n          </Button>\n          {onClear && (\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              commit\n              pending={busy === \"bulk-reset\"}\n              disabled={busy !== null || toReset.length === 0}\n              onClick={() => void resetSelected()}\n            >\n              <RotateCcw className=\"size-4\" aria-hidden />\n              {labels.resetSelected}\n            </Button>\n          )}\n        </BulkActionBar>\n      )}\n\n      <DataTable<TranslationRow>\n        rows={visible}\n        rowKey={(r) => r.id}\n        columns={columns}\n        empty={labels.empty}\n        defaultPageSize={pageSize}\n        storageKey={storageKey}\n        isExpanded={(r) => r.id === openId}\n        onRowClick={(r) => setOpenId((open) => (open === r.id ? null : r.id))}\n        expandedRow={(r) => (\n          <TranslationReviewEditor\n            key={r.id}\n            row={r}\n            referenceLabel={referenceLabel}\n            localeLabel={localeLabel}\n            readOnly={!editable}\n            onSave={onSave ? (write) => onSave([write]) : undefined}\n            onClear={onClear ? (key) => onClear([key]) : undefined}\n            onClose={() => setOpenId(null)}\n            formatDate={formatDate}\n            formatError={formatError}\n            labels={labelsProp}\n          />\n        )}\n        mobileCard={(r) => (\n          <div className=\"min-w-0 space-y-1\">\n            <code className=\"block break-all text-xs text-[var(--text-muted)]\">{r.key}</code>\n            <div className=\"text-sm text-[var(--text-primary)]\">\n              <TextCell row={r} labels={labels} clamp />\n            </div>\n            <div className=\"flex flex-wrap gap-1\">\n              <ReviewStatusChip status={r.status} labels={labelsProp} />\n              {r.placeholderMismatch && (\n                <Chip size=\"sm\" tone=\"danger\" variant=\"outline\">\n                  {labels.placeholderChip}\n                </Chip>\n              )}\n            </div>\n          </div>\n        )}\n        selection={\n          editable\n            ? {\n                isSelected: (r) => selected.has(r.id),\n                onToggle: (r, checked) =>\n                  setSelected((prev) => {\n                    const next = new Set([...prev].filter((id) => visibleIds.has(id)));\n                    if (checked) next.add(r.id);\n                    else next.delete(r.id);\n                    return next;\n                  }),\n                onToggleMany: (many, checked) =>\n                  setSelected((prev) => {\n                    const next = new Set([...prev].filter((id) => visibleIds.has(id)));\n                    for (const r of many) {\n                      if (checked) next.add(r.id);\n                      else next.delete(r.id);\n                    }\n                    return next;\n                  }),\n                allSelected,\n                someSelected: selectedRows.length > 0 && !allSelected,\n                onToggleAll: (checked) => setSelected(checked ? new Set(visible.map((r) => r.id)) : new Set()),\n              }\n            : undefined\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":["ReviewStatusChip","TranslationProgress","TranslationReviewEditor","DEFAULT_TRANSLATION_REVIEW_LABELS"]}

package/dist/components/ui.d.ts

@@ -1,6 +1,6 @@
 import 'react';
 import './tooltip.js';
-export { B as Button, a as ButtonClassesOptions, b as ButtonLinkProps, c as ButtonProps, d as ButtonSize, e as ButtonTone, f as ButtonVariant, g as Card, h as CardAction, i as CardActionProps, j as CardContent, k as CardContentProps, l as CardDensity, m as CardDescription, n as CardDescriptionProps, o as CardFooter, p as CardFooterProps, q as CardHeader, r as CardHeaderProps, s as CardProps, t as CardTitle, u as CardTitleLevel, v as CardTitleProps, w as CardTone, S as DEFAULT_PASSWORD_REVEAL_LABELS, W as DEFAULT_TABS_LABELS, Z as EmptyState, _ as EmptyStateProps, $ as FIELD_BASE, a0 as FIELD_DISPLAY, a1 as FIELD_FLOATING_PAD, a2 as FIELD_INVALID, a3 as FIELD_TRIGGER, a4 as FIELD_WRITABLE_LOOK, a5 as FLOATING_INPUT_CLASS, a6 as FLOATING_LABEL_CLASS, a7 as FLOATING_LABEL_STATIC, a8 as FieldChevron, a9 as FieldChevronProps, aa as FieldHint, ab as FieldHintProps, ac as FieldLabel, ad as FieldLabelProps, al as FloatingField, am as FloatingFieldProps, av as IconButton, aw as IconButtonGlyphSize, ax as IconButtonLinkProps, ay as IconButtonProps, az as IconButtonSize, aA as IconButtonTone, aB as IconButtonToneColor, aC as IconButtonVariant, aD as Input, aE as InputProps, aH as Label, aJ as LabelProps, aL as PHONE_QUERY, aM as PasswordRevealLabels, aP as Select, aQ as SelectProps, b1 as Spinner, b2 as SpinnerProps, b4 as TabItem, b5 as Tabs, b6 as TabsLabels, b7 as TabsProps, b8 as Textarea, b9 as TextareaProps, bh as buttonClasses, bl as resolvePasswordRevealLabels } from '../kit-labels-CPbsjlXr.js';
+export { B as Button, a as ButtonClassesOptions, b as ButtonLinkProps, c as ButtonProps, d as ButtonSize, e as ButtonTone, f as ButtonVariant, g as Card, h as CardAction, i as CardActionProps, j as CardContent, k as CardContentProps, l as CardDensity, m as CardDescription, n as CardDescriptionProps, o as CardFooter, p as CardFooterProps, q as CardHeader, r as CardHeaderProps, s as CardProps, t as CardTitle, u as CardTitleLevel, v as CardTitleProps, w as CardTone, S as DEFAULT_PASSWORD_REVEAL_LABELS, W as DEFAULT_TABS_LABELS, Z as EmptyState, _ as EmptyStateProps, $ as FIELD_BASE, a0 as FIELD_DISPLAY, a1 as FIELD_FLOATING_PAD, a2 as FIELD_INVALID, a3 as FIELD_TRIGGER, a4 as FIELD_WRITABLE_LOOK, a5 as FLOATING_INPUT_CLASS, a6 as FLOATING_LABEL_CLASS, a7 as FLOATING_LABEL_STATIC, a8 as FieldChevron, a9 as FieldChevronProps, aa as FieldHint, ab as FieldHintProps, ac as FieldLabel, ad as FieldLabelProps, al as FloatingField, am as FloatingFieldProps, av as IconButton, aw as IconButtonGlyphSize, ax as IconButtonLinkProps, ay as IconButtonProps, az as IconButtonSize, aA as IconButtonTone, aB as IconButtonToneColor, aC as IconButtonVariant, aD as Input, aE as InputProps, aH as Label, aJ as LabelProps, aL as PHONE_QUERY, aM as PasswordRevealLabels, aP as Select, aQ as SelectProps, b1 as Spinner, b2 as SpinnerProps, b4 as TabItem, b5 as Tabs, b6 as TabsLabels, b7 as TabsProps, b8 as Textarea, b9 as TextareaProps, bh as buttonClasses, bl as resolvePasswordRevealLabels } from '../kit-labels-D1J2_jyD.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
 import './data-table-labels.js';
@@ -51,6 +51,7 @@ import '../hooks/use-authed-src.js';
 import './image-grid.js';
 import './lightbox.js';
 import './write-lock.js';
+import './legal.js';
 import './account-chips.js';
 import '../lib/format.js';
 import '../data-table-3mi2R3so.js';
@@ -59,3 +60,5 @@ import './swipeable-row.js';
 import './reauth-dialog.js';
 import './server-wake.js';
 import '../lib/server-wake.js';
+import './translation-review-labels.js';
+import '../lib/translation-review.js';

package/dist/hooks/use-file-drop.d.ts

@@ -1,5 +1,5 @@
 import { DragEvent, ReactElement } from 'react';
-import { bf as UseFilePickerOptions } from '../kit-labels-CPbsjlXr.js';
+import { bf as UseFilePickerOptions } from '../kit-labels-D1J2_jyD.js';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
 import '../components/calendar-heatmap.js';
@@ -51,6 +51,7 @@ import './use-authed-src.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../components/legal.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../data-table-3mi2R3so.js';
@@ -59,6 +60,8 @@ import '../components/swipeable-row.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
 
 /**
  * Turn ANY element into a file drop target — kastlan's ask, for the document list of

package/dist/i18n/defaults.d.ts

@@ -1,4 +1,4 @@
-import { bc as UiKitLabels } from '../kit-labels-CPbsjlXr.js';
+import { bc as UiKitLabels } from '../kit-labels-D1J2_jyD.js';
 import 'react';
 import '../components/data-table-labels.js';
 import '../components/mini-calendar.js';
@@ -51,6 +51,7 @@ import '../hooks/use-authed-src.js';
 import '../components/image-grid.js';
 import '../components/lightbox.js';
 import '../components/write-lock.js';
+import '../components/legal.js';
 import '../components/account-chips.js';
 import '../lib/format.js';
 import '../data-table-3mi2R3so.js';
@@ -59,6 +60,8 @@ import '../components/swipeable-row.js';
 import '../components/reauth-dialog.js';
 import '../components/server-wake.js';
 import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
 
 /**
  * The whole English tree in one object: what a translation is written against, and

package/dist/i18n/defaults.js

@@ -48,10 +48,12 @@ import { DEFAULT_AUTHED_IMAGE_LABELS } from "../components/authed-image.js";
 import { DEFAULT_IMAGE_GRID_LABELS } from "../components/image-grid.js";
 import { DEFAULT_LIGHTBOX_LABELS } from "../components/lightbox.js";
 import { DEFAULT_WRITE_LOCK_LABELS } from "../components/write-lock.js";
+import { DEFAULT_LEGAL_LABELS } from "../components/legal.js";
 import { DEFAULT_ACCOUNT_STATE_LABELS } from "../components/account-chips.js";
 import { DEFAULT_SHARE_CARD_LABELS } from "../components/share-card.js";
 import { DEFAULT_REAUTH_DIALOG_LABELS } from "../components/reauth-dialog.js";
 import { DEFAULT_SERVER_WAKE_LABELS } from "../components/server-wake.js";
+import { DEFAULT_TRANSLATION_REVIEW_LABELS } from "../components/translation-review-labels.js";
 import {
   DEFAULT_APP_SHELL_LABELS,
   DEFAULT_CALCULATOR_LABELS,
@@ -128,7 +130,9 @@ const DEFAULT_UI_KIT_LABELS = {
   accountState: DEFAULT_ACCOUNT_STATE_LABELS,
   shareCard: DEFAULT_SHARE_CARD_LABELS,
   reauthDialog: DEFAULT_REAUTH_DIALOG_LABELS,
-  serverWake: DEFAULT_SERVER_WAKE_LABELS
+  serverWake: DEFAULT_SERVER_WAKE_LABELS,
+  translationReview: DEFAULT_TRANSLATION_REVIEW_LABELS,
+  legal: DEFAULT_LEGAL_LABELS
 };
 export {
   DEFAULT_UI_KIT_LABELS