@eifi1/ui-kit 0.51.7 → 0.52.0

package/dist/feedback/feedback-row-detail.js

@@ -7,8 +7,8 @@ import { CopyButton } from "../components/copy-button.js";
 import { TextLink } from "../components/text-link.js";
 import { toast } from "../components/toast.js";
 import { Button } from "../components/button.js";
-import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
-import { formatDate } from "../lib/format.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { useDayFormatter } from "../lib/day-format.js";
 import { DEFAULT_MAX_ATTACHMENT_BYTES } from "./feedback-attachment.js";
 import { DEFAULT_FEEDBACK_DIALOG_LABELS } from "./feedback-dialog.js";
 import {
@@ -32,6 +32,8 @@ import {
   splitBodyAttachments,
   splitDescription
 } from "./feedback-record.js";
+import { runMutation } from "./feedback-mutation.js";
+import { feedbackPage, feedbackPageLinkTarget } from "./feedback-page-link.js";
 import { useFeedbackStatusUndo } from "./feedback-status-undo.js";
 import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
 import { FeedbackReplyComposer, FeedbackReplyTimeline, feedbackReplyNudge } from "./feedback-replies.js";
@@ -42,28 +44,14 @@ import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels
 function useFeedbackDetailLabels(labels) {
   return useKitLabels("feedbackDetail", DEFAULT_FEEDBACK_DETAIL_LABELS, labels);
 }
-function parsePage(context) {
-  const raw = (context?.url || context?.route || "").trim();
-  if (!raw) return null;
-  try {
-    const url = new URL(raw, "http://localhost");
-    return url.protocol === "http:" || url.protocol === "https:" ? url : null;
-  } catch {
-    return null;
-  }
-}
-const localPath = (pathname) => pathname.replace(/^\/{2,}/, "/");
 function feedbackPageHref(context) {
-  const url = parsePage(context);
-  return url ? `${localPath(url.pathname)}${url.search}${url.hash}` : null;
+  return feedbackPage(context)?.href ?? null;
 }
 function feedbackPagePath(context) {
-  const url = parsePage(context);
-  return url ? localPath(url.pathname) : null;
+  return feedbackPage(context)?.path ?? null;
 }
 function feedbackPageUrl(context) {
-  if (!parsePage(context)) return null;
-  return (context?.url || context?.route || "").trim();
+  return feedbackPage(context)?.url ?? null;
 }
 function feedbackAttachmentUrls(row) {
   const urls = [
@@ -155,7 +143,7 @@ function FeedbackReworkSection({
       return;
     }
     if (body === null) return;
-    onUpdate({ id: row.id, body }, { onSuccess: () => onSent?.() });
+    runMutation(onUpdate, { id: row.id, body }, () => onSent?.());
   };
   return /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.reworkTitle, children: /* @__PURE__ */ jsx(
     FeedbackNoteEditor,
@@ -194,6 +182,7 @@ function FeedbackRowDetail({
   onCaptureScreenshot,
   reworkAttachment,
   renderDate,
+  pageLinkExclude,
   commit,
   showSubject = true,
   onReply,
@@ -207,7 +196,6 @@ function FeedbackRowDetail({
 }) {
   const labels = useFeedbackDetailLabels(labelsProp);
   const dialogText = useKitLabels("feedbackDialog", DEFAULT_FEEDBACK_DIALOG_LABELS);
-  const locale = useKitLocale();
   const ownStatusChange = useFeedbackStatusUndo(onUpdate);
   const changeStatus = statusChange ?? ownStatusChange;
   const [editingBody, setEditingBody] = useState(false);
@@ -215,17 +203,18 @@ function FeedbackRowDetail({
   const access = feedbackRowAccess(row, { canEdit, viewerId });
   const bodyText = splitBodyAttachments(row.body).text;
   const { description } = splitDescription(row.body);
-  const pageHref = feedbackPageHref(row.context);
-  const pageUrl = feedbackPageUrl(row.context);
+  const page = feedbackPage(row.context);
+  const pageLink = page && feedbackPageLinkTarget(page, pageLinkExclude);
   const files = feedbackAttachmentUrls(row.replies ? { ...row, replies: void 0 } : row);
   const fetchFile = fetcher ?? plainFeedbackFetch;
-  const dateText = (iso) => renderDate ? renderDate(iso) : formatDate(iso, "medium", { locale });
+  const day = useDayFormatter(renderDate);
+  const dateText = (iso) => day(iso);
   const saveDescription = (value) => {
     if (value.trim() === description.trim()) {
       setEditingBody(false);
       return;
     }
-    onUpdate({ id: row.id, body: replaceDescription(row.body, value) }, { onSuccess: () => setEditingBody(false) });
+    runMutation(onUpdate, { id: row.id, body: replaceDescription(row.body, value) }, () => setEditingBody(false));
   };
   const replies = row.replies;
   const commentLabels = useKitLabels("feedbackComments", DEFAULT_FEEDBACK_COMMENTS_LABELS);
@@ -271,10 +260,23 @@ function FeedbackRowDetail({
         ) : /* @__PURE__ */ jsx(FeedbackProse, { children: bodyText.trim() ? bodyText : void 0 })
       }
     ),
-    pageHref && pageUrl && // The page it was filed on, with the full URL a click away (keksdose #278).
+    page && // The page it was filed on, with the full URL a click away (keksdose #278). Only
+    // the path is a link; the query and hash, the reporter's to write, are text — and
+    // a one-shot path is text too (FLW-7, 0.52 code review: see feedback-page-link).
     /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.url, children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
-      /* @__PURE__ */ jsx(TextLink, { href: pageHref, tone: "secondary", underline: "hover", stopPropagation: true, className: "min-w-0", children: /* @__PURE__ */ jsx("code", { className: "break-all text-xs", children: pageHref }) }),
-      /* @__PURE__ */ jsx(CopyButton, { size: "xs", className: "shrink-0", text: pageUrl, label: labels.copyUrl, stopPropagation: true })
+      /* @__PURE__ */ jsxs(
+        "code",
+        {
+          className: "min-w-0 break-all text-xs text-secondary",
+          "data-feedback-page": "",
+          "data-feedback-page-unlinked": pageLink ? void 0 : "",
+          children: [
+            pageLink ? /* @__PURE__ */ jsx(TextLink, { href: pageLink, tone: "secondary", underline: "hover", stopPropagation: true, children: page.path }) : page.path,
+            page.href.slice(page.path.length)
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(CopyButton, { size: "xs", className: "shrink-0", text: page.url, label: labels.copyUrl, stopPropagation: true })
     ] }) }),
     files.length > 0 && /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.attachment, children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-start gap-2", children: files.map(
       (url) => isImageAttachment(url) ? /* @__PURE__ */ jsx(

package/dist/feedback/feedback-row-detail.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-row-detail.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { RotateCcw } from \"lucide-react\";\nimport { AuthedImage } from \"../components/authed-image\";\nimport { CopyButton } from \"../components/copy-button\";\nimport { TextLink } from \"../components/text-link\";\nimport { toast } from \"../components/toast\";\nimport { Button } from \"../components/button\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { formatDate } from \"../lib/format\";\nimport { DEFAULT_MAX_ATTACHMENT_BYTES } from \"./feedback-attachment\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog\";\nimport {\n  FeedbackCategoryBadge,\n  FeedbackDetail,\n  FeedbackDetailSection,\n  FeedbackNoteEditor,\n  FeedbackProse,\n  FeedbackStatusTransitions,\n  selectableFeedbackStatuses,\n  visibleFeedbackStatuses,\n} from \"./feedback-inbox\";\nimport type { FeedbackNoteAttachment, FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackToastLabels } from \"./feedback-labels\";\nimport {\n  FEEDBACK_ATTACHMENT_ACCEPT,\n  FEEDBACK_AUTHOR_EDITABLE_STATUSES,\n  FEEDBACK_REWORKABLE_STATUSES,\n  appendRework,\n  isImageAttachment,\n  replaceDescription,\n  splitBodyAttachments,\n  splitDescription,\n} from \"./feedback-record\";\nimport type { FeedbackContext, FeedbackRecord } from \"./feedback-record\";\nimport { useFeedbackStatusUndo } from \"./feedback-status-undo\";\nimport type { FeedbackStatusChange } from \"./feedback-status-undo\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\nimport { FeedbackReplyComposer, FeedbackReplyTimeline, feedbackReplyNudge } from \"./feedback-replies\";\nimport { FeedbackAttachmentDownload, plainFeedbackFetch } from \"./feedback-attachment-download\";\nimport { FeedbackPublicSwitch } from \"./feedback-public-switch\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * One report, opened — the panel a feedback table unfolds under its row (§4.4 of\n * docs/feedback-harmonization.md), lifted from keksdose's `FeedbackRow`\n * (`frontend/src/features/feedback/feedback-page.tsx:329-612`) with the contract's\n * changes applied.\n *\n * Until 0.27 each app wrote this panel itself out of the kit's shell\n * (`FeedbackDetail` / `FeedbackDetailSection` / `FeedbackNoteEditor`), and the three\n * copies had drifted in exactly the places a user notices:\n *\n * - **the description editor held the raw body** — keksdose `initial={fb.body}`\n *   (`:420`), kastlan the same (`pages/feedback-page.tsx:226`) — so an author fixing a\n *   typo could delete the `--- REWORK … ---` rounds and the `[screenshot]` file lines\n *   with it, and the history was gone. Here the editor holds the ORIGINAL description\n *   only ({@link splitDescription}) and saves through {@link replaceDescription}, which\n *   puts every appended block and file line back unchanged;\n * - **kastlan's rework sent `status: \"OPEN\"`** from the client (`:189-195`) and offered it\n *   on three statuses; keksdose sends the body alone and lets the server reopen the row\n *   on five (live #331). The contract is keksdose's (§3.4) — {@link appendRework}, one\n *   file, the server reopens;\n * - **kastlan showed only `screenshot_url`** (`:265-276`) and no downloads; keksdose the\n *   screenshot, the other files and the rework pictures, a PDF as a download (dev #578);\n * - **the URL fell away on Kurvenschmiede's rows**, whose backfilled `context.url` is a\n *   path (`/accounts?p=2`): keksdose's `new URL(…)` throws on one and the section\n *   vanished. kastlan already fell back to `context.route` (`feedbackRaw`, `:97`).\n *\n * The sections, in the contract's order: **Subject** (the category and the title, §8.1;\n * `showSubject={false}` leaves it out), **Description** (the body; the author's\n * Edit while OPEN / READY / IN_PROGRESS), **URL**, **Attachment**, **Replies** (0.38,\n * §9.7: the timeline, the admin's reply composer with its status picker and the nudge,\n * Rework — on a row without `replies`, a server before 0.38, the frozen\n * **Outcome** read-only in its place), **Comments** (0.38: the app's\n * `FeedbackCommentThread`, when passed), **Send for rework** (only while reworking) and\n * **Status** (with the **Visible to others** switch when `onPublicChange` is passed).\n *\n * The app keeps its data and its API: the row it renders, the PATCH (`onUpdate`), the\n * upload (`onUpload`), the authenticated GET (`fetcher`) and who is looking (`canEdit`,\n * `viewerId`). Every word is the kit's `feedbackDetail` namespace.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/**\n * `feedbackDetail` — the row detail's words (§4.4). English: keksdose's `en.json`\n * (`feedback.*`, `common.*`, `more.copy_url`) with the contract's changes; the de-CH\n * canon (keksdose `de-CH.json`, ss never ß, \"Nacharbeit\" throughout — §7.14) on each key.\n */\nexport interface FeedbackDetailLabels {\n  /** The first section's heading: what the report is called (feedback contract §8.1,\n   *  keksdose live #395 — with the row expanded and the table scrolled, nothing said\n   *  which entry was being answered). de-CH: \"Betreff\" */\n  subject: string;\n  /** The description section's heading — keksdose's `feedback.body` (§7.3). The dialog's field asks\n   *  \"What happened? (optional)\"; the description, once filed, is headed as what it is\n   *  — and as the author's \"Edit description\" calls it. de-CH: \"Beschreibung\" */\n  body: string;\n  /** The author's button on that heading. de-CH: \"Bearbeiten\" */\n  edit: string;\n  /** Its accessible name — says WHAT is edited; contains the visible word.\n   *  de-CH: \"Beschreibung bearbeiten\" */\n  editDescription: string;\n  /** The editors' save button (description, outcome). de-CH: \"Speichern\" */\n  save: string;\n  /** Every editor's cancel button. de-CH: \"Abbrechen\" */\n  cancel: string;\n  /** Section 2's heading. de-CH: \"URL\" */\n  url: string;\n  /** The copy button beside the link — copies the FULL `context.url`.\n   *  de-CH: \"URL kopieren\" */\n  copyUrl: string;\n  /** Section 3's heading, and each picture's alt text. de-CH: \"Anhang\" */\n  attachment: string;\n  /** A PDF's / text file's download button, given the file's name.\n   *  de-CH: \"{{name}} herunterladen\" */\n  download: (name: string) => string;\n  /** The toast when that download failed. de-CH: \"Der Anhang konnte nicht\n   *  heruntergeladen werden.\" */\n  downloadFailed: string;\n  /** Section 4's heading on a row without `replies` (a server before 0.38), where the\n   *  frozen outcome is shown read-only. de-CH: \"Ergebnis\" */\n  outcome: string;\n  /** Section 4's heading since 0.38: the replies' timeline (§9.7). de-CH: \"Antworten\" */\n  replies: string;\n  /** On section 4's heading line once the row is settled, given the formatted\n   *  `resolved_at` date. de-CH: \"Erledigt am: {{date}}\" */\n  resolvedAt: (date: string) => string;\n  /** The admin's button while there is no outcome. **Unused since 0.38** (the outcome is\n   *  frozen, §9.7; a reply is written instead); kept for one release.\n   *  de-CH: \"Ergebnis hinzufügen\" */\n  outcomeAdd: string;\n  /** The same button once there is one. Unused since 0.38, as `outcomeAdd`.\n   *  de-CH: \"Aktualisieren\" */\n  outcomeUpdate: string;\n  /** The line above the outcome editor. Unused since 0.38, as `outcomeAdd`. de-CH: \"Was wurde umgesetzt, entschieden oder\n   *  warum nicht.\" */\n  outcomePlaceholder: string;\n  /** The button that opens section 5 on an answered row. de-CH: \"Nacharbeit\" */\n  rework: string;\n  /** Section 5's heading. de-CH: \"Zur Nacharbeit senden\" */\n  reworkTitle: string;\n  /** Section 5's send button. de-CH: \"Nacharbeit senden\" */\n  reworkSend: string;\n  /** The line above the rework note. de-CH: \"Was muss noch angepasst werden? Neue\n   *  Anforderungen oder Richtungswechsel.\" */\n  reworkPlaceholder: string;\n  /** The toast when the rework's file did not upload — and so nothing was sent. Names\n   *  no screenshot: it fires for a PDF or a log too (§7.14; keksdose's said\n   *  \"screenshot\"). de-CH: \"Die Datei konnte nicht hochgeladen werden. Die Nacharbeit\n   *  wurde nicht gesendet.\" */\n  reworkUploadFailed: string;\n  /** Section 6's heading. de-CH: \"Status\" */\n  status: string;\n  /** A `FeedbackNoteEditor`'s box, named when no `placeholder` line names it and the\n   *  caller gives no `label` — without it the box was read out as just \"edit text\"\n   *  (round 0.34, the showcase's axe check). de-CH: \"Notiz\" */\n  note: string;\n}\n\n// Defined in ./feedback-row-detail-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DETAIL_LABELS };\n\n/** `feedbackDetail` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackDetailLabels(labels?: LabelOverride<FeedbackDetailLabels>): FeedbackDetailLabels {\n  return useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS, labels);\n}\n\n/* ── The page a report was filed on (§3.2, §4.4.2) ────────────────────────── */\n\n/** `context.url`, else `context.route` — a parsed URL, or null when neither is set or\n *  the value is no http(s) address or path (a `javascript:` value is not a page). */\nfunction parsePage(context: FeedbackContext | null | undefined): URL | null {\n  const raw = (context?.url || context?.route || \"\").trim();\n  if (!raw) return null;\n  try {\n    // A base, so a PATH-ONLY value parses too: Kurvenschmiede backfills its old rows\n    // with `url = page_path + search` (§3.2), and keksdose's `new URL(raw)` threw on\n    // those and dropped the section.\n    const url = new URL(raw, \"http://localhost\");\n    return url.protocol === \"http:\" || url.protocol === \"https:\" ? url : null;\n  } catch {\n    return null;\n  }\n}\n\n/** Collapses a leading `//` run: `/\\/\\/evil.example/` as a path would be a\n *  protocol-relative link off the app. */\nconst localPath = (pathname: string) => pathname.replace(/^\\/{2,}/, \"/\");\n\n/**\n * The in-app link to the page a report was filed on — path + query + hash (keksdose\n * `localHref`: the query and hash carry the state worth restoring, `?tab=import`, a\n * drill-down). Read from `context.url`, else `context.route`; a path-only `url` works.\n * Always a path on THIS app, never another origin's address, so it is safe as an\n * `href` whatever the row says. `null` when there is nothing to link.\n */\nexport function feedbackPageHref(context: FeedbackContext | null | undefined): string | null {\n  const url = parsePage(context);\n  return url ? `${localPath(url.pathname)}${url.search}${url.hash}` : null;\n}\n\n/** The page's path alone — the compact text a URL column shows (§4.3). */\nexport function feedbackPagePath(context: FeedbackContext | null | undefined): string | null {\n  const url = parsePage(context);\n  return url ? localPath(url.pathname) : null;\n}\n\n/**\n * What \"Copy URL\" copies: the FULL `context.url` as the reporter's browser had it —\n * origin included, which is the one part that says which copy of the app it was\n * (feedback #278) — else `context.route`. `null` when there is no page.\n */\nexport function feedbackPageUrl(context: FeedbackContext | null | undefined): string | null {\n  if (!parsePage(context)) return null;\n  return (context?.url || context?.route || \"\").trim();\n}\n\n/* ── Attachments (§3.5, §4.4.3) ───────────────────────────────────────────── */\n\n/**\n * Every file a report carries, in the order the detail shows them (§4.4.3): the\n * screenshot it was filed with, then its other files, then whatever the rework rounds\n * brought, in body order (keksdose dev #578, live #291). One list rather than three —\n * a reader looking for \"the picture\" should not have to know at which point in the\n * conversation it was taken.\n *\n * Each URL once: keksdose and Kurvenschmiede content-address their keys, so the same\n * screenshot pasted twice is one URL — shown twice it is the same picture twice (and,\n * keyed by URL, a React key clash keksdose had).\n */\nexport function feedbackAttachmentUrls(\n  row: Pick<FeedbackRecord, \"screenshot_url\" | \"attachment_urls\" | \"body\"> & Partial<Pick<FeedbackRecord, \"replies\">>,\n): string[] {\n  const urls = [\n    ...(row.screenshot_url ? [row.screenshot_url] : []),\n    // `?? []`: NULL on rows filed before the column, and no key at all from a server\n    // that predates it (keksdose dev #578).\n    ...(row.attachment_urls ?? []),\n    ...splitBodyAttachments(row.body).urls,\n    // 0.40 (§10.3): a rework entry's one file, in entry order — where the rework\n    // pictures of the body were before.\n    ...(row.replies ?? []).flatMap((reply) =>\n      reply.kind === \"rework\" && reply.attachment_url ? [reply.attachment_url] : [],\n    ),\n  ];\n  return [...new Set(urls)];\n}\n\n/* ── Who may do what (§3.4, §4.3, §4.4) ───────────────────────────────────── */\n\n/** What the person looking at a row may do with it — {@link feedbackRowAccess}. */\nexport interface FeedbackRowAccess {\n  /** The viewer filed it (`viewerId === row.user_id`; never for an erased author). */\n  isAuthor: boolean;\n  /** \"Edit description\": the author, while the row is OPEN, READY or IN_PROGRESS — on either\n   *  page (keksdose `canAuthorEdit`, `feedback-page.tsx:398`, is not gated on `mine`). */\n  canEditDescription: boolean;\n  /** The admin on the inbox (`canEdit`): since 0.38 the reply composer (the outcome\n   *  itself is frozen, §9.7). */\n  canEditOutcome: boolean;\n  /** \"Rework\": the author, on an answered row ({@link FEEDBACK_REWORKABLE_STATUSES}).\n   *  Since 0.40 (§10.2 decision 6) the author's only — an admin sends a report back with\n   *  a reply whose status is `REWORK`; the server answers anyone else 403. */\n  canRework: boolean;\n  /** The status pills: the admin on the inbox; everyone else sees them read-only. */\n  canChangeStatus: boolean;\n}\n\n/**\n * The detail's permission rules in one place — the same answers the server gives\n * (§3.4), so the panel never offers what the PATCH would refuse.\n *\n * `canEdit` is the app's \"admin on `/feedback`\": an admin on `/my-feedback` edits no\n * status and no outcome there (§4.3), but as the author still edits the description\n * and sends for rework. `viewerId` is the signed-in user's id.\n */\nexport function feedbackRowAccess(\n  row: Pick<FeedbackRecord, \"user_id\" | \"status\">,\n  { canEdit, viewerId }: { canEdit: boolean; viewerId?: number | null },\n): FeedbackRowAccess {\n  // `user_id: null` is an erased author (keksdose live #275): nobody is that author,\n  // least of all a viewer whose id happens to be missing too.\n  const isAuthor = row.user_id !== null && viewerId !== undefined && viewerId !== null && viewerId === row.user_id;\n  return {\n    isAuthor,\n    canEditDescription: isAuthor && FEEDBACK_AUTHOR_EDITABLE_STATUSES.includes(row.status),\n    canEditOutcome: canEdit,\n    canRework: isAuthor && FEEDBACK_REWORKABLE_STATUSES.includes(row.status),\n    canChangeStatus: canEdit,\n  };\n}\n\n/* ── The PATCH ─────────────────────────────────────────────────────────────── */\n\n/** What the detail sends as `PATCH /feedback/{id}` (§3.4): the body (a description\n *  edit, a rework append) or the outcome — and, through {@link useFeedbackStatusUndo}\n *  when no `statusChange` is given, the status. Never two at once: a rework PATCH must\n *  carry the body ALONE for the server to read it as an append (keksdose live #331). */\nexport interface FeedbackDetailPatch {\n  id: number;\n  body?: string;\n  /** `null` clears it — a real edit. **Frozen since 0.38** (§9.7): server-kit 0.11\n   *  answers 422; the detail no longer sends it (a reply is written instead). */\n  outcome?: string | null;\n  status?: FeedbackStatus;\n  /** 0.38.1: the **Visible to others** flip (§9.3) — what `onPublicChange`'s\n   *  `PATCH /feedback/{id} {\"public\": next}` carries, alone, so an app can send it\n   *  through the same `onUpdate` mutation. */\n  public?: boolean;\n}\n\n/**\n * The page's update mutation. **TanStack Query's `mutate` fits as it stands** — pass\n * `update.mutate` (and `pending={update.isPending}`), the same function\n * `useFeedbackStatusUndo` takes. A hand-written one sends the PATCH and calls\n * `onSuccess` once it has landed, and only then: that is when an editor closes. A\n * failure is the mutation's own to toast — the server's `detail`, else\n * `feedbackToast.updateFailed` (§4.4) — and leaves the editor open with its draft.\n */\nexport type FeedbackDetailUpdate = (patch: FeedbackDetailPatch, callbacks: { onSuccess: () => void }) => void;\n\n/** `POST /feedback/attachments` (§3.3): one file up, its URL\n *  (`/api/v1/feedback/attachments/<key>`) back. Reject on failure. */\nexport type FeedbackUpload = (file: File) => Promise<string>;\n\n/* ── Send for rework (§4.4.5) ─────────────────────────────────────────────── */\n\n/** 0.40 (§10.3): `POST /feedback/{id}/rework` — the trimmed note and the uploaded file's\n *  URL. Return the promise: the section closes when it resolves and keeps the note when\n *  it rejects (the toast is the app's: the server's `detail`, else\n *  `feedbackToast.updateFailed`). */\nexport type FeedbackReworkSend = (note: string, attachmentUrl?: string) => void | Promise<unknown>;\n\nexport interface FeedbackReworkSectionProps {\n  /** The row being sent back: its id, and the body the round is appended to. */\n  row: Pick<FeedbackRecord, \"id\" | \"body\">;\n  /** 0.40: the rework as an entry of its own — see {@link FeedbackReworkSend}. With it,\n   *  `onUpdate` is not called. */\n  onRework?: FeedbackReworkSend;\n  /** The PATCH — see {@link FeedbackDetailUpdate}. Called with `{ id, body }` only, and\n   *  only without `onRework`: the legacy append (§3.4), which server-kit 0.13 still\n   *  turns into an entry for one release. Optional since 0.40; pass one of the two. */\n  onUpdate?: FeedbackDetailUpdate;\n  /** The PATCH is in flight (`update.isPending`). The upload adds its own. */\n  pending?: boolean;\n  /** The upload. Left out, the note goes without a file field. */\n  onUpload?: FeedbackUpload;\n  /** Snapshot the app view as a File — the kit's `captureAppScreenshot`, or the app's\n   *  own. A \"Capture screenshot\" button appears only with it; a rejection (no\n   *  `modern-screenshot`, a canvas that would not draw) toasts\n   *  `feedbackToast.captureFailed` and adds nothing. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The round landed — the server has the note and, on an answered row, reopened it. */\n  onSent?: () => void;\n  onCancel: () => void;\n  /** Over the field's defaults: the contract's types and 10 MB (§3.5), the\n   *  `feedbackToast` refusals, the `feedbackAttachment` words. */\n  attachment?: Partial<FeedbackNoteAttachment>;\n  /** The send COMMITS — see `FeedbackNoteEditor`'s `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackDetailLabels>;\n}\n\n/**\n * The rework editor (§4.4.5): the submitter sends an answered report\n * back with a note and at most one file, and the server reopens it (§3.4, keksdose\n * `submitRework`, `feedback-page.tsx:350`).\n *\n * - **The note is required** and trimmed: Send stays disabled on a blank box (a file\n *   alone cannot be sent; keksdose `:577` dropped that click silently).\n * - **One file**, added, captured or pasted — the dialog's types and 10 MB. It is\n *   uploaded FIRST and awaited: a body naming a file that never arrived would be a\n *   rework whose evidence is missing, and the upload is the half that fails on its\n *   own. If it fails nothing is sent and the toast says so; the note stays in the box.\n * - **0.40: an entry of its own** (§10.3) — with `onRework`, the note and the file's URL\n *   go to `POST /feedback/{id}/rework` and the body is not touched. Without it, the\n *   legacy append below, which server-kit 0.13 still converts (one minor).\n * - **The body alone goes in the PATCH** — {@link appendRework}'s strict extension of\n *   the current body, which is how the server recognises the append and reopens the\n *   row. Never a `status` (kastlan's client sent `OPEN`; an author may not write one,\n *   so the server refused the whole PATCH, note and all — keksdose live #331).\n *\n * Exported on its own for an app that offers rework somewhere other than the row\n * detail. Kurvenschmiede's author verdict (\"That is it, done\") is NOT here: an answered\n * item stays answered unless its author sends it back (§7.2).\n */\nexport function FeedbackReworkSection({\n  row,\n  onRework,\n  onUpdate,\n  pending = false,\n  onUpload,\n  onCaptureScreenshot,\n  onSent,\n  onCancel,\n  attachment,\n  commit,\n  labels: labelsProp,\n}: FeedbackReworkSectionProps) {\n  const labels = useFeedbackDetailLabels(labelsProp);\n  const toasts = useFeedbackToastLabels();\n  const [uploading, setUploading] = useState(false);\n  const [sending, setSending] = useState(false);\n  // The body as it is NOW, not as it was when Send was pressed: the list can refresh\n  // while the file uploads, and an append to a stale body is no longer a strict\n  // extension of the stored one — the server would read it as an edit, and refuse it.\n  const latestBody = useRef(row.body);\n  useEffect(() => {\n    latestBody.current = row.body;\n  }, [row.body]);\n\n  const capture = onCaptureScreenshot\n    ? async () => {\n        try {\n          return await onCaptureScreenshot();\n        } catch {\n          toast.error(toasts.captureFailed);\n          return null;\n        }\n      }\n    : undefined;\n\n  const send = async (value: string, file?: File | null) => {\n    const note = value.trim();\n    if (!note) return;\n    let url: string | null = null;\n    if (file && onUpload) {\n      setUploading(true);\n      try {\n        url = await onUpload(file);\n      } catch {\n        toast.error(labels.reworkUploadFailed);\n        return;\n      } finally {\n        setUploading(false);\n      }\n    }\n    if (onRework) {\n      // 0.40 (§10.3): the entry, not the body — the server checks the URL (a 422 outside\n      // the app's attachment prefix).\n      setSending(true);\n      try {\n        await onRework(note, url ?? undefined);\n      } catch {\n        return; // The app's toast; the note stays in the box.\n      } finally {\n        setSending(false);\n      }\n      onSent?.();\n      return;\n    }\n    if (!onUpdate) return;\n    let body: string | null;\n    try {\n      body = appendRework(latestBody.current, note, url);\n    } catch {\n      // The upload answered with something that is not an attachment URL of this\n      // contract — written anyway it would sit in the body as prose no reader knows to\n      // be a file. As far as the person is concerned, the file did not arrive.\n      toast.error(labels.reworkUploadFailed);\n      return;\n    }\n    if (body === null) return;\n    onUpdate({ id: row.id, body }, { onSuccess: () => onSent?.() });\n  };\n\n  return (\n    <FeedbackDetailSection title={labels.reworkTitle}>\n      <FeedbackNoteEditor\n        key={row.id}\n        initial=\"\"\n        required\n        commit={commit}\n        pending={pending || uploading || sending}\n        onSave={(value, file) => void send(value, file)}\n        onCancel={onCancel}\n        saveLabel={labels.reworkSend}\n        cancelLabel={labels.cancel}\n        placeholder={labels.reworkPlaceholder}\n        attachment={\n          onUpload\n            ? {\n                accept: FEEDBACK_ATTACHMENT_ACCEPT,\n                maxBytes: DEFAULT_MAX_ATTACHMENT_BYTES,\n                onError: (kind) => {\n                  toast.error(kind === \"type\" ? toasts.attachmentUnsupported : toasts.attachmentTooLarge);\n                },\n                onCaptureScreenshot: capture,\n                ...attachment,\n              }\n            : undefined\n        }\n      />\n    </FeedbackDetailSection>\n  );\n}\n\n/* ── The detail (§4.4) ─────────────────────────────────────────────────────── */\n\nexport interface FeedbackRowDetailProps {\n  /** The report — the list's own row, as `GET /feedback` / `GET /feedback/my` sent it. */\n  row: FeedbackRecord;\n  /** The admin on the inbox (`/feedback`): status pills and the outcome editor. `false`\n   *  on `/my-feedback`, for an admin too (§4.3). */\n  canEdit: boolean;\n  /** The signed-in user's id — who the AUTHOR is: the description editor and rework. */\n  viewerId?: number | null;\n  /** The page's PATCH — `update.mutate` (see {@link FeedbackDetailUpdate}). */\n  onUpdate: FeedbackDetailUpdate;\n  /** `update.isPending`: the editors' save buttons wait for it. */\n  pending?: boolean;\n  /** `POST /feedback/attachments` for the rework's one file and, since 0.47 (§12) with\n   *  `replyAttachments`, the admin reply's. Left out, a rework or a reply is text alone. */\n  onUpload?: FeedbackUpload;\n  /** The app's authenticated GET (`AuthedImage`'s) — the pictures and the downloads go\n   *  through it, since the attachment route wants the bearer token (§3.5). Left out,\n   *  the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  /**\n   * The undoable status change — what `useFeedbackStatusUndo(update.mutate)` returns,\n   * the SAME one the table's status cell and the swipes use (§4.5). Left out, the\n   * detail builds one from `onUpdate`, which is equivalent as long as `onUpdate` is the\n   * page's mutation (its observer outlives the row a status filter removes).\n   */\n  statusChange?: FeedbackStatusChange;\n  /** For the rework's and (0.47, with `replyAttachments`) the reply composer's \"Capture screenshot\" — see\n   *  {@link FeedbackReworkSectionProps}. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The rework's and (0.47, with `replyAttachments`) the reply composer's file field,\n   *  over the contract's defaults. */\n  reworkAttachment?: Partial<FeedbackNoteAttachment>;\n  /** How the `resolved_at` date reads — the app's date cell, as a string. Default: the\n   *  kit's `formatDate` in the provider's locale, `medium` style. */\n  renderDate?: (iso: string) => string;\n  /**\n   * The detail's saves COMMIT (description, outcome, rework, status): under a locked\n   * `WriteLockProvider` each is `aria-disabled` with the lock's reason, and nothing\n   * reaches `onUpdate`. Off by default — keksdose's shell lock is a read-only demo\n   * BUDGET, and a person viewing one still owns their own reports.\n   */\n  commit?: CommitScope;\n  /**\n   * Open with the subject: the category badge and the title (feedback contract §8.1,\n   * keksdose live #395). On by default; `false` for a page that already shows the title\n   * beside the detail.\n   */\n  showSubject?: boolean;\n  /**\n   * 0.38: `POST /feedback/{id}/replies` (§9.7) — the body and the status picked\n   * (`undefined`: \"No change\"). With `canEdit` and a row that carries `replies`, the\n   * reply composer stands under the timeline. Return the promise: the box clears when it\n   * resolves. A failure is the app's to toast — the server's `detail`, else\n   * `feedbackToast.replyFailed` (0.38.1).\n   *\n   * 0.47 (§12, keksdose live #447): with `replyAttachments` (and `onUpload`) the\n   * composer takes one file as the rework note does — pasted into the box, captured or\n   * picked — uploaded first, and its URL is the third argument (`attachment_url` in the\n   * body; server-kit 0.18).\n   */\n  onReply?: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;\n  /**\n   * 0.47 (§12): the reply composer takes one file — through `onUpload`,\n   * `onCaptureScreenshot` and `reworkAttachment`, the rework note's. Off by default:\n   * `onUpload` alone stays the rework's, so a page that passes it and an `onReply` of\n   * `(body, status)` does not grow a file field whose file its reply would drop (round\n   * 0.47 build reviews, keksdose and kastlan B1). Turn it on in the commit that makes\n   * `onReply` send its third argument as `attachment_url`, with server-kit 0.18 (an\n   * older server answers the field with a 422).\n   */\n  replyAttachments?: boolean;\n  /** 0.38: the reply is in flight. */\n  replying?: boolean;\n  /**\n   * 0.40 (§10.3): `POST /feedback/{id}/rework` — the author's rework as an entry of its\n   * own (see {@link FeedbackReworkSend}). The **Rework** button shows only to the author\n   * on an answered row, and only where the reply composer is not shown (§10.2 decision 6:\n   * an admin answering a report sends it back with a reply whose status is `REWORK`).\n   * Left out, the rework goes through `onUpdate` as the legacy body append — for one\n   * minor, while the server converts it.\n   */\n  onRework?: FeedbackReworkSend;\n  /** 0.38: the report's comments — the app's `FeedbackCommentThread` — in a section of\n   *  their own under the replies. A thread here draws the comments alone (0.38.1): the\n   *  Replies section above has the replies, so whatever `replies` the thread is handed\n   *  are dropped, and nothing is drawn twice. */\n  comments?: ReactNode;\n  /** 0.38: `PATCH /feedback/{id} {\"public\": next}` — draws the **Visible to others**\n   *  switch (`FeedbackPublicSwitch`) in the Status section, for the admin (`canEdit`)\n   *  and, within §9.3's window, the author. The page's own mutation fits:\n   *  `onPublicChange={(next) => update.mutate({ id: row.id, public: next })}` —\n   *  {@link FeedbackDetailPatch}'s `public` (0.38.1). */\n  onPublicChange?: (next: boolean) => void;\n  labels?: LabelOverride<FeedbackDetailLabels>;\n  className?: string;\n}\n\n/**\n * The expanded row of a feedback table (§4.4): what was reported, where, with which\n * files, what the answer was, and where it stands — with the edits each viewer may\n * make. Hand it to `DataTable`'s `expandedRow`:\n *\n * ```tsx\n * const update = useMutation({ mutationFn: ({ id, ...patch }) => api.updateFeedback(id, patch),\n *   onSuccess: invalidate, onError: (e) => toast.error(detailOf(e) ?? toastLabels.updateFailed) });\n * const changeStatus = useFeedbackStatusUndo(update.mutate);\n * <DataTable\n *   isExpanded={(row) => expandedId === row.id}\n *   expandedRow={(row) => (\n *     <FeedbackRowDetail row={row} canEdit={isAdmin && !mine} viewerId={user?.id}\n *       onUpdate={update.mutate} pending={update.isPending} statusChange={changeStatus}\n *       onUpload={api.uploadFeedbackAttachment} fetcher={authedImageFetcher}\n *       onCaptureScreenshot={captureAppScreenshot} />\n *   )} … />\n * ```\n *\n * Mounted only while its row is expanded, so which editor is open lives here, and\n * collapsing the row closes it. Each editor is keyed by the row's id, so a draft is\n * never thrown away by a list refresh under it.\n */\nexport function FeedbackRowDetail({\n  row,\n  canEdit,\n  viewerId,\n  onUpdate,\n  pending = false,\n  onUpload,\n  fetcher,\n  statusChange,\n  onCaptureScreenshot,\n  reworkAttachment,\n  renderDate,\n  commit,\n  showSubject = true,\n  onReply,\n  replyAttachments = false,\n  replying = false,\n  onRework,\n  comments,\n  onPublicChange,\n  labels: labelsProp,\n  className,\n}: FeedbackRowDetailProps) {\n  const labels = useFeedbackDetailLabels(labelsProp);\n  // \"placeholder = the dialog's body label\" (§4.4.1): read from the dialog's own\n  // namespace, so the two can never say different things.\n  const dialogText = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS);\n  const locale = useKitLocale();\n  const ownStatusChange = useFeedbackStatusUndo(onUpdate);\n  const changeStatus = statusChange ?? ownStatusChange;\n  const [editingBody, setEditingBody] = useState(false);\n  const [reworking, setReworking] = useState(false);\n\n  const access = feedbackRowAccess(row, { canEdit, viewerId });\n  // The body as written, without its file lines (they are shown as files below) — the\n  // rework rounds stay in the prose: they are what was said after the answer.\n  const bodyText = splitBodyAttachments(row.body).text;\n  const { description } = splitDescription(row.body);\n  const pageHref = feedbackPageHref(row.context);\n  const pageUrl = feedbackPageUrl(row.context);\n  // 0.47 (§12): with the entries, each entry's file is drawn inline in the Replies\n  // timeline, so the Attachment section holds the report's own files.\n  const files = feedbackAttachmentUrls(row.replies ? { ...row, replies: undefined } : row);\n  const fetchFile = fetcher ?? plainFeedbackFetch;\n  const dateText = (iso: string) => (renderDate ? renderDate(iso) : formatDate(iso, \"medium\", { locale }));\n\n  const saveDescription = (value: string) => {\n    // Only a real change makes a round trip; clearing it is one (\"\" — the description\n    // is optional, §7.4), and the rounds and file lines go back unchanged.\n    if (value.trim() === description.trim()) {\n      setEditingBody(false);\n      return;\n    }\n    onUpdate({ id: row.id, body: replaceDescription(row.body, value) }, { onSuccess: () => setEditingBody(false) });\n  };\n\n  // 0.38 (§9.7): the replies replace the outcome; a row without them is a server before\n  // 0.38, whose frozen outcome is shown as it is, read-only.\n  const replies = row.replies;\n  const commentLabels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS);\n  // 0.40 (§10.2 decision 6): whoever has the reply composer answers with it — REWORK is\n  // one of its statuses — so the Rework button is for an author without it.\n  const composerShown = Boolean(replies && access.canEditOutcome && onReply);\n  const canRework = access.canRework && !composerShown;\n  const showRework = canRework && reworking;\n\n  return (\n    <FeedbackDetail className={className}>\n      {showSubject && (\n        <FeedbackDetailSection title={labels.subject}>\n          <p className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm\" data-feedback-subject=\"\">\n            <FeedbackCategoryBadge category={row.category} />\n            <span className=\"min-w-0 font-medium text-primary [overflow-wrap:anywhere]\">{row.title}</span>\n          </p>\n        </FeedbackDetailSection>\n      )}\n      <FeedbackDetailSection\n        title={labels.body}\n        action={\n          access.canEditDescription && !editingBody ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={(event) => {\n                event.stopPropagation();\n                setEditingBody(true);\n              }}\n              aria-label={labels.editDescription}\n            >\n              {labels.edit}\n            </Button>\n          ) : undefined\n        }\n      >\n        {access.canEditDescription && editingBody ? (\n          <FeedbackNoteEditor\n            key={row.id}\n            // The ORIGINAL description only — see the module note.\n            initial={description}\n            pending={pending}\n            commit={commit}\n            onSave={saveDescription}\n            onCancel={() => setEditingBody(false)}\n            saveLabel={labels.save}\n            cancelLabel={labels.cancel}\n            placeholder={dialogText.bodyOptional ?? dialogText.body}\n          />\n        ) : (\n          <FeedbackProse>{bodyText.trim() ? bodyText : undefined}</FeedbackProse>\n        )}\n      </FeedbackDetailSection>\n\n      {pageHref && pageUrl && (\n        // The page it was filed on, with the full URL a click away (keksdose #278).\n        <FeedbackDetailSection title={labels.url}>\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <TextLink href={pageHref} tone=\"secondary\" underline=\"hover\" stopPropagation className=\"min-w-0\">\n              <code className=\"break-all text-xs\">{pageHref}</code>\n            </TextLink>\n            <CopyButton size=\"xs\" className=\"shrink-0\" text={pageUrl} label={labels.copyUrl} stopPropagation />\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      {files.length > 0 && (\n        <FeedbackDetailSection title={labels.attachment}>\n          <div className=\"flex min-w-0 flex-wrap items-start gap-2\">\n            {files.map((url) =>\n              isImageAttachment(url) ? (\n                <AuthedImage\n                  key={url}\n                  src={url}\n                  alt={labels.attachment}\n                  fetcher={fetchFile}\n                  link\n                  stopPropagation\n                  // A broken attachment is simply not in the row (keksdose's\n                  // AuthedImage default) rather than a grey tile per failure.\n                  errorFallback={null}\n                  wrapperClassName=\"inline-block max-w-full\"\n                  className=\"max-h-64 max-w-full rounded border border-subtle\"\n                />\n              ) : (\n                <FeedbackAttachmentDownload key={url} url={url} fetcher={fetchFile} />\n              ),\n            )}\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      <FeedbackDetailSection\n        title={replies ? labels.replies : labels.outcome}\n        // When the row entered DONE / WONT_DO (keksdose feedback #96).\n        action={\n          row.resolved_at ? (\n            <span className=\"text-xs text-muted\">{labels.resolvedAt(dateText(row.resolved_at))}</span>\n          ) : undefined\n        }\n      >\n        <div className=\"space-y-3\">\n          {replies ? (\n            <FeedbackReplyTimeline replies={replies} fetcher={fetchFile} />\n          ) : (\n            <FeedbackProse>{row.outcome || undefined}</FeedbackProse>\n          )}\n          {composerShown && replies && onReply && (\n            <FeedbackReplyComposer\n              key={row.id}\n              status={row.status}\n              onReply={onReply}\n              pending={replying}\n              onUpload={replyAttachments ? onUpload : undefined}\n              onCaptureScreenshot={replyAttachments ? onCaptureScreenshot : undefined}\n              attachment={replyAttachments ? reworkAttachment : undefined}\n              suggestedStatus={feedbackReplyNudge(row)}\n              commit={commit}\n            />\n          )}\n          {/* No \"Open page\" button here since 0.46 (keksdose live #449): the URL section\n              above already links the page, with the path on screen. */}\n          {canRework && !reworking && (\n            <div className=\"flex flex-wrap gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={(event) => {\n                  event.stopPropagation();\n                  setReworking(true);\n                }}\n              >\n                <RotateCcw className=\"size-3.5\" aria-hidden /> {labels.rework}\n              </Button>\n            </div>\n          )}\n        </div>\n      </FeedbackDetailSection>\n\n      {comments != null && (\n        <FeedbackDetailSection title={commentLabels.comments}>\n          <FeedbackRepliesDrawnAboveContext.Provider value>{comments}</FeedbackRepliesDrawnAboveContext.Provider>\n        </FeedbackDetailSection>\n      )}\n\n      {showRework && (\n        <FeedbackReworkSection\n          row={row}\n          onRework={onRework}\n          onUpdate={onUpdate}\n          pending={pending}\n          onUpload={onUpload}\n          onCaptureScreenshot={onCaptureScreenshot}\n          onSent={() => setReworking(false)}\n          onCancel={() => setReworking(false)}\n          attachment={reworkAttachment}\n          commit={commit}\n          labels={labelsProp}\n        />\n      )}\n\n      <FeedbackDetailSection title={labels.status}>\n        {/* Expanded: the whole enum in one click for the admin (keksdose feedback #421);\n            everyone else the narrow set, read-only — a picture of the workflow. */}\n        <FeedbackStatusTransitions\n          status={row.status}\n          statuses={\n            access.canChangeStatus ? selectableFeedbackStatuses(row.status) : visibleFeedbackStatuses(row.status)\n          }\n          canEdit={access.canChangeStatus}\n          commit={commit}\n          onPick={(status) => changeStatus(row, status)}\n          variant=\"pill\"\n        />\n        {onPublicChange && (\n          <FeedbackPublicSwitch\n            row={row}\n            isAdmin={canEdit}\n            viewerId={viewerId}\n            onChange={onPublicChange}\n            pending={pending}\n            commit={commit}\n            className=\"mt-3\"\n          />\n        )}\n      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-row-detail.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { RotateCcw } from \"lucide-react\";\nimport { AuthedImage } from \"../components/authed-image\";\nimport { CopyButton } from \"../components/copy-button\";\nimport { TextLink } from \"../components/text-link\";\nimport { toast } from \"../components/toast\";\nimport { Button } from \"../components/button\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport type { PathPattern } from \"../landing/routing\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { useDayFormatter } from \"../lib/day-format\";\nimport { DEFAULT_MAX_ATTACHMENT_BYTES } from \"./feedback-attachment\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog\";\nimport {\n  FeedbackCategoryBadge,\n  FeedbackDetail,\n  FeedbackDetailSection,\n  FeedbackNoteEditor,\n  FeedbackProse,\n  FeedbackStatusTransitions,\n  selectableFeedbackStatuses,\n  visibleFeedbackStatuses,\n} from \"./feedback-inbox\";\nimport type { FeedbackNoteAttachment, FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackToastLabels } from \"./feedback-labels\";\nimport {\n  FEEDBACK_ATTACHMENT_ACCEPT,\n  FEEDBACK_AUTHOR_EDITABLE_STATUSES,\n  FEEDBACK_REWORKABLE_STATUSES,\n  appendRework,\n  isImageAttachment,\n  replaceDescription,\n  splitBodyAttachments,\n  splitDescription,\n} from \"./feedback-record\";\nimport type { FeedbackContext, FeedbackRecord } from \"./feedback-record\";\nimport { runMutation, type FeedbackMutationCall } from \"./feedback-mutation\";\nimport { feedbackPage, feedbackPageLinkTarget } from \"./feedback-page-link\";\nimport { useFeedbackStatusUndo } from \"./feedback-status-undo\";\nimport type { FeedbackStatusChange } from \"./feedback-status-undo\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\nimport { FeedbackReplyComposer, FeedbackReplyTimeline, feedbackReplyNudge } from \"./feedback-replies\";\nimport { FeedbackAttachmentDownload, plainFeedbackFetch } from \"./feedback-attachment-download\";\nimport { FeedbackPublicSwitch } from \"./feedback-public-switch\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * One report, opened — the panel a feedback table unfolds under its row (§4.4 of\n * docs/feedback-harmonization.md), lifted from keksdose's `FeedbackRow`\n * (`frontend/src/features/feedback/feedback-page.tsx:329-612`) with the contract's\n * changes applied.\n *\n * Until 0.27 each app wrote this panel itself out of the kit's shell\n * (`FeedbackDetail` / `FeedbackDetailSection` / `FeedbackNoteEditor`), and the three\n * copies had drifted in exactly the places a user notices:\n *\n * - **the description editor held the raw body** — keksdose `initial={fb.body}`\n *   (`:420`), kastlan the same (`pages/feedback-page.tsx:226`) — so an author fixing a\n *   typo could delete the `--- REWORK … ---` rounds and the `[screenshot]` file lines\n *   with it, and the history was gone. Here the editor holds the ORIGINAL description\n *   only ({@link splitDescription}) and saves through {@link replaceDescription}, which\n *   puts every appended block and file line back unchanged;\n * - **kastlan's rework sent `status: \"OPEN\"`** from the client (`:189-195`) and offered it\n *   on three statuses; keksdose sends the body alone and lets the server reopen the row\n *   on five (live #331). The contract is keksdose's (§3.4) — {@link appendRework}, one\n *   file, the server reopens;\n * - **kastlan showed only `screenshot_url`** (`:265-276`) and no downloads; keksdose the\n *   screenshot, the other files and the rework pictures, a PDF as a download (dev #578);\n * - **the URL fell away on Kurvenschmiede's rows**, whose backfilled `context.url` is a\n *   path (`/accounts?p=2`): keksdose's `new URL(…)` throws on one and the section\n *   vanished. kastlan already fell back to `context.route` (`feedbackRaw`, `:97`).\n *\n * The sections, in the contract's order: **Subject** (the category and the title, §8.1;\n * `showSubject={false}` leaves it out), **Description** (the body; the author's\n * Edit while OPEN / READY / IN_PROGRESS), **URL**, **Attachment**, **Replies** (0.38,\n * §9.7: the timeline, the admin's reply composer with its status picker and the nudge,\n * Rework — on a row without `replies`, a server before 0.38, the frozen\n * **Outcome** read-only in its place), **Comments** (0.38: the app's\n * `FeedbackCommentThread`, when passed), **Send for rework** (only while reworking) and\n * **Status** (with the **Visible to others** switch when `onPublicChange` is passed).\n *\n * The app keeps its data and its API: the row it renders, the PATCH (`onUpdate`), the\n * upload (`onUpload`), the authenticated GET (`fetcher`) and who is looking (`canEdit`,\n * `viewerId`). Every word is the kit's `feedbackDetail` namespace.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/**\n * `feedbackDetail` — the row detail's words (§4.4). English: keksdose's `en.json`\n * (`feedback.*`, `common.*`, `more.copy_url`) with the contract's changes; the de-CH\n * canon (keksdose `de-CH.json`, ss never ß, \"Nacharbeit\" throughout — §7.14) on each key.\n */\nexport interface FeedbackDetailLabels {\n  /** The first section's heading: what the report is called (feedback contract §8.1,\n   *  keksdose live #395 — with the row expanded and the table scrolled, nothing said\n   *  which entry was being answered). de-CH: \"Betreff\" */\n  subject: string;\n  /** The description section's heading — keksdose's `feedback.body` (§7.3). The dialog's field asks\n   *  \"What happened? (optional)\"; the description, once filed, is headed as what it is\n   *  — and as the author's \"Edit description\" calls it. de-CH: \"Beschreibung\" */\n  body: string;\n  /** The author's button on that heading. de-CH: \"Bearbeiten\" */\n  edit: string;\n  /** Its accessible name — says WHAT is edited; contains the visible word.\n   *  de-CH: \"Beschreibung bearbeiten\" */\n  editDescription: string;\n  /** The editors' save button (description, outcome). de-CH: \"Speichern\" */\n  save: string;\n  /** Every editor's cancel button. de-CH: \"Abbrechen\" */\n  cancel: string;\n  /** Section 2's heading. de-CH: \"URL\" */\n  url: string;\n  /** The copy button beside the link — copies the FULL `context.url`.\n   *  de-CH: \"URL kopieren\" */\n  copyUrl: string;\n  /** Section 3's heading, and each picture's alt text. de-CH: \"Anhang\" */\n  attachment: string;\n  /** A PDF's / text file's download button, given the file's name.\n   *  de-CH: \"{{name}} herunterladen\" */\n  download: (name: string) => string;\n  /** The toast when that download failed. de-CH: \"Der Anhang konnte nicht\n   *  heruntergeladen werden.\" */\n  downloadFailed: string;\n  /** Section 4's heading on a row without `replies` (a server before 0.38), where the\n   *  frozen outcome is shown read-only. de-CH: \"Ergebnis\" */\n  outcome: string;\n  /** Section 4's heading since 0.38: the replies' timeline (§9.7). de-CH: \"Antworten\" */\n  replies: string;\n  /** On section 4's heading line once the row is settled, given the formatted\n   *  `resolved_at` date. de-CH: \"Erledigt am: {{date}}\" */\n  resolvedAt: (date: string) => string;\n  // Deprecated on these members, the ones an app's code reads and overrides through: the\n  // tags sat on the English default's keys, and reached nothing — the default is typed by\n  // this interface (0.52 code review, feedback-row-detail-labels.ts; refactor audit\n  // 2026-10-30, DOC-9).\n  /** The admin's button while there is no outcome — read by nothing since 0.38 (the\n   *  outcome is frozen, §9.7; a reply is written instead). de-CH: \"Ergebnis hinzufügen\"\n   *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */\n  outcomeAdd: string;\n  /** The same button once there is one. Unused since 0.38, as `outcomeAdd`.\n   *  de-CH: \"Aktualisieren\"\n   *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */\n  outcomeUpdate: string;\n  /** The line above the outcome editor. Unused since 0.38, as `outcomeAdd`.\n   *  de-CH: \"Was wurde umgesetzt, entschieden oder warum nicht.\"\n   *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */\n  outcomePlaceholder: string;\n  /** The button that opens section 5 on an answered row. de-CH: \"Nacharbeit\" */\n  rework: string;\n  /** Section 5's heading. de-CH: \"Zur Nacharbeit senden\" */\n  reworkTitle: string;\n  /** Section 5's send button. de-CH: \"Nacharbeit senden\" */\n  reworkSend: string;\n  /** The line above the rework note. de-CH: \"Was muss noch angepasst werden? Neue\n   *  Anforderungen oder Richtungswechsel.\" */\n  reworkPlaceholder: string;\n  /** The toast when the rework's file did not upload — and so nothing was sent. Names\n   *  no screenshot: it fires for a PDF or a log too (§7.14; keksdose's said\n   *  \"screenshot\"). de-CH: \"Die Datei konnte nicht hochgeladen werden. Die Nacharbeit\n   *  wurde nicht gesendet.\" */\n  reworkUploadFailed: string;\n  /** Section 6's heading. de-CH: \"Status\" */\n  status: string;\n  /** A `FeedbackNoteEditor`'s box, named when no `placeholder` line names it and the\n   *  caller gives no `label` — without it the box was read out as just \"edit text\"\n   *  (round 0.34, the showcase's axe check). de-CH: \"Notiz\" */\n  note: string;\n}\n\n// Defined in ./feedback-row-detail-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DETAIL_LABELS };\n\n/** `feedbackDetail` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackDetailLabels(labels?: LabelOverride<FeedbackDetailLabels>): FeedbackDetailLabels {\n  return useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS, labels);\n}\n\n/* ── The page a report was filed on (§3.2, §4.4.2) ────────────────────────── */\n\n/**\n * The page a report was filed on as the reporter had it — path + query + hash (keksdose\n * `localHref`: the query and hash carry the state, `?tab=import`, a drill-down). Read from\n * `context.url`, else `context.route`; a path-only `url` works. `null` when there is no\n * page.\n *\n * Always a path on THIS app, never another origin's address — but the path and query\n * are the reporter's to write, so it is TEXT, not a link target: `/join?token=…` acts on\n * load, and `/login?next=…` forwards a signed-in admin to whatever its query names\n * (refactor audit 2026-10-30, FLW-7; 0.52 code review). The kit's URL cell and section\n * link {@link feedbackPagePath} alone, and not even that for a one-shot route\n * (`pageLinkExclude`) — `FeedbackRowDetail` and `useFeedbackColumns` draw the page that\n * way; an app's own cell should not link this.\n */\nexport function feedbackPageHref(context: FeedbackContext | null | undefined): string | null {\n  return feedbackPage(context)?.href ?? null;\n}\n\n/** The page's path alone — the compact text a URL column shows (§4.3), and the only part\n *  of the page the kit links. */\nexport function feedbackPagePath(context: FeedbackContext | null | undefined): string | null {\n  return feedbackPage(context)?.path ?? null;\n}\n\n/**\n * What \"Copy URL\" copies: the FULL `context.url` as the reporter's browser had it —\n * origin included, which is the one part that says which copy of the app it was\n * (feedback #278) — else `context.route`. `null` when there is no page.\n */\nexport function feedbackPageUrl(context: FeedbackContext | null | undefined): string | null {\n  return feedbackPage(context)?.url ?? null;\n}\n\n/* ── Attachments (§3.5, §4.4.3) ───────────────────────────────────────────── */\n\n/**\n * Every file a report carries, in the order the detail shows them (§4.4.3): the\n * screenshot it was filed with, then its other files, then whatever the rework rounds\n * brought, in body order (keksdose dev #578, live #291). One list rather than three —\n * a reader looking for \"the picture\" should not have to know at which point in the\n * conversation it was taken.\n *\n * Each URL once: keksdose and Kurvenschmiede content-address their keys, so the same\n * screenshot pasted twice is one URL — shown twice it is the same picture twice (and,\n * keyed by URL, a React key clash keksdose had).\n */\nexport function feedbackAttachmentUrls(\n  row: Pick<FeedbackRecord, \"screenshot_url\" | \"attachment_urls\" | \"body\"> & Partial<Pick<FeedbackRecord, \"replies\">>,\n): string[] {\n  const urls = [\n    ...(row.screenshot_url ? [row.screenshot_url] : []),\n    // `?? []`: NULL on rows filed before the column, and no key at all from a server\n    // that predates it (keksdose dev #578).\n    ...(row.attachment_urls ?? []),\n    ...splitBodyAttachments(row.body).urls,\n    // 0.40 (§10.3): a rework entry's one file, in entry order — where the rework\n    // pictures of the body were before.\n    ...(row.replies ?? []).flatMap((reply) =>\n      reply.kind === \"rework\" && reply.attachment_url ? [reply.attachment_url] : [],\n    ),\n  ];\n  return [...new Set(urls)];\n}\n\n/* ── Who may do what (§3.4, §4.3, §4.4) ───────────────────────────────────── */\n\n/** What the person looking at a row may do with it — {@link feedbackRowAccess}. */\nexport interface FeedbackRowAccess {\n  /** The viewer filed it (`viewerId === row.user_id`; never for an erased author). */\n  isAuthor: boolean;\n  /** \"Edit description\": the author, while the row is OPEN, READY or IN_PROGRESS — on either\n   *  page (keksdose `canAuthorEdit`, `feedback-page.tsx:398`, is not gated on `mine`). */\n  canEditDescription: boolean;\n  /** The admin on the inbox (`canEdit`): since 0.38 the reply composer (the outcome\n   *  itself is frozen, §9.7). */\n  canEditOutcome: boolean;\n  /** \"Rework\": the author, on an answered row ({@link FEEDBACK_REWORKABLE_STATUSES}).\n   *  Since 0.40 (§10.2 decision 6) the author's only — an admin sends a report back with\n   *  a reply whose status is `REWORK`; the server answers anyone else 403. */\n  canRework: boolean;\n  /** The status pills: the admin on the inbox; everyone else sees them read-only. */\n  canChangeStatus: boolean;\n}\n\n/**\n * The detail's permission rules in one place — the same answers the server gives\n * (§3.4), so the panel never offers what the PATCH would refuse.\n *\n * `canEdit` is the app's \"admin on `/feedback`\": an admin on `/my-feedback` edits no\n * status and no outcome there (§4.3), but as the author still edits the description\n * and sends for rework. `viewerId` is the signed-in user's id.\n */\nexport function feedbackRowAccess(\n  row: Pick<FeedbackRecord, \"user_id\" | \"status\">,\n  { canEdit, viewerId }: { canEdit: boolean; viewerId?: number | null },\n): FeedbackRowAccess {\n  // `user_id: null` is an erased author (keksdose live #275): nobody is that author,\n  // least of all a viewer whose id happens to be missing too.\n  const isAuthor = row.user_id !== null && viewerId !== undefined && viewerId !== null && viewerId === row.user_id;\n  return {\n    isAuthor,\n    canEditDescription: isAuthor && FEEDBACK_AUTHOR_EDITABLE_STATUSES.includes(row.status),\n    canEditOutcome: canEdit,\n    canRework: isAuthor && FEEDBACK_REWORKABLE_STATUSES.includes(row.status),\n    canChangeStatus: canEdit,\n  };\n}\n\n/* ── The PATCH ─────────────────────────────────────────────────────────────── */\n\n/** What the detail sends as `PATCH /feedback/{id}` (§3.4): the body (a description\n *  edit, a rework append) or the outcome — and, through {@link useFeedbackStatusUndo}\n *  when no `statusChange` is given, the status. Never two at once: a rework PATCH must\n *  carry the body ALONE for the server to read it as an append (keksdose live #331). */\nexport interface FeedbackDetailPatch {\n  id: number;\n  body?: string;\n  /** `null` clears it — a real edit. **Frozen since 0.38** (§9.7): server-kit 0.11\n   *  answers 422; the detail no longer sends it (a reply is written instead). */\n  outcome?: string | null;\n  status?: FeedbackStatus;\n  /** 0.38.1: the **Visible to others** flip (§9.3) — what `onPublicChange`'s\n   *  `PATCH /feedback/{id} {\"public\": next}` carries, alone, so an app can send it\n   *  through the same `onUpdate` mutation. */\n  public?: boolean;\n}\n\n/**\n * The page's update mutation (0.52): **TanStack Query's `mutateAsync`** — pass\n * `update.mutateAsync` (and `pending={update.isPending}`), the same function\n * `useFeedbackStatusUndo` takes. An editor closes when the promise resolves, which it does\n * for every call — also when a status pill was pressed while the save was in flight\n * (refactor audit 2026-10-30, FLW-3). A hand-written one resolves once the PATCH has\n * landed. A failure is the mutation's own to toast — the server's `detail`, else\n * `feedbackToast.updateFailed` (§4.4) — and leaves the editor open with its draft.\n */\nexport type FeedbackDetailUpdateAsync = (patch: FeedbackDetailPatch) => Promise<unknown>;\n\n/**\n * The callback form: TanStack Query's `mutate`, or a function that calls `onSuccess` once\n * the PATCH has landed. TanStack calls a per-call `onSuccess` for the LATEST `mutate()`\n * only, so an editor whose save was followed by another PATCH before it answered stayed\n * open, and the earlier status change lost its Undo.\n *\n * @deprecated 0.52 — pass `update.mutateAsync` ({@link FeedbackDetailUpdateAsync}); removed\n * in 0.53\n */\nexport type FeedbackDetailUpdate = (patch: FeedbackDetailPatch, callbacks: { onSuccess: () => void }) => void;\n\n/** `POST /feedback/attachments` (§3.3): one file up, its URL\n *  (`/api/v1/feedback/attachments/<key>`) back. Reject on failure. */\nexport type FeedbackUpload = (file: File) => Promise<string>;\n\n/* ── Send for rework (§4.4.5) ─────────────────────────────────────────────── */\n\n/** 0.40 (§10.3): `POST /feedback/{id}/rework` — the trimmed note and the uploaded file's\n *  URL. Return the promise: the section closes when it resolves and keeps the note when\n *  it rejects (the toast is the app's: the server's `detail`, else\n *  `feedbackToast.updateFailed`). */\nexport type FeedbackReworkSend = (note: string, attachmentUrl?: string) => void | Promise<unknown>;\n\nexport interface FeedbackReworkSectionProps {\n  /** The row being sent back: its id, and the body the round is appended to. */\n  row: Pick<FeedbackRecord, \"id\" | \"body\">;\n  /** 0.40: the rework as an entry of its own — see {@link FeedbackReworkSend}. With it,\n   *  `onUpdate` is not called. */\n  onRework?: FeedbackReworkSend;\n  /** The PATCH — see {@link FeedbackDetailUpdateAsync}. Called with `{ id, body }` only,\n   *  and only without `onRework`: the legacy append (§3.4), which server-kit 0.13 still\n   *  turns into an entry for one release. Optional since 0.40; pass one of the two. */\n  onUpdate?: FeedbackMutationCall<FeedbackDetailPatch>;\n  /** The PATCH is in flight (`update.isPending`). The upload adds its own. */\n  pending?: boolean;\n  /** The upload. Left out, the note goes without a file field. */\n  onUpload?: FeedbackUpload;\n  /** Snapshot the app view as a File — the kit's `captureAppScreenshot`, or the app's\n   *  own. A \"Capture screenshot\" button appears only with it; a rejection (no\n   *  `modern-screenshot`, a canvas that would not draw) toasts\n   *  `feedbackToast.captureFailed` and adds nothing. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The round landed — the server has the note and, on an answered row, reopened it. */\n  onSent?: () => void;\n  onCancel: () => void;\n  /** Over the field's defaults: the contract's types and 10 MB (§3.5), the\n   *  `feedbackToast` refusals, the `feedbackAttachment` words. */\n  attachment?: Partial<FeedbackNoteAttachment>;\n  /** The send COMMITS — see `FeedbackNoteEditor`'s `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackDetailLabels>;\n}\n\n/**\n * The rework editor (§4.4.5): the submitter sends an answered report\n * back with a note and at most one file, and the server reopens it (§3.4, keksdose\n * `submitRework`, `feedback-page.tsx:350`).\n *\n * - **The note is required** and trimmed: Send stays disabled on a blank box (a file\n *   alone cannot be sent; keksdose `:577` dropped that click silently).\n * - **One file**, added, captured or pasted — the dialog's types and 10 MB. It is\n *   uploaded FIRST and awaited: a body naming a file that never arrived would be a\n *   rework whose evidence is missing, and the upload is the half that fails on its\n *   own. If it fails nothing is sent and the toast says so; the note stays in the box.\n * - **0.40: an entry of its own** (§10.3) — with `onRework`, the note and the file's URL\n *   go to `POST /feedback/{id}/rework` and the body is not touched. Without it, the\n *   legacy append below, which server-kit 0.13 still converts (one minor).\n * - **The body alone goes in the PATCH** — {@link appendRework}'s strict extension of\n *   the current body, which is how the server recognises the append and reopens the\n *   row. Never a `status` (kastlan's client sent `OPEN`; an author may not write one,\n *   so the server refused the whole PATCH, note and all — keksdose live #331).\n *\n * Exported on its own for an app that offers rework somewhere other than the row\n * detail. Kurvenschmiede's author verdict (\"That is it, done\") is NOT here: an answered\n * item stays answered unless its author sends it back (§7.2).\n */\nexport function FeedbackReworkSection({\n  row,\n  onRework,\n  onUpdate,\n  pending = false,\n  onUpload,\n  onCaptureScreenshot,\n  onSent,\n  onCancel,\n  attachment,\n  commit,\n  labels: labelsProp,\n}: FeedbackReworkSectionProps) {\n  const labels = useFeedbackDetailLabels(labelsProp);\n  const toasts = useFeedbackToastLabels();\n  const [uploading, setUploading] = useState(false);\n  const [sending, setSending] = useState(false);\n  // The body as it is NOW, not as it was when Send was pressed: the list can refresh\n  // while the file uploads, and an append to a stale body is no longer a strict\n  // extension of the stored one — the server would read it as an edit, and refuse it.\n  const latestBody = useRef(row.body);\n  useEffect(() => {\n    latestBody.current = row.body;\n  }, [row.body]);\n\n  const capture = onCaptureScreenshot\n    ? async () => {\n        try {\n          return await onCaptureScreenshot();\n        } catch {\n          toast.error(toasts.captureFailed);\n          return null;\n        }\n      }\n    : undefined;\n\n  const send = async (value: string, file?: File | null) => {\n    const note = value.trim();\n    if (!note) return;\n    let url: string | null = null;\n    if (file && onUpload) {\n      setUploading(true);\n      try {\n        url = await onUpload(file);\n      } catch {\n        toast.error(labels.reworkUploadFailed);\n        return;\n      } finally {\n        setUploading(false);\n      }\n    }\n    if (onRework) {\n      // 0.40 (§10.3): the entry, not the body — the server checks the URL (a 422 outside\n      // the app's attachment prefix).\n      setSending(true);\n      try {\n        await onRework(note, url ?? undefined);\n      } catch {\n        return; // The app's toast; the note stays in the box.\n      } finally {\n        setSending(false);\n      }\n      onSent?.();\n      return;\n    }\n    if (!onUpdate) return;\n    let body: string | null;\n    try {\n      body = appendRework(latestBody.current, note, url);\n    } catch {\n      // The upload answered with something that is not an attachment URL of this\n      // contract — written anyway it would sit in the body as prose no reader knows to\n      // be a file. As far as the person is concerned, the file did not arrive.\n      toast.error(labels.reworkUploadFailed);\n      return;\n    }\n    if (body === null) return;\n    runMutation(onUpdate, { id: row.id, body }, () => onSent?.());\n  };\n\n  return (\n    <FeedbackDetailSection title={labels.reworkTitle}>\n      <FeedbackNoteEditor\n        key={row.id}\n        initial=\"\"\n        required\n        commit={commit}\n        pending={pending || uploading || sending}\n        onSave={(value, file) => void send(value, file)}\n        onCancel={onCancel}\n        saveLabel={labels.reworkSend}\n        cancelLabel={labels.cancel}\n        placeholder={labels.reworkPlaceholder}\n        attachment={\n          onUpload\n            ? {\n                accept: FEEDBACK_ATTACHMENT_ACCEPT,\n                maxBytes: DEFAULT_MAX_ATTACHMENT_BYTES,\n                onError: (kind) => {\n                  toast.error(kind === \"type\" ? toasts.attachmentUnsupported : toasts.attachmentTooLarge);\n                },\n                onCaptureScreenshot: capture,\n                ...attachment,\n              }\n            : undefined\n        }\n      />\n    </FeedbackDetailSection>\n  );\n}\n\n/* ── The detail (§4.4) ─────────────────────────────────────────────────────── */\n\nexport interface FeedbackRowDetailProps {\n  /** The report — the list's own row, as `GET /feedback` / `GET /feedback/my` sent it. */\n  row: FeedbackRecord;\n  /** The admin on the inbox (`/feedback`): status pills and the outcome editor. `false`\n   *  on `/my-feedback`, for an admin too (§4.3). */\n  canEdit: boolean;\n  /** The signed-in user's id — who the AUTHOR is: the description editor and rework. */\n  viewerId?: number | null;\n  /** The page's PATCH — `update.mutateAsync` (see {@link FeedbackDetailUpdateAsync}). The\n   *  callback form ({@link FeedbackDetailUpdate}, `update.mutate`) still fits, deprecated\n   *  since 0.52; the prop's one signature takes both. */\n  onUpdate: FeedbackMutationCall<FeedbackDetailPatch>;\n  /** `update.isPending`: the editors' save buttons wait for it. */\n  pending?: boolean;\n  /** `POST /feedback/attachments` for the rework's one file and, since 0.47 (§12) with\n   *  `replyAttachments`, the admin reply's. Left out, a rework or a reply is text alone. */\n  onUpload?: FeedbackUpload;\n  /** The app's authenticated GET (`AuthedImage`'s) — the pictures and the downloads go\n   *  through it, since the attachment route wants the bearer token (§3.5). Left out,\n   *  the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  /**\n   * The undoable status change — what `useFeedbackStatusUndo(update.mutateAsync)` returns,\n   * the SAME one the table's status cell and the swipes use (§4.5). Left out, the\n   * detail builds one from `onUpdate`, which is equivalent as long as `onUpdate` is the\n   * page's mutation (its observer outlives the row a status filter removes).\n   */\n  statusChange?: FeedbackStatusChange;\n  /** For the rework's and (0.47, with `replyAttachments`) the reply composer's \"Capture screenshot\" — see\n   *  {@link FeedbackReworkSectionProps}. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The rework's and (0.47, with `replyAttachments`) the reply composer's file field,\n   *  over the contract's defaults. */\n  reworkAttachment?: Partial<FeedbackNoteAttachment>;\n  /** How the `resolved_at` date reads — the app's date cell, as a string. Default\n   *  (0.52): the `<UiKitProvider formatDate>` when the app set one, else the kit's\n   *  `formatDate` in the provider's locale and time zone, `medium` style. */\n  renderDate?: (iso: string) => string;\n  /**\n   * 0.52 (FLW-7): the app's one-shot routes, ON TOP of the kit's — `/join`,\n   * `/register`, `/verify-email`, `/reset-password` (a string is that path and everything\n   * under it, a RegExp is tested on the path, as `useLastVisitedPage`'s `exclude`). The\n   * URL section shows such a page as text with Copy, never as a link: it acts on load,\n   * and a report's page is the reporter's to write. Any other page links its PATH alone;\n   * the query, where tokens and `?next=` targets travel, is text. keksdose:\n   * `[\"/banks/callback\", \"/share-target\"]`. Keep it stable (module scope).\n   */\n  pageLinkExclude?: readonly PathPattern[];\n  /**\n   * The detail's saves COMMIT (description, outcome, rework, status): under a locked\n   * `WriteLockProvider` each is `aria-disabled` with the lock's reason, and nothing\n   * reaches `onUpdate`. Off by default — keksdose's shell lock is a read-only demo\n   * BUDGET, and a person viewing one still owns their own reports.\n   */\n  commit?: CommitScope;\n  /**\n   * Open with the subject: the category badge and the title (feedback contract §8.1,\n   * keksdose live #395). On by default; `false` for a page that already shows the title\n   * beside the detail.\n   */\n  showSubject?: boolean;\n  /**\n   * 0.38: `POST /feedback/{id}/replies` (§9.7) — the body and the status picked\n   * (`undefined`: \"No change\"). With `canEdit` and a row that carries `replies`, the\n   * reply composer stands under the timeline. Return the promise: the box clears when it\n   * resolves. A failure is the app's to toast — the server's `detail`, else\n   * `feedbackToast.replyFailed` (0.38.1).\n   *\n   * 0.47 (§12, keksdose live #447): with `replyAttachments` (and `onUpload`) the\n   * composer takes one file as the rework note does — pasted into the box, captured or\n   * picked — uploaded first, and its URL is the third argument (`attachment_url` in the\n   * body; server-kit 0.18).\n   */\n  onReply?: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;\n  /**\n   * 0.47 (§12): the reply composer takes one file — through `onUpload`,\n   * `onCaptureScreenshot` and `reworkAttachment`, the rework note's. Off by default:\n   * `onUpload` alone stays the rework's, so a page that passes it and an `onReply` of\n   * `(body, status)` does not grow a file field whose file its reply would drop (round\n   * 0.47 build reviews, keksdose and kastlan B1). Turn it on in the commit that makes\n   * `onReply` send its third argument as `attachment_url`, with server-kit 0.18 (an\n   * older server answers the field with a 422).\n   */\n  replyAttachments?: boolean;\n  /** 0.38: the reply is in flight. */\n  replying?: boolean;\n  /**\n   * 0.40 (§10.3): `POST /feedback/{id}/rework` — the author's rework as an entry of its\n   * own (see {@link FeedbackReworkSend}). The **Rework** button shows only to the author\n   * on an answered row, and only where the reply composer is not shown (§10.2 decision 6:\n   * an admin answering a report sends it back with a reply whose status is `REWORK`).\n   * Left out, the rework goes through `onUpdate` as the legacy body append — for one\n   * minor, while the server converts it.\n   */\n  onRework?: FeedbackReworkSend;\n  /** 0.38: the report's comments — the app's `FeedbackCommentThread` — in a section of\n   *  their own under the replies. A thread here draws the comments alone (0.38.1): the\n   *  Replies section above has the replies, so whatever `replies` the thread is handed\n   *  are dropped, and nothing is drawn twice. */\n  comments?: ReactNode;\n  /** 0.38: `PATCH /feedback/{id} {\"public\": next}` — draws the **Visible to others**\n   *  switch (`FeedbackPublicSwitch`) in the Status section, for the admin (`canEdit`)\n   *  and, within §9.3's window, the author. The page's own mutation fits:\n   *  `onPublicChange={(next) => update.mutate({ id: row.id, public: next })}` —\n   *  {@link FeedbackDetailPatch}'s `public` (0.38.1). */\n  onPublicChange?: (next: boolean) => void;\n  labels?: LabelOverride<FeedbackDetailLabels>;\n  className?: string;\n}\n\n/**\n * The expanded row of a feedback table (§4.4): what was reported, where, with which\n * files, what the answer was, and where it stands — with the edits each viewer may\n * make. Hand it to `DataTable`'s `expandedRow`:\n *\n * ```tsx\n * const update = useMutation({ mutationFn: ({ id, ...patch }) => api.updateFeedback(id, patch),\n *   onSuccess: invalidate, onError: (e) => toast.error(detailOf(e) ?? toastLabels.updateFailed) });\n * const changeStatus = useFeedbackStatusUndo(update.mutateAsync);\n * <DataTable\n *   isExpanded={(row) => expandedId === row.id}\n *   expandedRow={(row) => (\n *     <FeedbackRowDetail row={row} canEdit={isAdmin && !mine} viewerId={user?.id}\n *       onUpdate={update.mutateAsync} pending={update.isPending} statusChange={changeStatus}\n *       onUpload={api.uploadFeedbackAttachment} fetcher={authedImageFetcher}\n *       onCaptureScreenshot={captureAppScreenshot} />\n *   )} … />\n * ```\n *\n * Mounted only while its row is expanded, so which editor is open lives here, and\n * collapsing the row closes it. Each editor is keyed by the row's id, so a draft is\n * never thrown away by a list refresh under it.\n */\nexport function FeedbackRowDetail({\n  row,\n  canEdit,\n  viewerId,\n  onUpdate,\n  pending = false,\n  onUpload,\n  fetcher,\n  statusChange,\n  onCaptureScreenshot,\n  reworkAttachment,\n  renderDate,\n  pageLinkExclude,\n  commit,\n  showSubject = true,\n  onReply,\n  replyAttachments = false,\n  replying = false,\n  onRework,\n  comments,\n  onPublicChange,\n  labels: labelsProp,\n  className,\n}: FeedbackRowDetailProps) {\n  const labels = useFeedbackDetailLabels(labelsProp);\n  // \"placeholder = the dialog's body label\" (§4.4.1): read from the dialog's own\n  // namespace, so the two can never say different things.\n  const dialogText = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS);\n  const ownStatusChange = useFeedbackStatusUndo(onUpdate);\n  const changeStatus = statusChange ?? ownStatusChange;\n  const [editingBody, setEditingBody] = useState(false);\n  const [reworking, setReworking] = useState(false);\n\n  const access = feedbackRowAccess(row, { canEdit, viewerId });\n  // The body as written, without its file lines (they are shown as files below) — the\n  // rework rounds stay in the prose: they are what was said after the answer.\n  const bodyText = splitBodyAttachments(row.body).text;\n  const { description } = splitDescription(row.body);\n  const page = feedbackPage(row.context);\n  const pageLink = page && feedbackPageLinkTarget(page, pageLinkExclude);\n  // 0.47 (§12): with the entries, each entry's file is drawn inline in the Replies\n  // timeline, so the Attachment section holds the report's own files.\n  const files = feedbackAttachmentUrls(row.replies ? { ...row, replies: undefined } : row);\n  const fetchFile = fetcher ?? plainFeedbackFetch;\n  // A date in a sentence (\"Resolved: …\"), so no weekday — through the kit's one day\n  // ladder, which reaches the provider's `formatDate` (0.52, refactor audit 2026-10-30,\n  // DUP-2).\n  const day = useDayFormatter<string>(renderDate);\n  const dateText = (iso: string) => day(iso);\n\n  const saveDescription = (value: string) => {\n    // Only a real change makes a round trip; clearing it is one (\"\" — the description\n    // is optional, §7.4), and the rounds and file lines go back unchanged.\n    if (value.trim() === description.trim()) {\n      setEditingBody(false);\n      return;\n    }\n    runMutation(onUpdate, { id: row.id, body: replaceDescription(row.body, value) }, () => setEditingBody(false));\n  };\n\n  // 0.38 (§9.7): the replies replace the outcome; a row without them is a server before\n  // 0.38, whose frozen outcome is shown as it is, read-only.\n  const replies = row.replies;\n  const commentLabels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS);\n  // 0.40 (§10.2 decision 6): whoever has the reply composer answers with it — REWORK is\n  // one of its statuses — so the Rework button is for an author without it.\n  const composerShown = Boolean(replies && access.canEditOutcome && onReply);\n  const canRework = access.canRework && !composerShown;\n  const showRework = canRework && reworking;\n\n  return (\n    <FeedbackDetail className={className}>\n      {showSubject && (\n        <FeedbackDetailSection title={labels.subject}>\n          <p className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-sm\" data-feedback-subject=\"\">\n            <FeedbackCategoryBadge category={row.category} />\n            <span className=\"min-w-0 font-medium text-primary [overflow-wrap:anywhere]\">{row.title}</span>\n          </p>\n        </FeedbackDetailSection>\n      )}\n      <FeedbackDetailSection\n        title={labels.body}\n        action={\n          access.canEditDescription && !editingBody ? (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              onClick={(event) => {\n                event.stopPropagation();\n                setEditingBody(true);\n              }}\n              aria-label={labels.editDescription}\n            >\n              {labels.edit}\n            </Button>\n          ) : undefined\n        }\n      >\n        {access.canEditDescription && editingBody ? (\n          <FeedbackNoteEditor\n            key={row.id}\n            // The ORIGINAL description only — see the module note.\n            initial={description}\n            pending={pending}\n            commit={commit}\n            onSave={saveDescription}\n            onCancel={() => setEditingBody(false)}\n            saveLabel={labels.save}\n            cancelLabel={labels.cancel}\n            placeholder={dialogText.bodyOptional ?? dialogText.body}\n          />\n        ) : (\n          <FeedbackProse>{bodyText.trim() ? bodyText : undefined}</FeedbackProse>\n        )}\n      </FeedbackDetailSection>\n\n      {page && (\n        // The page it was filed on, with the full URL a click away (keksdose #278). Only\n        // the path is a link; the query and hash, the reporter's to write, are text — and\n        // a one-shot path is text too (FLW-7, 0.52 code review: see feedback-page-link).\n        <FeedbackDetailSection title={labels.url}>\n          <div className=\"flex min-w-0 items-center gap-1.5\">\n            <code\n              className=\"min-w-0 break-all text-xs text-secondary\"\n              data-feedback-page=\"\"\n              data-feedback-page-unlinked={pageLink ? undefined : \"\"}\n            >\n              {pageLink ? (\n                <TextLink href={pageLink} tone=\"secondary\" underline=\"hover\" stopPropagation>\n                  {page.path}\n                </TextLink>\n              ) : (\n                page.path\n              )}\n              {page.href.slice(page.path.length)}\n            </code>\n            <CopyButton size=\"xs\" className=\"shrink-0\" text={page.url} label={labels.copyUrl} stopPropagation />\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      {files.length > 0 && (\n        <FeedbackDetailSection title={labels.attachment}>\n          <div className=\"flex min-w-0 flex-wrap items-start gap-2\">\n            {files.map((url) =>\n              isImageAttachment(url) ? (\n                <AuthedImage\n                  key={url}\n                  src={url}\n                  alt={labels.attachment}\n                  fetcher={fetchFile}\n                  link\n                  stopPropagation\n                  // A broken attachment is simply not in the row (keksdose's\n                  // AuthedImage default) rather than a grey tile per failure.\n                  errorFallback={null}\n                  wrapperClassName=\"inline-block max-w-full\"\n                  className=\"max-h-64 max-w-full rounded border border-subtle\"\n                />\n              ) : (\n                <FeedbackAttachmentDownload key={url} url={url} fetcher={fetchFile} />\n              ),\n            )}\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      <FeedbackDetailSection\n        title={replies ? labels.replies : labels.outcome}\n        // When the row entered DONE / WONT_DO (keksdose feedback #96).\n        action={\n          row.resolved_at ? (\n            <span className=\"text-xs text-muted\">{labels.resolvedAt(dateText(row.resolved_at))}</span>\n          ) : undefined\n        }\n      >\n        <div className=\"space-y-3\">\n          {replies ? (\n            <FeedbackReplyTimeline replies={replies} fetcher={fetchFile} />\n          ) : (\n            <FeedbackProse>{row.outcome || undefined}</FeedbackProse>\n          )}\n          {composerShown && replies && onReply && (\n            <FeedbackReplyComposer\n              key={row.id}\n              status={row.status}\n              onReply={onReply}\n              pending={replying}\n              onUpload={replyAttachments ? onUpload : undefined}\n              onCaptureScreenshot={replyAttachments ? onCaptureScreenshot : undefined}\n              attachment={replyAttachments ? reworkAttachment : undefined}\n              suggestedStatus={feedbackReplyNudge(row)}\n              commit={commit}\n            />\n          )}\n          {/* No \"Open page\" button here since 0.46 (keksdose live #449): the URL section\n              above already links the page, with the path on screen. */}\n          {canRework && !reworking && (\n            <div className=\"flex flex-wrap gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"secondary\"\n                onClick={(event) => {\n                  event.stopPropagation();\n                  setReworking(true);\n                }}\n              >\n                <RotateCcw className=\"size-3.5\" aria-hidden /> {labels.rework}\n              </Button>\n            </div>\n          )}\n        </div>\n      </FeedbackDetailSection>\n\n      {comments != null && (\n        <FeedbackDetailSection title={commentLabels.comments}>\n          <FeedbackRepliesDrawnAboveContext.Provider value>{comments}</FeedbackRepliesDrawnAboveContext.Provider>\n        </FeedbackDetailSection>\n      )}\n\n      {showRework && (\n        <FeedbackReworkSection\n          row={row}\n          onRework={onRework}\n          onUpdate={onUpdate}\n          pending={pending}\n          onUpload={onUpload}\n          onCaptureScreenshot={onCaptureScreenshot}\n          onSent={() => setReworking(false)}\n          onCancel={() => setReworking(false)}\n          attachment={reworkAttachment}\n          commit={commit}\n          labels={labelsProp}\n        />\n      )}\n\n      <FeedbackDetailSection title={labels.status}>\n        {/* Expanded: the whole enum in one click for the admin (keksdose feedback #421);\n            everyone else the narrow set, read-only — a picture of the workflow. */}\n        <FeedbackStatusTransitions\n          status={row.status}\n          statuses={\n            access.canChangeStatus ? selectableFeedbackStatuses(row.status) : visibleFeedbackStatuses(row.status)\n          }\n          canEdit={access.canChangeStatus}\n          commit={commit}\n          onPick={(status) => changeStatus(row, status)}\n          variant=\"pill\"\n        />\n        {onPublicChange && (\n          <FeedbackPublicSwitch\n            row={row}\n            isAdmin={canEdit}\n            viewerId={viewerId}\n            onChange={onPublicChange}\n            pending={pending}\n            commit={commit}\n            className=\"mt-3\"\n          />\n        )}\n      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-status-undo.d.ts

@@ -2,6 +2,7 @@ import type { FeedbackStatus } from "./feedback-vocabulary.js";
 import { type FeedbackStatusLabels, type FeedbackToastLabels } from "./feedback-labels.js";
 import type { FeedbackRecord } from "./feedback-record.js";
 import type { LabelOverride } from "../i18n/kit-labels.js";
+import { type FeedbackMutationCall } from "./feedback-mutation.js";
 /**
  * A status change that can be taken back — §4.5 of the feedback contract, lifted from
  * keksdose's `changeStatusUndoably` (`frontend/src/features/feedback/feedback-page.tsx`,
@@ -20,12 +21,24 @@ export interface FeedbackStatusPatch {
     status: FeedbackStatus;
 }
 /**
- * The page's status mutation. **TanStack Query's `mutate` fits as it stands** — pass
- * `updateMutation.mutate` (stable across renders), not `mutateAsync`. A hand-written
- * one sends the PATCH and calls `onSuccess` once it has landed, and only then.
+ * The page's status mutation (0.52): **TanStack Query's `mutateAsync`** — pass
+ * `update.mutateAsync`. The toast comes when the promise resolves, which it does for every
+ * call (refactor audit 2026-10-30, FLW-3). A hand-written one returns a promise that
+ * resolves once the PATCH has landed and rejects when it failed.
  *
  * Failure is the mutation's own business: its `onError` toasts the server's `detail`,
- * else `feedbackToast.updateFailed` (§4.4) — this hook adds no second error toast.
+ * else `feedbackToast.updateFailed` (§4.4) — this hook adds no second error toast, and
+ * catches the rejection.
+ */
+export type FeedbackStatusMutateAsync = (patch: FeedbackStatusPatch) => Promise<unknown>;
+/**
+ * The callback form: TanStack Query's `mutate`, or a function that calls `onSuccess` once
+ * the PATCH has landed. TanStack calls a per-call `onSuccess` for the LATEST `mutate()` on
+ * its observer only, so a second change sent before the first answered — another swipe,
+ * another pill, the Undo itself — lost the first change's Undo toast.
+ *
+ * @deprecated 0.52 — pass `update.mutateAsync` ({@link FeedbackStatusMutateAsync}), whose
+ * promise settles for every call; removed in 0.53
  */
 export type FeedbackStatusMutate = (patch: FeedbackStatusPatch, callbacks: {
     onSuccess: () => void;
@@ -51,16 +64,22 @@ export declare const FEEDBACK_UNDO_DURATION = 8000;
  *
  * ```tsx
  * const update = useMutation({ mutationFn: api.updateFeedback, onError: … });
- * const changeStatus = useFeedbackStatusUndo(update.mutate);
+ * const changeStatus = useFeedbackStatusUndo(update.mutateAsync);
  * <FeedbackStatusTransitions … onPick={(status) => changeStatus(row, status)} />
  * ```
  *
- * Give it the PAGE's mutation, not one a row owns: TanStack only calls per-call
- * callbacks while the observer that started the mutation is mounted, and a row the new
- * status filters out unmounts before the PATCH answers — the toast would never come.
+ * Give it the PAGE's mutation, not one a row owns: a row the new status filters out
+ * unmounts before the PATCH answers.
  *
- * The flow: PATCH `{ id, status }` → on success a success toast
+ * The flow: PATCH `{ id, status }` → once it has landed a success toast
  * `statusChanged(newName, title)` with the action `statusUndo`, 8 s → Undo PATCHes
- * `{ id, status: previous }` → on success `statusRestored(previousName, title)`.
+ * `{ id, status: previous }` → once that has landed `statusRestored(previousName, title)`.
+ * Each change waits for its OWN answer, so two changes in flight each get their toast.
+ *
+ * `update.mutate` ({@link FeedbackStatusMutate}) still fits, deprecated since 0.52: with it
+ * a second change before the first answered loses the first one's Undo. One signature
+ * takes both rather than two overloads: TypeScript types an inline callback's parameters
+ * from the FIRST overload, so a hand-written `(patch, { onSuccess }) => …` — the form this
+ * hook documented until 0.52 — would no longer compile.
  */
-export declare function useFeedbackStatusUndo(mutate: FeedbackStatusMutate, { labels, statusLabels }?: FeedbackStatusUndoOptions): FeedbackStatusChange;
+export declare function useFeedbackStatusUndo(mutate: FeedbackMutationCall<FeedbackStatusPatch>, { labels, statusLabels }?: FeedbackStatusUndoOptions): FeedbackStatusChange;

package/dist/feedback/feedback-status-undo.js

@@ -5,6 +5,7 @@ import {
   useFeedbackStatusLabels,
   useFeedbackToastLabels
 } from "./feedback-labels.js";
+import { runMutation } from "./feedback-mutation.js";
 const FEEDBACK_UNDO_DURATION = 8e3;
 function useFeedbackStatusUndo(mutate, { labels, statusLabels } = {}) {
   const words = useFeedbackToastLabels(labels);
@@ -14,21 +15,15 @@ function useFeedbackStatusUndo(mutate, { labels, statusLabels } = {}) {
       const { id, title, status: previous } = row;
       if (status === previous) return;
       const nameOf = (value) => names[value] ?? value;
-      mutate(
-        { id, status },
-        {
-          onSuccess: () => {
-            toast.undo(words.statusChanged(nameOf(status), title), {
-              label: words.statusUndo,
-              duration: FEEDBACK_UNDO_DURATION,
-              onUndo: () => mutate(
-                { id, status: previous },
-                { onSuccess: () => void toast.success(words.statusRestored(nameOf(previous), title)) }
-              )
-            });
-          }
-        }
-      );
+      runMutation(mutate, { id, status }, () => {
+        toast.undo(words.statusChanged(nameOf(status), title), {
+          label: words.statusUndo,
+          duration: FEEDBACK_UNDO_DURATION,
+          onUndo: () => runMutation(mutate, { id, status: previous }, () => {
+            toast.success(words.statusRestored(nameOf(previous), title));
+          })
+        });
+      });
     },
     [mutate, words, names]
   );

package/dist/feedback/feedback-status-undo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-status-undo.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { toast } from \"../components/toast\";\nimport type { FeedbackStatus } from \"./feedback-vocabulary\";\nimport {\n  useFeedbackStatusLabels,\n  useFeedbackToastLabels,\n  type FeedbackStatusLabels,\n  type FeedbackToastLabels,\n} from \"./feedback-labels\";\nimport type { FeedbackRecord } from \"./feedback-record\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/**\n * A status change that can be taken back — §4.5 of the feedback contract, lifted from\n * keksdose's `changeStatusUndoably` (`frontend/src/features/feedback/feedback-page.tsx`,\n * dev #587: *\"Just clicked somewhere and a feedback row disappeared without knowing what\n * I set as new status.\"*).\n *\n * An inbox is usually filtered by status, so a row whose new status falls outside the\n * filter leaves the table the moment the change lands, with nothing on screen saying what\n * it became. The toast says it, names the report, and offers the old status back for 8 s\n * (the window keksdose's transactions Undo uses, feedback #184). Undo PATCHes the old\n * status and confirms that too. kastlan and Kurvenschmiede had no Undo at all.\n */\n\n/** The one PATCH a status change is: `PATCH /feedback/{id}` with `{ status }`. */\nexport interface FeedbackStatusPatch {\n  id: number;\n  status: FeedbackStatus;\n}\n\n/**\n * The page's status mutation. **TanStack Query's `mutate` fits as it stands** — pass\n * `updateMutation.mutate` (stable across renders), not `mutateAsync`. A hand-written\n * one sends the PATCH and calls `onSuccess` once it has landed, and only then.\n *\n * Failure is the mutation's own business: its `onError` toasts the server's `detail`,\n * else `feedbackToast.updateFailed` (§4.4) — this hook adds no second error toast.\n */\nexport type FeedbackStatusMutate = (patch: FeedbackStatusPatch, callbacks: { onSuccess: () => void }) => void;\n\n/** What the change needs to know about the row: which one, what it is called in the\n *  toast, and where it stood (the status Undo goes back to). */\nexport type FeedbackStatusRow = Pick<FeedbackRecord, \"id\" | \"title\" | \"status\">;\n\n/** Set `row` to `status`, with the Undo toast. A no-op when it is already there. */\nexport type FeedbackStatusChange = (row: FeedbackStatusRow, status: FeedbackStatus) => void;\n\nexport interface FeedbackStatusUndoOptions {\n  /** Over the `feedbackToast` namespace (the toast's words). */\n  labels?: LabelOverride<FeedbackToastLabels>;\n  /** Over the `feedbackStatus` namespace (the status names inside them). */\n  statusLabels?: Partial<FeedbackStatusLabels>;\n}\n\n/** How long the Undo stays reachable: 8 s, keksdose's window (feedback #184). */\nexport const FEEDBACK_UNDO_DURATION = 8000;\n\n/**\n * The undoable status change — for the table's status cell, the row detail's pills and\n * the phone swipes alike (§4.5, §7.10: swipes included, Marcel 2026-10-04 — keksdose's\n * swipe commits go through its `changeStatusUndoably` too). Wire every one of them\n * through the function this returns:\n *\n * ```tsx\n * const update = useMutation({ mutationFn: api.updateFeedback, onError: … });\n * const changeStatus = useFeedbackStatusUndo(update.mutate);\n * <FeedbackStatusTransitions … onPick={(status) => changeStatus(row, status)} />\n * ```\n *\n * Give it the PAGE's mutation, not one a row owns: TanStack only calls per-call\n * callbacks while the observer that started the mutation is mounted, and a row the new\n * status filters out unmounts before the PATCH answers — the toast would never come.\n *\n * The flow: PATCH `{ id, status }` → on success a success toast\n * `statusChanged(newName, title)` with the action `statusUndo`, 8 s → Undo PATCHes\n * `{ id, status: previous }` → on success `statusRestored(previousName, title)`.\n */\nexport function useFeedbackStatusUndo(\n  mutate: FeedbackStatusMutate,\n  { labels, statusLabels }: FeedbackStatusUndoOptions = {},\n): FeedbackStatusChange {\n  const words = useFeedbackToastLabels(labels);\n  const names = useFeedbackStatusLabels(statusLabels);\n  return useCallback<FeedbackStatusChange>(\n    (row, status) => {\n      const { id, title, status: previous } = row;\n      if (status === previous) return;\n      const nameOf = (value: FeedbackStatus) => names[value] ?? value;\n      mutate(\n        { id, status },\n        {\n          onSuccess: () => {\n            toast.undo(words.statusChanged(nameOf(status), title), {\n              label: words.statusUndo,\n              duration: FEEDBACK_UNDO_DURATION,\n              onUndo: () =>\n                mutate(\n                  { id, status: previous },\n                  { onSuccess: () => void toast.success(words.statusRestored(nameOf(previous), title)) },\n                ),\n            });\n          },\n        },\n      );\n    },\n    [mutate, words, names],\n  );\n}\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AAEtB;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAgDA,MAAM,yBAAyB;AAsB/B,SAAS,sBACd,QACA,EAAE,QAAQ,aAAa,IAA+B,CAAC,GACjC;AACtB,QAAM,QAAQ,uBAAuB,MAAM;AAC3C,QAAM,QAAQ,wBAAwB,YAAY;AAClD,SAAO;AAAA,IACL,CAAC,KAAK,WAAW;AACf,YAAM,EAAE,IAAI,OAAO,QAAQ,SAAS,IAAI;AACxC,UAAI,WAAW,SAAU;AACzB,YAAM,SAAS,CAAC,UAA0B,MAAM,KAAK,KAAK;AAC1D;AAAA,QACE,EAAE,IAAI,OAAO;AAAA,QACb;AAAA,UACE,WAAW,MAAM;AACf,kBAAM,KAAK,MAAM,cAAc,OAAO,MAAM,GAAG,KAAK,GAAG;AAAA,cACrD,OAAO,MAAM;AAAA,cACb,UAAU;AAAA,cACV,QAAQ,MACN;AAAA,gBACE,EAAE,IAAI,QAAQ,SAAS;AAAA,gBACvB,EAAE,WAAW,MAAM,KAAK,MAAM,QAAQ,MAAM,eAAe,OAAO,QAAQ,GAAG,KAAK,CAAC,EAAE;AAAA,cACvF;AAAA,YACJ,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAAC,QAAQ,OAAO,KAAK;AAAA,EACvB;AACF;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-status-undo.ts"],"sourcesContent":["import { useCallback } from \"react\";\nimport { toast } from \"../components/toast\";\nimport type { FeedbackStatus } from \"./feedback-vocabulary\";\nimport {\n  useFeedbackStatusLabels,\n  useFeedbackToastLabels,\n  type FeedbackStatusLabels,\n  type FeedbackToastLabels,\n} from \"./feedback-labels\";\nimport type { FeedbackRecord } from \"./feedback-record\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { runMutation, type FeedbackMutationCall } from \"./feedback-mutation\";\n\n/**\n * A status change that can be taken back — §4.5 of the feedback contract, lifted from\n * keksdose's `changeStatusUndoably` (`frontend/src/features/feedback/feedback-page.tsx`,\n * dev #587: *\"Just clicked somewhere and a feedback row disappeared without knowing what\n * I set as new status.\"*).\n *\n * An inbox is usually filtered by status, so a row whose new status falls outside the\n * filter leaves the table the moment the change lands, with nothing on screen saying what\n * it became. The toast says it, names the report, and offers the old status back for 8 s\n * (the window keksdose's transactions Undo uses, feedback #184). Undo PATCHes the old\n * status and confirms that too. kastlan and Kurvenschmiede had no Undo at all.\n */\n\n/** The one PATCH a status change is: `PATCH /feedback/{id}` with `{ status }`. */\nexport interface FeedbackStatusPatch {\n  id: number;\n  status: FeedbackStatus;\n}\n\n/**\n * The page's status mutation (0.52): **TanStack Query's `mutateAsync`** — pass\n * `update.mutateAsync`. The toast comes when the promise resolves, which it does for every\n * call (refactor audit 2026-10-30, FLW-3). A hand-written one returns a promise that\n * resolves once the PATCH has landed and rejects when it failed.\n *\n * Failure is the mutation's own business: its `onError` toasts the server's `detail`,\n * else `feedbackToast.updateFailed` (§4.4) — this hook adds no second error toast, and\n * catches the rejection.\n */\nexport type FeedbackStatusMutateAsync = (patch: FeedbackStatusPatch) => Promise<unknown>;\n\n/**\n * The callback form: TanStack Query's `mutate`, or a function that calls `onSuccess` once\n * the PATCH has landed. TanStack calls a per-call `onSuccess` for the LATEST `mutate()` on\n * its observer only, so a second change sent before the first answered — another swipe,\n * another pill, the Undo itself — lost the first change's Undo toast.\n *\n * @deprecated 0.52 — pass `update.mutateAsync` ({@link FeedbackStatusMutateAsync}), whose\n * promise settles for every call; removed in 0.53\n */\nexport type FeedbackStatusMutate = (patch: FeedbackStatusPatch, callbacks: { onSuccess: () => void }) => void;\n\n/** What the change needs to know about the row: which one, what it is called in the\n *  toast, and where it stood (the status Undo goes back to). */\nexport type FeedbackStatusRow = Pick<FeedbackRecord, \"id\" | \"title\" | \"status\">;\n\n/** Set `row` to `status`, with the Undo toast. A no-op when it is already there. */\nexport type FeedbackStatusChange = (row: FeedbackStatusRow, status: FeedbackStatus) => void;\n\nexport interface FeedbackStatusUndoOptions {\n  /** Over the `feedbackToast` namespace (the toast's words). */\n  labels?: LabelOverride<FeedbackToastLabels>;\n  /** Over the `feedbackStatus` namespace (the status names inside them). */\n  statusLabels?: Partial<FeedbackStatusLabels>;\n}\n\n/** How long the Undo stays reachable: 8 s, keksdose's window (feedback #184). */\nexport const FEEDBACK_UNDO_DURATION = 8000;\n\n/**\n * The undoable status change — for the table's status cell, the row detail's pills and\n * the phone swipes alike (§4.5, §7.10: swipes included, Marcel 2026-10-04 — keksdose's\n * swipe commits go through its `changeStatusUndoably` too). Wire every one of them\n * through the function this returns:\n *\n * ```tsx\n * const update = useMutation({ mutationFn: api.updateFeedback, onError: … });\n * const changeStatus = useFeedbackStatusUndo(update.mutateAsync);\n * <FeedbackStatusTransitions … onPick={(status) => changeStatus(row, status)} />\n * ```\n *\n * Give it the PAGE's mutation, not one a row owns: a row the new status filters out\n * unmounts before the PATCH answers.\n *\n * The flow: PATCH `{ id, status }` → once it has landed a success toast\n * `statusChanged(newName, title)` with the action `statusUndo`, 8 s → Undo PATCHes\n * `{ id, status: previous }` → once that has landed `statusRestored(previousName, title)`.\n * Each change waits for its OWN answer, so two changes in flight each get their toast.\n *\n * `update.mutate` ({@link FeedbackStatusMutate}) still fits, deprecated since 0.52: with it\n * a second change before the first answered loses the first one's Undo. One signature\n * takes both rather than two overloads: TypeScript types an inline callback's parameters\n * from the FIRST overload, so a hand-written `(patch, { onSuccess }) => …` — the form this\n * hook documented until 0.52 — would no longer compile.\n */\nexport function useFeedbackStatusUndo(\n  mutate: FeedbackMutationCall<FeedbackStatusPatch>,\n  { labels, statusLabels }: FeedbackStatusUndoOptions = {},\n): FeedbackStatusChange {\n  const words = useFeedbackToastLabels(labels);\n  const names = useFeedbackStatusLabels(statusLabels);\n  return useCallback<FeedbackStatusChange>(\n    (row, status) => {\n      const { id, title, status: previous } = row;\n      if (status === previous) return;\n      const nameOf = (value: FeedbackStatus) => names[value] ?? value;\n      runMutation(mutate, { id, status }, () => {\n        toast.undo(words.statusChanged(nameOf(status), title), {\n          label: words.statusUndo,\n          duration: FEEDBACK_UNDO_DURATION,\n          onUndo: () =>\n            runMutation(mutate, { id, status: previous }, () => {\n              toast.success(words.statusRestored(nameOf(previous), title));\n            }),\n        });\n      });\n    },\n    [mutate, words, names],\n  );\n}\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AAEtB;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAGP,SAAS,mBAA8C;AA2DhD,MAAM,yBAAyB;AA4B/B,SAAS,sBACd,QACA,EAAE,QAAQ,aAAa,IAA+B,CAAC,GACjC;AACtB,QAAM,QAAQ,uBAAuB,MAAM;AAC3C,QAAM,QAAQ,wBAAwB,YAAY;AAClD,SAAO;AAAA,IACL,CAAC,KAAK,WAAW;AACf,YAAM,EAAE,IAAI,OAAO,QAAQ,SAAS,IAAI;AACxC,UAAI,WAAW,SAAU;AACzB,YAAM,SAAS,CAAC,UAA0B,MAAM,KAAK,KAAK;AAC1D,kBAAY,QAAQ,EAAE,IAAI,OAAO,GAAG,MAAM;AACxC,cAAM,KAAK,MAAM,cAAc,OAAO,MAAM,GAAG,KAAK,GAAG;AAAA,UACrD,OAAO,MAAM;AAAA,UACb,UAAU;AAAA,UACV,QAAQ,MACN,YAAY,QAAQ,EAAE,IAAI,QAAQ,SAAS,GAAG,MAAM;AAClD,kBAAM,QAAQ,MAAM,eAAe,OAAO,QAAQ,GAAG,KAAK,CAAC;AAAA,UAC7D,CAAC;AAAA,QACL,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAAC,QAAQ,OAAO,KAAK;AAAA,EACvB;AACF;","names":[]}

package/dist/feedback/feedback-submit-dialog.d.ts

@@ -24,7 +24,7 @@ export interface FeedbackSubmitDialogProps {
     onCategoryChange: (category: FeedbackCategory) => void;
     submitting: boolean;
     /** The form, and the `context` built from the same values the box showed. */
-    onSubmit: (data: FeedbackMultipleSubmission, context: FeedbackContext) => void | Promise<void>;
+    onSubmit: (data: FeedbackMultipleSubmission<FeedbackCategory>, context: FeedbackContext) => void | Promise<void>;
     user?: FeedbackSubmitter | null;
     /** `location.href` when the dialog opened. */
     url: string;

package/dist/feedback/feedback-submit-dialog.js

@@ -45,7 +45,7 @@ function FeedbackSubmitDialog({
       onClose,
       categories: FEEDBACK_PICKABLE_CATEGORIES.map((value) => ({ value, label: categoryLabels[value] })),
       category,
-      onCategoryChange: (value) => onCategoryChange(value),
+      onCategoryChange,
       submitting,
       attachments: "multiple",
       maxAttachments: DEFAULT_MAX_ATTACHMENTS,

package/dist/feedback/feedback-submit-dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-submit-dialog.tsx"],"sourcesContent":["import { toast } from \"../components/toast\";\nimport { captureAppScreenshot } from \"./feedback-capture\";\nimport { FeedbackContextBox, feedbackContext, type FeedbackSubmitter } from \"./feedback-context\";\nimport { FeedbackDialog, type FeedbackMultipleSubmission } from \"./feedback-dialog\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useFeedbackCategoryLabels, useFeedbackToastLabels } from \"./feedback-labels\";\nimport {\n  DEFAULT_MAX_ATTACHMENTS,\n  FEEDBACK_ATTACHMENT_ACCEPT,\n  FEEDBACK_PICKABLE_CATEGORIES,\n  type FeedbackContext,\n  type FeedbackEnvironment,\n} from \"./feedback-record\";\nimport type { FeedbackCategory } from \"./feedback-vocabulary\";\n\n/**\n * The open half of `useFeedbackSubmit`: the dialog it draws, with the context box and\n * everything that only exists while somebody is filing a report.\n *\n * A module of its own so it can load LATE (0.34, MOD-1 of the refactor audit 2026-10).\n * Every app mounts the hook in its top bar; this — the attachment field, the modal, the\n * context box, the capture — was ~11 kB gzip of each app's entry chunk, for a dialog most\n * sessions never open. feedback-submit.tsx reaches it only through a literal relative\n * `import()`, so the library build keeps it a module of its own (`bundle: false`) and an\n * app's bundler makes it a chunk of its own.\n *\n * Internal, and not in the barrel: nothing but that `import()` should reach it. The hook\n * keeps the state — open, category, the URL and whether it goes along, the send in\n * flight — and this draws it.\n */\n\n/** What `useFeedbackSubmit` hands its lazily loaded dialog. */\nexport interface FeedbackSubmitDialogProps {\n  onClose: () => void;\n  category: FeedbackCategory;\n  onCategoryChange: (category: FeedbackCategory) => void;\n  submitting: boolean;\n  /** The form, and the `context` built from the same values the box showed. */\n  onSubmit: (data: FeedbackMultipleSubmission, context: FeedbackContext) => void | Promise<void>;\n  user?: FeedbackSubmitter | null;\n  /** `location.href` when the dialog opened. */\n  url: string;\n  attachUrl: boolean;\n  onAttachUrlChange: (attachUrl: boolean) => void;\n  environment?: FeedbackEnvironment | (string & {});\n  version?: string;\n  /** `UseFeedbackSubmitOptions.capture`, as the app passed it. */\n  capture?: false | (() => Promise<File | null>);\n  /** `UseFeedbackSubmitOptions.publicNotice` (0.38): the line under the body. */\n  publicNotice?: boolean;\n}\n\n/** `FeedbackDialog` as `useFeedbackSubmit` settles it — see the hook for what it settles. */\nexport function FeedbackSubmitDialog({\n  onClose,\n  category,\n  onCategoryChange,\n  submitting,\n  onSubmit,\n  user,\n  url,\n  attachUrl,\n  onAttachUrlChange,\n  environment,\n  version,\n  capture,\n  publicNotice = false,\n}: FeedbackSubmitDialogProps) {\n  const toastText = useFeedbackToastLabels();\n  const dialogText = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS);\n  const categoryLabels = useFeedbackCategoryLabels();\n\n  const onCaptureScreenshot =\n    capture === false\n      ? undefined\n      : async () => {\n          try {\n            return await (capture ?? (() => captureAppScreenshot()))();\n          } catch {\n            toast.error(toastText.captureFailed);\n            return null;\n          }\n        };\n\n  return (\n    <FeedbackDialog\n      open\n      onClose={onClose}\n      categories={FEEDBACK_PICKABLE_CATEGORIES.map((value) => ({ value, label: categoryLabels[value] }))}\n      category={category}\n      onCategoryChange={(value) => onCategoryChange(value as FeedbackCategory)}\n      submitting={submitting}\n      attachments=\"multiple\"\n      maxAttachments={DEFAULT_MAX_ATTACHMENTS}\n      requireBody={false}\n      attachmentAccept={FEEDBACK_ATTACHMENT_ACCEPT}\n      onAttachmentError={(kind, info) =>\n        toast.error(\n          kind === \"type\"\n            ? toastText.attachmentUnsupported\n            : kind === \"size\"\n              ? toastText.attachmentTooLarge\n              : // More files at once than there was room for: the surplus was dropped, the\n                // rest kept. The count is how many fit, as keksdose says it.\n                toastText.attachmentTooMany(info.max ?? DEFAULT_MAX_ATTACHMENTS),\n        )\n      }\n      onCaptureScreenshot={onCaptureScreenshot}\n      publicNotice={publicNotice ? (dialogText.publicNotice ?? DEFAULT_FEEDBACK_DIALOG_LABELS.publicNotice) : undefined}\n      // The context is read off the very values the box below shows (§3.2).\n      onSubmit={(data) => onSubmit(data, feedbackContext({ user, attachUrl, url, environment, version }))}\n      contextSlot={\n        <FeedbackContextBox user={user} url={url} attachUrl={attachUrl} onAttachUrlChange={onAttachUrlChange} />\n      }\n    />\n  );\n}\n"],"mappings":";AAiHQ;AAjHR,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB,uBAA+C;AAC5E,SAAS,sBAAuD;AAChE,SAAS,sCAAsC;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,8BAA8B;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAyCA,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA8B;AAC5B,QAAM,YAAY,uBAAuB;AACzC,QAAM,aAAa,aAAa,kBAAkB,8BAA8B;AAChF,QAAM,iBAAiB,0BAA0B;AAEjD,QAAM,sBACJ,YAAY,QACR,SACA,YAAY;AACV,QAAI;AACF,aAAO,OAAO,YAAY,MAAM,qBAAqB,IAAI;AAAA,IAC3D,QAAQ;AACN,YAAM,MAAM,UAAU,aAAa;AACnC,aAAO;AAAA,IACT;AAAA,EACF;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA,YAAY,6BAA6B,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,eAAe,KAAK,EAAE,EAAE;AAAA,MACjG;AAAA,MACA,kBAAkB,CAAC,UAAU,iBAAiB,KAAyB;AAAA,MACvE;AAAA,MACA,aAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB,CAAC,MAAM,SACxB,MAAM;AAAA,QACJ,SAAS,SACL,UAAU,wBACV,SAAS,SACP,UAAU;AAAA;AAAA;AAAA,UAGV,UAAU,kBAAkB,KAAK,OAAO,uBAAuB;AAAA;AAAA,MACvE;AAAA,MAEF;AAAA,MACA,cAAc,eAAgB,WAAW,gBAAgB,+BAA+B,eAAgB;AAAA,MAExG,UAAU,CAAC,SAAS,SAAS,MAAM,gBAAgB,EAAE,MAAM,WAAW,KAAK,aAAa,QAAQ,CAAC,CAAC;AAAA,MAClG,aACE,oBAAC,sBAAmB,MAAY,KAAU,WAAsB,mBAAsC;AAAA;AAAA,EAE1G;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-submit-dialog.tsx"],"sourcesContent":["import { toast } from \"../components/toast\";\nimport { captureAppScreenshot } from \"./feedback-capture\";\nimport { FeedbackContextBox, feedbackContext, type FeedbackSubmitter } from \"./feedback-context\";\nimport { FeedbackDialog, type FeedbackMultipleSubmission } from \"./feedback-dialog\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { useFeedbackCategoryLabels, useFeedbackToastLabels } from \"./feedback-labels\";\nimport {\n  DEFAULT_MAX_ATTACHMENTS,\n  FEEDBACK_ATTACHMENT_ACCEPT,\n  FEEDBACK_PICKABLE_CATEGORIES,\n  type FeedbackContext,\n  type FeedbackEnvironment,\n} from \"./feedback-record\";\nimport type { FeedbackCategory } from \"./feedback-vocabulary\";\n\n/**\n * The open half of `useFeedbackSubmit`: the dialog it draws, with the context box and\n * everything that only exists while somebody is filing a report.\n *\n * A module of its own so it can load LATE (0.34, MOD-1 of the refactor audit 2026-10).\n * Every app mounts the hook in its top bar; this — the attachment field, the modal, the\n * context box, the capture — was ~11 kB gzip of each app's entry chunk, for a dialog most\n * sessions never open. feedback-submit.tsx reaches it only through a literal relative\n * `import()`, so the library build keeps it a module of its own (`bundle: false`) and an\n * app's bundler makes it a chunk of its own.\n *\n * Internal, and not in the barrel: nothing but that `import()` should reach it. The hook\n * keeps the state — open, category, the URL and whether it goes along, the send in\n * flight — and this draws it.\n */\n\n/** What `useFeedbackSubmit` hands its lazily loaded dialog. */\nexport interface FeedbackSubmitDialogProps {\n  onClose: () => void;\n  category: FeedbackCategory;\n  onCategoryChange: (category: FeedbackCategory) => void;\n  submitting: boolean;\n  /** The form, and the `context` built from the same values the box showed. */\n  onSubmit: (data: FeedbackMultipleSubmission<FeedbackCategory>, context: FeedbackContext) => void | Promise<void>;\n  user?: FeedbackSubmitter | null;\n  /** `location.href` when the dialog opened. */\n  url: string;\n  attachUrl: boolean;\n  onAttachUrlChange: (attachUrl: boolean) => void;\n  environment?: FeedbackEnvironment | (string & {});\n  version?: string;\n  /** `UseFeedbackSubmitOptions.capture`, as the app passed it. */\n  capture?: false | (() => Promise<File | null>);\n  /** `UseFeedbackSubmitOptions.publicNotice` (0.38): the line under the body. */\n  publicNotice?: boolean;\n}\n\n/** `FeedbackDialog` as `useFeedbackSubmit` settles it — see the hook for what it settles. */\nexport function FeedbackSubmitDialog({\n  onClose,\n  category,\n  onCategoryChange,\n  submitting,\n  onSubmit,\n  user,\n  url,\n  attachUrl,\n  onAttachUrlChange,\n  environment,\n  version,\n  capture,\n  publicNotice = false,\n}: FeedbackSubmitDialogProps) {\n  const toastText = useFeedbackToastLabels();\n  const dialogText = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS);\n  const categoryLabels = useFeedbackCategoryLabels();\n\n  const onCaptureScreenshot =\n    capture === false\n      ? undefined\n      : async () => {\n          try {\n            return await (capture ?? (() => captureAppScreenshot()))();\n          } catch {\n            toast.error(toastText.captureFailed);\n            return null;\n          }\n        };\n\n  return (\n    <FeedbackDialog\n      open\n      onClose={onClose}\n      categories={FEEDBACK_PICKABLE_CATEGORIES.map((value) => ({ value, label: categoryLabels[value] }))}\n      category={category}\n      onCategoryChange={onCategoryChange}\n      submitting={submitting}\n      attachments=\"multiple\"\n      maxAttachments={DEFAULT_MAX_ATTACHMENTS}\n      requireBody={false}\n      attachmentAccept={FEEDBACK_ATTACHMENT_ACCEPT}\n      onAttachmentError={(kind, info) =>\n        toast.error(\n          kind === \"type\"\n            ? toastText.attachmentUnsupported\n            : kind === \"size\"\n              ? toastText.attachmentTooLarge\n              : // More files at once than there was room for: the surplus was dropped, the\n                // rest kept. The count is how many fit, as keksdose says it.\n                toastText.attachmentTooMany(info.max ?? DEFAULT_MAX_ATTACHMENTS),\n        )\n      }\n      onCaptureScreenshot={onCaptureScreenshot}\n      publicNotice={publicNotice ? (dialogText.publicNotice ?? DEFAULT_FEEDBACK_DIALOG_LABELS.publicNotice) : undefined}\n      // The context is read off the very values the box below shows (§3.2).\n      onSubmit={(data) => onSubmit(data, feedbackContext({ user, attachUrl, url, environment, version }))}\n      contextSlot={\n        <FeedbackContextBox user={user} url={url} attachUrl={attachUrl} onAttachUrlChange={onAttachUrlChange} />\n      }\n    />\n  );\n}\n"],"mappings":";AAiHQ;AAjHR,SAAS,aAAa;AACtB,SAAS,4BAA4B;AACrC,SAAS,oBAAoB,uBAA+C;AAC5E,SAAS,sBAAuD;AAChE,SAAS,sCAAsC;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,2BAA2B,8BAA8B;AAClE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AAyCA,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,GAA8B;AAC5B,QAAM,YAAY,uBAAuB;AACzC,QAAM,aAAa,aAAa,kBAAkB,8BAA8B;AAChF,QAAM,iBAAiB,0BAA0B;AAEjD,QAAM,sBACJ,YAAY,QACR,SACA,YAAY;AACV,QAAI;AACF,aAAO,OAAO,YAAY,MAAM,qBAAqB,IAAI;AAAA,IAC3D,QAAQ;AACN,YAAM,MAAM,UAAU,aAAa;AACnC,aAAO;AAAA,IACT;AAAA,EACF;AAEN,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAI;AAAA,MACJ;AAAA,MACA,YAAY,6BAA6B,IAAI,CAAC,WAAW,EAAE,OAAO,OAAO,eAAe,KAAK,EAAE,EAAE;AAAA,MACjG;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,mBAAmB,CAAC,MAAM,SACxB,MAAM;AAAA,QACJ,SAAS,SACL,UAAU,wBACV,SAAS,SACP,UAAU;AAAA;AAAA;AAAA,UAGV,UAAU,kBAAkB,KAAK,OAAO,uBAAuB;AAAA;AAAA,MACvE;AAAA,MAEF;AAAA,MACA,cAAc,eAAgB,WAAW,gBAAgB,+BAA+B,eAAgB;AAAA,MAExG,UAAU,CAAC,SAAS,SAAS,MAAM,gBAAgB,EAAE,MAAM,WAAW,KAAK,aAAa,QAAQ,CAAC,CAAC;AAAA,MAClG,aACE,oBAAC,sBAAmB,MAAY,KAAU,WAAsB,mBAAsC;AAAA;AAAA,EAE1G;AAEJ;","names":[]}

package/dist/feedback/feedback-submit.js

@@ -1,12 +1,18 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { lazy, Suspense, useRef, useState } from "react";
+import { Suspense, useLayoutEffect, useRef, useState } from "react";
 import { toast } from "../components/toast.js";
+import { lazyWithFallback } from "../lib/lazy-with-fallback.js";
 import { useFeedbackToastLabels } from "./feedback-labels.js";
 import { FEEDBACK_PICKABLE_CATEGORIES } from "./feedback-record.js";
-const LazySubmitDialog = lazy(
-  () => import("./feedback-submit-dialog.js").then((module) => ({ default: module.FeedbackSubmitDialog }))
+const LazySubmitDialog = lazyWithFallback(
+  () => import("./feedback-submit-dialog.js").then((module) => module.FeedbackSubmitDialog),
+  SubmitDialogUnavailable
 );
+function SubmitDialogUnavailable({ onClose }) {
+  useLayoutEffect(onClose, [onClose]);
+  return null;
+}
 function useFeedbackSubmit(options) {
   const { upload, create, user, environment, version, onSubmitted, errorMessage, capture, publicNotice } = options;
   const toastText = useFeedbackToastLabels();