@eifi1/ui-kit 0.45.0 → 0.46.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/translation-review-labels.ts"],"sourcesContent":["import type { ReviewStatus } from \"../lib/translation-review\";\n\n/**\n * The `translationReview` namespace: every word of the translation-review parts\n * (`ReviewStatusChip`, `TranslationProgress`, `TranslationLocaleTabs`,\n * `TranslationExportButton`, `TranslationReviewEditor`, `TranslationReviewPanel`).\n *\n * Its own module, like `data-table-labels.ts`: `kit-labels.tsx` and `defaults.ts` import\n * it, and neither has to load the components to get the words. The English is keksdose's\n * and kastlan's own (`translation_review.*`, `translations:*`), British.\n */\nexport interface TranslationReviewLabels {\n  /** The five statuses — the chip, the filter, the progress legend. */\n  statusMissing: string;\n  statusUnreviewed: string;\n  statusChanged: string;\n  statusNeedsChange: string;\n  statusApproved: string;\n  /** Accessible name of the status filter. */\n  statusFilter: string;\n  /** The status filter's first option. */\n  all: string;\n  /** A status filter option with its count: \"Unreviewed · 12\". */\n  filterCount: (label: string, count: number) => string;\n  /** The source filter's label — shown only when the rows come from several sources\n   *  (kastlan's screen texts and documents). */\n  source: string;\n  allSources: string;\n  /** The namespace filter's label and its \"every one\" option. */\n  namespace: string;\n  allNamespaces: string;\n  search: string;\n  /** The placeholder filter, with how many rows it would show. */\n  placeholdersOnly: (count: number) => string;\n  /** The chip on a row whose placeholders differ from the reference's. */\n  placeholderChip: string;\n  /** The key column, and the key's caption in the editor. */\n  key: string;\n  statusColumn: string;\n  /** No row matches the filters. */\n  empty: string;\n  /** In place of the text of a string the locale lacks. */\n  missingText: string;\n  /** The progress bar's label. */\n  progress: (approved: number, total: number) => string;\n  /** A locale tab's badge. */\n  localeProgress: (approved: number, total: number) => string;\n  /** Accessible name of the locale tabs. */\n  locales: string;\n  approve: string;\n  /** Send a string back: \"Needs a change\". */\n  flag: string;\n  /** \"Needs a change\" for a MISSING string: the suggestion is the translation to add. */\n  suggest: string;\n  /** Clear a verdict: back to unreviewed. */\n  reset: string;\n  /** The editor's way out without saving. */\n  cancel: string;\n  approveSelected: string;\n  resetSelected: string;\n  /** Selects every row the filters show — the phone's way into the bulk actions, where\n   *  the table has no checkboxes. */\n  selectShown: string;\n  /** Over the old wording of a row that changed since its verdict. */\n  changedSince: string;\n  reviewedWording: string;\n  reviewedReference: string;\n  /** The placeholders differ: the reference's and the text's, each a list. */\n  placeholderMismatch: (reference: string, text: string) => string;\n  lastApproved: (name: string, date: string) => string;\n  lastFlagged: (name: string, date: string) => string;\n  /** The reviewer's name once the account is gone — what `name` above becomes. */\n  erasedReviewer: string;\n  /** The editor's wording field, opened on the current text. */\n  suggestion: string;\n  /** The same field for a missing string. */\n  translation: string;\n  note: string;\n  notePlaceholder: string;\n  /** The viewer may read this locale but not review it. */\n  readOnly: string;\n  /** The reviewer is limited to some areas — `areas` is their names, joined. */\n  scope: (areas: string) => string;\n  exportCorrections: (count: number) => string;\n  /** A callback rejected and no `formatError` says better. */\n  failed: string;\n  /** 0.25: the Undo toast after an approval (`undo`) — one string, or a batch of them. */\n  approvedToast: (count: number) => string;\n  /** 0.25: a group's header under `groupBy` — how many of its rows nobody has read yet,\n   *  of how many the filters show in it. */\n  groupCount: (unreviewed: number, total: number) => string;\n  /** 0.25: a group's bulk action — approve its unreviewed rows. */\n  approveGroup: (count: number) => string;\n  /** 0.25: asked first when a group's bulk approve is larger than a page — more than the\n   *  reviewer can have had on screen. `group` is the group's name. */\n  confirmGroup: (count: number, group: string) => string;\n  /** The Undo toast after a swipe bound to `clear` took a verdict back (keksdose, live\n   *  #377 rework: the swipes bound in its settings) — one string, or a batch of them.\n   *  The swipe itself is named by {@link reset}. */\n  clearedToast: (count: number) => string;\n}\n\nexport const DEFAULT_TRANSLATION_REVIEW_LABELS: TranslationReviewLabels = {\n  statusMissing: \"Missing\",\n  statusUnreviewed: \"Unreviewed\",\n  statusChanged: \"Changed since review\",\n  statusNeedsChange: \"Needs a change\",\n  statusApproved: \"Approved\",\n  statusFilter: \"Status\",\n  all: \"All\",\n  filterCount: (label, count) => `${label} · ${count}`,\n  source: \"Texts\",\n  allSources: \"All texts\",\n  namespace: \"Area\",\n  allNamespaces: \"All areas\",\n  search: \"Search keys and text\",\n  placeholdersOnly: (count) => `Only placeholder problems (${count})`,\n  placeholderChip: \"Placeholders\",\n  key: \"Key\",\n  statusColumn: \"Status\",\n  empty: \"No strings match these filters.\",\n  missingText: \"Missing in this language\",\n  progress: (approved, total) => `${approved} of ${total} approved`,\n  localeProgress: (approved, total) => `${approved}/${total}`,\n  locales: \"Languages\",\n  approve: \"Approve\",\n  flag: \"Needs a change\",\n  suggest: \"Suggest translation\",\n  reset: \"Mark unreviewed\",\n  cancel: \"Cancel\",\n  approveSelected: \"Approve selected\",\n  resetSelected: \"Mark selected unreviewed\",\n  selectShown: \"Select all shown\",\n  changedSince: \"This string changed after it was reviewed. Please read it again.\",\n  reviewedWording: \"Wording when reviewed\",\n  reviewedReference: \"Reference when reviewed\",\n  placeholderMismatch: (reference, text) =>\n    `The placeholders differ from the reference — reference: ${reference}; this text: ${text}. The app fills these in, so they must stay exactly as they are.`,\n  lastApproved: (name, date) => `Approved by ${name} on ${date}`,\n  lastFlagged: (name, date) => `Marked as needing a change by ${name} on ${date}`,\n  erasedReviewer: \"a deleted account\",\n  suggestion: \"Better wording\",\n  translation: \"Translation\",\n  note: \"Note (optional)\",\n  notePlaceholder: \"What is wrong, or what to keep in mind\",\n  readOnly: \"You can read this language but not review it.\",\n  scope: (areas) => `Your review is limited to: ${areas}.`,\n  exportCorrections: (count) => `Export corrections (${count})`,\n  failed: \"That did not work. Please try again.\",\n  approvedToast: (count) => (count === 1 ? \"String approved\" : `${count} strings approved`),\n  groupCount: (unreviewed, total) => `${unreviewed} unreviewed / ${total}`,\n  approveGroup: (count) => `Approve unreviewed (${count})`,\n  confirmGroup: (count, group) =>\n    count === 1\n      ? `Approve the unreviewed string in ${group}?`\n      : `Approve all ${count} unreviewed strings in ${group}, including those not on screen?`,\n  clearedToast: (count) => (count === 1 ? \"String marked unreviewed\" : `${count} strings marked unreviewed`),\n};\n\n/** A status's word, from the namespace's five. */\nexport function reviewStatusLabel(labels: TranslationReviewLabels, status: ReviewStatus): string {\n  switch (status) {\n    case \"missing\":\n      return labels.statusMissing;\n    case \"unreviewed\":\n      return labels.statusUnreviewed;\n    case \"changed\":\n      return labels.statusChanged;\n    case \"needs_change\":\n      return labels.statusNeedsChange;\n    case \"approved\":\n      return labels.statusApproved;\n  }\n}\n"],"mappings":";AAsGO,MAAM,oCAA6D;AAAA,EACxE,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,KAAK;AAAA,EACL,aAAa,CAAC,OAAO,UAAU,GAAG,KAAK,SAAM,KAAK;AAAA,EAClD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,kBAAkB,CAAC,UAAU,8BAA8B,KAAK;AAAA,EAChE,iBAAiB;AAAA,EACjB,KAAK;AAAA,EACL,cAAc;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU,CAAC,UAAU,UAAU,GAAG,QAAQ,OAAO,KAAK;AAAA,EACtD,gBAAgB,CAAC,UAAU,UAAU,GAAG,QAAQ,IAAI,KAAK;AAAA,EACzD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB,CAAC,WAAW,SAC/B,gEAA2D,SAAS,gBAAgB,IAAI;AAAA,EAC1F,cAAc,CAAC,MAAM,SAAS,eAAe,IAAI,OAAO,IAAI;AAAA,EAC5D,aAAa,CAAC,MAAM,SAAS,iCAAiC,IAAI,OAAO,IAAI;AAAA,EAC7E,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,OAAO,CAAC,UAAU,8BAA8B,KAAK;AAAA,EACrD,mBAAmB,CAAC,UAAU,uBAAuB,KAAK;AAAA,EAC1D,QAAQ;AAAA,EACR,eAAe,CAAC,UAAW,UAAU,IAAI,oBAAoB,GAAG,KAAK;AAAA,EACrE,YAAY,CAAC,YAAY,UAAU,GAAG,UAAU,iBAAiB,KAAK;AAAA,EACtE,cAAc,CAAC,UAAU,uBAAuB,KAAK;AAAA,EACrD,cAAc,CAAC,OAAO,UACpB,UAAU,IACN,oCAAoC,KAAK,MACzC,eAAe,KAAK,0BAA0B,KAAK;AAAA,EACzD,cAAc,CAAC,UAAW,UAAU,IAAI,6BAA6B,GAAG,KAAK;AAC/E;AAGO,SAAS,kBAAkB,QAAiC,QAA8B;AAC/F,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;","names":[]}
+{"version":3,"sources":["../../src/components/translation-review-labels.ts"],"sourcesContent":["import type { ReviewStatus } from \"../lib/translation-review\";\n\n/**\n * The `translationReview` namespace: every word of the translation-review parts\n * (`ReviewStatusChip`, `TranslationProgress`, `TranslationLocaleTabs`,\n * `TranslationExportButton`, `TranslationReviewEditor`, `TranslationReviewPanel`).\n *\n * Its own module, like `data-table-labels.ts`: `kit-labels.tsx` and `defaults.ts` import\n * it, and neither has to load the components to get the words. The English is keksdose's\n * and kastlan's own (`translation_review.*`, `translations:*`), British.\n */\nexport interface TranslationReviewLabels {\n  /** The five statuses — the chip, the filter, the progress legend. */\n  statusMissing: string;\n  statusUnreviewed: string;\n  statusChanged: string;\n  statusNeedsChange: string;\n  statusApproved: string;\n  /** Accessible name of the status filter. */\n  statusFilter: string;\n  /** The status filter's first option. */\n  all: string;\n  /** A status filter option with its count: \"Unreviewed · 12\". */\n  filterCount: (label: string, count: number) => string;\n  /** The source filter's label — shown only when the rows come from several sources\n   *  (kastlan's screen texts and documents). */\n  source: string;\n  allSources: string;\n  /** The namespace filter's label and its \"every one\" option. */\n  namespace: string;\n  allNamespaces: string;\n  search: string;\n  /** The placeholder filter, with how many rows it would show. */\n  placeholdersOnly: (count: number) => string;\n  /** The chip on a row whose placeholders differ from the reference's. */\n  placeholderChip: string;\n  /** The key column, and the key's caption in the editor. */\n  key: string;\n  statusColumn: string;\n  /** No row matches the filters. */\n  empty: string;\n  /** In place of the text of a string the locale lacks. */\n  missingText: string;\n  /** The progress bar's label. */\n  progress: (approved: number, total: number) => string;\n  /** A locale tab's badge. */\n  localeProgress: (approved: number, total: number) => string;\n  /** Accessible name of the locale tabs. */\n  locales: string;\n  approve: string;\n  /** Send a string back: \"Needs a change\". */\n  flag: string;\n  /** \"Needs a change\" for a MISSING string: the suggestion is the translation to add. */\n  suggest: string;\n  /** 0.46 (keksdose B2/S3): the desktop row's button that OPENS the editor to send a\n   *  string back — its own name, apart from the editor's `flag`, which saves. */\n  flagRow: string;\n  /** The same for a MISSING string: opens the editor to add the translation. */\n  suggestRow: string;\n  /** Clear a verdict: back to unreviewed. */\n  reset: string;\n  /** The editor's way out without saving. */\n  cancel: string;\n  approveSelected: string;\n  resetSelected: string;\n  /** Selects every row the filters show — the phone's way into the bulk actions, where\n   *  the table has no checkboxes. */\n  selectShown: string;\n  /** Over the old wording of a row that changed since its verdict. */\n  changedSince: string;\n  reviewedWording: string;\n  reviewedReference: string;\n  /** The placeholders differ: the reference's and the text's, each a list. */\n  placeholderMismatch: (reference: string, text: string) => string;\n  lastApproved: (name: string, date: string) => string;\n  lastFlagged: (name: string, date: string) => string;\n  /** The reviewer's name once the account is gone — what `name` above becomes. */\n  erasedReviewer: string;\n  /** The editor's wording field, opened on the current text. */\n  suggestion: string;\n  /** The same field for a missing string. */\n  translation: string;\n  note: string;\n  notePlaceholder: string;\n  /** The viewer may read this locale but not review it. */\n  readOnly: string;\n  /** The reviewer is limited to some areas — `areas` is their names, joined. */\n  scope: (areas: string) => string;\n  exportCorrections: (count: number) => string;\n  /** A callback rejected and no `formatError` says better. */\n  failed: string;\n  /** 0.25: the Undo toast after an approval (`undo`) — one string, or a batch of them. */\n  approvedToast: (count: number) => string;\n  /** 0.25: a group's header under `groupBy` — how many of its rows nobody has read yet,\n   *  of how many the filters show in it. */\n  groupCount: (unreviewed: number, total: number) => string;\n  /** 0.25: a group's bulk action — approve its unreviewed rows. */\n  approveGroup: (count: number) => string;\n  /** 0.25: asked first when a group's bulk approve is larger than a page — more than the\n   *  reviewer can have had on screen. `group` is the group's name. */\n  confirmGroup: (count: number, group: string) => string;\n  /** The Undo toast after a swipe bound to `clear` took a verdict back (keksdose, live\n   *  #377 rework: the swipes bound in its settings) — one string, or a batch of them.\n   *  The swipe itself is named by {@link reset}. */\n  clearedToast: (count: number) => string;\n}\n\nexport const DEFAULT_TRANSLATION_REVIEW_LABELS: TranslationReviewLabels = {\n  statusMissing: \"Missing\",\n  statusUnreviewed: \"Unreviewed\",\n  statusChanged: \"Changed since review\",\n  statusNeedsChange: \"Needs a change\",\n  statusApproved: \"Approved\",\n  statusFilter: \"Status\",\n  all: \"All\",\n  filterCount: (label, count) => `${label} · ${count}`,\n  source: \"Texts\",\n  allSources: \"All texts\",\n  namespace: \"Area\",\n  allNamespaces: \"All areas\",\n  search: \"Search keys and text\",\n  placeholdersOnly: (count) => `Only placeholder problems (${count})`,\n  placeholderChip: \"Placeholders\",\n  key: \"Key\",\n  statusColumn: \"Status\",\n  empty: \"No strings match these filters.\",\n  missingText: \"Missing in this language\",\n  progress: (approved, total) => `${approved} of ${total} approved`,\n  localeProgress: (approved, total) => `${approved}/${total}`,\n  locales: \"Languages\",\n  approve: \"Approve\",\n  flag: \"Needs a change\",\n  suggest: \"Suggest translation\",\n  flagRow: \"Flag for a change…\",\n  suggestRow: \"Add a translation…\",\n  reset: \"Mark unreviewed\",\n  cancel: \"Cancel\",\n  approveSelected: \"Approve selected\",\n  resetSelected: \"Mark selected unreviewed\",\n  selectShown: \"Select all shown\",\n  changedSince: \"This string changed after it was reviewed. Please read it again.\",\n  reviewedWording: \"Wording when reviewed\",\n  reviewedReference: \"Reference when reviewed\",\n  placeholderMismatch: (reference, text) =>\n    `The placeholders differ from the reference — reference: ${reference}; this text: ${text}. The app fills these in, so they must stay exactly as they are.`,\n  lastApproved: (name, date) => `Approved by ${name} on ${date}`,\n  lastFlagged: (name, date) => `Marked as needing a change by ${name} on ${date}`,\n  erasedReviewer: \"a deleted account\",\n  suggestion: \"Better wording\",\n  translation: \"Translation\",\n  note: \"Note (optional)\",\n  notePlaceholder: \"What is wrong, or what to keep in mind\",\n  readOnly: \"You can read this language but not review it.\",\n  scope: (areas) => `Your review is limited to: ${areas}.`,\n  exportCorrections: (count) => `Export corrections (${count})`,\n  failed: \"That did not work. Please try again.\",\n  approvedToast: (count) => (count === 1 ? \"String approved\" : `${count} strings approved`),\n  groupCount: (unreviewed, total) => `${unreviewed} unreviewed / ${total}`,\n  approveGroup: (count) => `Approve unreviewed (${count})`,\n  confirmGroup: (count, group) =>\n    count === 1\n      ? `Approve the unreviewed string in ${group}?`\n      : `Approve all ${count} unreviewed strings in ${group}, including those not on screen?`,\n  clearedToast: (count) => (count === 1 ? \"String marked unreviewed\" : `${count} strings marked unreviewed`),\n};\n\n/** A status's word, from the namespace's five. */\nexport function reviewStatusLabel(labels: TranslationReviewLabels, status: ReviewStatus): string {\n  switch (status) {\n    case \"missing\":\n      return labels.statusMissing;\n    case \"unreviewed\":\n      return labels.statusUnreviewed;\n    case \"changed\":\n      return labels.statusChanged;\n    case \"needs_change\":\n      return labels.statusNeedsChange;\n    case \"approved\":\n      return labels.statusApproved;\n  }\n}\n"],"mappings":";AA2GO,MAAM,oCAA6D;AAAA,EACxE,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,KAAK;AAAA,EACL,aAAa,CAAC,OAAO,UAAU,GAAG,KAAK,SAAM,KAAK;AAAA,EAClD,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,kBAAkB,CAAC,UAAU,8BAA8B,KAAK;AAAA,EAChE,iBAAiB;AAAA,EACjB,KAAK;AAAA,EACL,cAAc;AAAA,EACd,OAAO;AAAA,EACP,aAAa;AAAA,EACb,UAAU,CAAC,UAAU,UAAU,GAAG,QAAQ,OAAO,KAAK;AAAA,EACtD,gBAAgB,CAAC,UAAU,UAAU,GAAG,QAAQ,IAAI,KAAK;AAAA,EACzD,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,qBAAqB,CAAC,WAAW,SAC/B,gEAA2D,SAAS,gBAAgB,IAAI;AAAA,EAC1F,cAAc,CAAC,MAAM,SAAS,eAAe,IAAI,OAAO,IAAI;AAAA,EAC5D,aAAa,CAAC,MAAM,SAAS,iCAAiC,IAAI,OAAO,IAAI;AAAA,EAC7E,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,OAAO,CAAC,UAAU,8BAA8B,KAAK;AAAA,EACrD,mBAAmB,CAAC,UAAU,uBAAuB,KAAK;AAAA,EAC1D,QAAQ;AAAA,EACR,eAAe,CAAC,UAAW,UAAU,IAAI,oBAAoB,GAAG,KAAK;AAAA,EACrE,YAAY,CAAC,YAAY,UAAU,GAAG,UAAU,iBAAiB,KAAK;AAAA,EACtE,cAAc,CAAC,UAAU,uBAAuB,KAAK;AAAA,EACrD,cAAc,CAAC,OAAO,UACpB,UAAU,IACN,oCAAoC,KAAK,MACzC,eAAe,KAAK,0BAA0B,KAAK;AAAA,EACzD,cAAc,CAAC,UAAW,UAAU,IAAI,6BAA6B,GAAG,KAAK;AAC/E;AAGO,SAAS,kBAAkB,QAAiC,QAA8B;AAC/F,UAAQ,QAAQ;AAAA,IACd,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;","names":[]}

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

@@ -129,13 +129,23 @@ export interface TranslationReviewPanelProps {
      * DataTable's swipe sides (`mobileSwipeActions`) on {@link SwipeableRow}: the same
      * gesture, the same feedback, and the same keyboard path — every swipe is also a real
      * button, read out and reachable by Tab, so the gesture is a shortcut and never the only
-     * way. A row has no swipe while the editor under it is open, while its own write is out,
-     * under a {@link WriteLockProvider} lock, in a `readOnly` locale, and toward "Approve"
-     * where there is nothing to approve (a missing string, an approved one). A reviewer
-     * limited to `areas` never sees a row outside them, so never swipes one.
+     * way. A row has no swipe while its own write is out (a swipe's, a button's, or the open
+     * editor's own), under a {@link WriteLockProvider} lock, in a `readOnly` locale, and
+     * toward "Approve" where there is nothing to approve (a missing string, an approved one).
+     * A reviewer limited to `areas` never sees a row outside them, so never swipes one.
      *
-     * Off by default, so no existing page gains a gesture on the bump. Phones only; the
-     * desktop table keeps its approve button.
+     * An OPEN row swipes too, on its top line (keksdose live #416, Marcel: *"The swipe shall
+     * still be possible since it is faster than scrolling down to the buttons"*), as
+     * DataTable's open card does since 0.40: the editor below is outside the gesture, and a
+     * swipe neither toggles it shut nor resets it. A swipe acts on the STORED string, as the
+     * row's buttons do — Approve approves what the locale says, not the editor's draft — and
+     * the editor stays open with whatever was typed in it; "Needs a change" puts the cursor
+     * back at the end of that draft.
+     *
+     * Off by default, so no existing page gains a gesture on the bump. The gesture is the
+     * phone's; on a wide screen the binding is the row's actions column instead (0.46,
+     * keksdose dev#598): Approve where the row can take it, bound or not, then the bound
+     * `edit` and `clear`, each once — under a write lock they stay and say why.
      *
      * A BINDING instead of `true` (keksdose — Marcel's live #377 rework, 2026-10-03: *"Add
      * the swipe options to be shown also to the settings /settings#interaction area where
@@ -153,8 +163,8 @@ export interface TranslationReviewPanelProps {
      * `onClear`). An action a row cannot offer drops out and the ladder closes up behind it
      * ({@link translationReviewSwipePlan}): `approve` on an approved or missing string,
      * `clear` on a row with no verdict. Every rule above still holds for every binding —
-     * no side swipes in a `readOnly` locale, under a write lock, with the editor open or
-     * the row's write out.
+     * no side swipes in a `readOnly` locale, under a write lock, or while the row's write
+     * (or its open editor's) is out.
      *
      * `true` is {@link DEFAULT_TRANSLATION_REVIEW_SWIPE} — `{ end: ["approve"], start:
      * ["edit"] }`, 0.25's mapping exactly — and `false` or nothing is no swipe. A binding

package/dist/components/translation-review.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useRef, useState } from "react";
 import { Check, ListChecks, PencilLine, RotateCcw } from "lucide-react";
 import { usePhoneLayout } from "../hooks/use-breakpoint.js";
@@ -33,6 +33,7 @@ import { DEFAULT_TRANSLATION_REVIEW_LABELS, reviewStatusLabel } from "./translat
 import { ReviewStatusChip, TranslationProgress } from "./translation-review-parts.js";
 import { Button } from "./button.js";
 import { IconButton } from "./icon-button.js";
+import { DEFAULT_ROW_ACTIONS_LABELS, rowActionsColumn } from "./row-actions.js";
 import { Select } from "./select.js";
 import { COMMIT_EXCEPT_BILLING, useWriteLock } from "./write-lock.js";
 import {
@@ -125,6 +126,7 @@ function TranslationReviewPanel({
   const labels = useKitLabels("translationReview", DEFAULT_TRANSLATION_REVIEW_LABELS, labelsProp);
   const locale = useKitLocale();
   const lock = useWriteLock(COMMIT_EXCEPT_BILLING);
+  const rowActionLabels = useKitLabels("rowActions", DEFAULT_ROW_ACTIONS_LABELS);
   const phone = usePhoneLayout();
   const baseId = useId();
   const rootRef = useRef(null);
@@ -147,6 +149,19 @@ function TranslationReviewPanel({
   const [failure, setFailure] = useState(null);
   const busy = queued.length > 0;
   const isQueued = (key) => queued.includes(key);
+  const [editorWrites, setEditorWrites] = useState(() => /* @__PURE__ */ new Set());
+  const whileEditorWrites = async (rowId, write) => {
+    setEditorWrites((prev) => new Set(prev).add(rowId));
+    try {
+      await write();
+    } finally {
+      setEditorWrites((prev) => {
+        const next = new Set(prev);
+        next.delete(rowId);
+        return next;
+      });
+    }
+  };
   const rows = useMemo(
     () => areas ? rowsProp.filter((row) => keyInAreas(row.key, areas, inArea)) : [...rowsProp],
     [rowsProp, areas, inArea]
@@ -238,16 +253,16 @@ function TranslationReviewPanel({
     if (ok && undoOn) sayDone(targets, description);
     return ok;
   };
-  const clearRow = async (row) => {
+  const clearRow = async (row, origin = "swipe") => {
     if (!onClear || row.review === null) return;
     const clear = onClear;
     const keys = [{ locale: row.locale, key: row.key }];
-    const ok = await run(`row:${row.id}`, () => clear(keys, { origin: "swipe", toasted: undoOn }));
+    const ok = await run(`row:${row.id}`, () => clear(keys, { origin, toasted: undoOn }));
     if (ok && undoOn) sayDone([row], row.key, true);
   };
   const saveFromEditor = async (row, write) => {
     const toasted = undoOn && write.verdict === "APPROVED";
-    await onSave?.([write], { origin: "editor", toasted });
+    await whileEditorWrites(row.id, () => onSave?.([write], { origin: "editor", toasted }));
     if (toasted) sayDone([row], row.key);
   };
   const keepFocusAt = (groupKey) => {
@@ -324,7 +339,40 @@ function TranslationReviewPanel({
       sortBy: (r) => REVIEW_STATUSES.indexOf(r.status)
     }
   ];
-  if (editable) {
+  if (editable && binding) {
+    columns.push(
+      rowActionsColumn({
+        key: "actions",
+        headerText: rowActionLabels.actions,
+        name: (r) => r.key,
+        tooltipSide: "start",
+        actions: (r) => translationReviewSwipePlan(
+          { end: ["approve", ...binding.end ?? [], ...binding.start ?? []] },
+          r,
+          { canClear: onClear !== void 0 }
+        ).end.map((id) => {
+          const swipe2 = swipeAction(r, id);
+          const writes = id !== "edit";
+          return {
+            key: id,
+            // `edit` opens the editor: its own name, apart from the editor's submit
+            // ("Needs a change"), which saves (keksdose B2/S3).
+            label: id === "edit" ? r.text === "" ? labels.suggestRow : labels.flagRow : swipe2.label,
+            icon: /* @__PURE__ */ jsx(Fragment, { children: swipe2.icon }),
+            tone: "muted",
+            commit: writes ? COMMIT_EXCEPT_BILLING : void 0,
+            pending: writes && isQueued(`row:${r.id}`),
+            disabled: busy,
+            onSelect: id === "approve" ? () => void approve(`row:${r.id}`, [r], "row", r.key) : id === "clear" ? () => void clearRow(r, "row") : (
+              // The row's group stays open while its editor is (`keepGroupOpen`).
+              () => swipeAction(r, id, groups?.find((g) => g.rows.includes(r))?.key).onCommit()
+            )
+          };
+        }),
+        column: { mobileHidden: true }
+      })
+    );
+  } else if (editable) {
     columns.push({
       key: "approve",
       header: /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.approve }),
@@ -353,6 +401,7 @@ function TranslationReviewPanel({
     switch (id) {
       case "approve":
         return {
+          id,
           label: labels.approve,
           icon: /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": true }),
           onCommit: () => void approve(`row:${r.id}`, [r], "swipe", r.key),
@@ -362,6 +411,7 @@ function TranslationReviewPanel({
         };
       case "edit":
         return {
+          id,
           label: missing ? labels.suggest : labels.flag,
           icon: /* @__PURE__ */ jsx(PencilLine, { className: "size-4", "aria-hidden": true }),
           // Opens the editor rather than sending the string back: "needs a change"
@@ -370,11 +420,17 @@ function TranslationReviewPanel({
             keepGroupOpen(groupKey);
             setOpenId(r.id);
             setFocusId(r.id);
+            if (openId === r.id) {
+              const field = rootRef.current?.querySelector("[data-review-wording]");
+              field?.focus();
+              field?.setSelectionRange(field.value.length, field.value.length);
+            }
           },
           tone: missing ? "brand" : "danger"
         };
       case "clear":
         return {
+          id,
           label: labels.reset,
           icon: /* @__PURE__ */ jsx(RotateCcw, { className: "size-4", "aria-hidden": true }),
           onCommit: () => void clearRow(r),
@@ -386,7 +442,7 @@ function TranslationReviewPanel({
     }
   };
   const swipeActions = (r, groupKey) => {
-    if (!binding || !editable || lock.locked || isQueued(`row:${r.id}`)) return null;
+    if (!binding || !editable || lock.locked || isQueued(`row:${r.id}`) || editorWrites.has(r.id)) return null;
     const plan = translationReviewSwipePlan(binding, r, { canClear: onClear !== void 0 });
     if (plan.start.length === 0 && plan.end.length === 0) return null;
     return {
@@ -449,7 +505,7 @@ function TranslationReviewPanel({
           readOnly: !editable,
           focusWording: focusId === r.id,
           onSave: onSave ? (write) => saveFromEditor(r, write) : void 0,
-          onClear: onClear ? (key) => onClear([key], { origin: "editor", toasted: false }) : void 0,
+          onClear: onClear ? (key) => whileEditorWrites(r.id, () => onClear([key], { origin: "editor", toasted: false })) : void 0,
           onClose: () => {
             setOpenId(null);
             setFocusId(null);
@@ -469,6 +525,7 @@ function TranslationReviewPanel({
         ] })
       ] }),
       mobileSwipeActions: binding ? (r) => swipeActions(r, group?.key) : void 0,
+      desktopSwipeActions: false,
       selection: selectionFor(list)
     }
   );