@eifi1/ui-kit 0.33.1 → 0.34.0

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

@@ -6,8 +6,9 @@ import { AuthedImage } from "../components/authed-image.js";
 import { CopyButton } from "../components/copy-button.js";
 import { TextLink } from "../components/text-link.js";
 import { toast } from "../components/toast.js";
-import { Button } from "../components/ui.js";
+import { Button } from "../components/button.js";
 import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
+import { filenameFromDisposition, saveBlob } from "../lib/download.js";
 import { formatDate } from "../lib/format.js";
 import { DEFAULT_MAX_ATTACHMENT_BYTES } from "./feedback-attachment.js";
 import { DEFAULT_FEEDBACK_DIALOG_LABELS } from "./feedback-dialog.js";
@@ -34,31 +35,7 @@ import {
   splitDescription
 } from "./feedback-record.js";
 import { useFeedbackStatusUndo } from "./feedback-status-undo.js";
-const DEFAULT_FEEDBACK_DETAIL_LABELS = {
-  subject: "Subject",
-  body: "Description",
-  edit: "Edit",
-  editDescription: "Edit description",
-  save: "Save",
-  cancel: "Cancel",
-  url: "URL",
-  copyUrl: "Copy URL",
-  attachment: "Attachment",
-  download: (name) => `Download ${name}`,
-  downloadFailed: "The attachment could not be downloaded.",
-  outcome: "Outcome",
-  resolvedAt: (date) => `Resolved: ${date}`,
-  outcomeAdd: "Add outcome",
-  outcomeUpdate: "Update",
-  outcomePlaceholder: "What was done, decided, or why this won't be addressed.",
-  rework: "Rework",
-  openPage: "Open page",
-  reworkTitle: "Send for rework",
-  reworkSend: "Send rework",
-  reworkPlaceholder: "What still needs refinement? Any new constraints or change of direction.",
-  reworkUploadFailed: "The file could not be uploaded. The rework was not sent.",
-  status: "Status"
-};
+import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
 function useFeedbackDetailLabels(labels) {
   return useKitLabels("feedbackDetail", DEFAULT_FEEDBACK_DETAIL_LABELS, labels);
 }
@@ -114,13 +91,10 @@ function AttachmentDownload({
     event.stopPropagation();
     setBusy(true);
     try {
-      const blob = await toBlob(await fetcher(url, { signal: new AbortController().signal }));
-      const href = URL.createObjectURL(blob);
-      const anchor = document.createElement("a");
-      anchor.href = href;
-      anchor.download = name;
-      anchor.click();
-      setTimeout(() => URL.revokeObjectURL(href), 0);
+      const answer = await fetcher(url, { signal: new AbortController().signal });
+      const blob = await toBlob(answer);
+      const saveAs = typeof Response !== "undefined" && answer instanceof Response ? filenameFromDisposition(answer.headers.get("Content-Disposition"), name) : name;
+      saveBlob(blob, saveAs);
     } catch {
       toast.error(labels.downloadFailed);
     } finally {
@@ -139,7 +113,7 @@ function AttachmentDownload({
       className: "max-w-full",
       children: [
         /* @__PURE__ */ jsx(FileText, { className: "size-3.5 shrink-0", "aria-hidden": true }),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[14rem] truncate", children: name }),
+        /* @__PURE__ */ jsx("span", { className: "min-w-0 max-w-[14rem] truncate-until-large", children: name }),
         /* @__PURE__ */ jsx(Download, { className: "size-3.5 shrink-0", "aria-hidden": true })
       ]
     }
@@ -285,7 +259,7 @@ function FeedbackRowDetail({
   return /* @__PURE__ */ jsxs(FeedbackDetail, { className, children: [
     showSubject && /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.subject, children: /* @__PURE__ */ jsxs("p", { className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-sm", "data-feedback-subject": "", children: [
       /* @__PURE__ */ jsx(FeedbackCategoryBadge, { category: row.category }),
-      /* @__PURE__ */ jsx("span", { className: "min-w-0 font-medium text-[var(--text-primary)] [overflow-wrap:anywhere]", children: row.title })
+      /* @__PURE__ */ jsx("span", { className: "min-w-0 font-medium text-primary [overflow-wrap:anywhere]", children: row.title })
     ] }) }),
     /* @__PURE__ */ jsx(
       FeedbackDetailSection,
@@ -337,7 +311,7 @@ function FeedbackRowDetail({
           stopPropagation: true,
           errorFallback: null,
           wrapperClassName: "inline-block max-w-full",
-          className: "max-h-64 max-w-full rounded border border-[var(--border)]"
+          className: "max-h-64 max-w-full rounded border border-subtle"
         },
         url
       ) : /* @__PURE__ */ jsx(AttachmentDownload, { url, fetcher: fetchFile, labels }, url)
@@ -346,7 +320,7 @@ function FeedbackRowDetail({
       FeedbackDetailSection,
       {
         title: labels.outcome,
-        action: row.resolved_at ? /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-muted)]", children: labels.resolvedAt(dateText(row.resolved_at)) }) : void 0,
+        action: row.resolved_at ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: labels.resolvedAt(dateText(row.resolved_at)) }) : void 0,
         children: showOutcomeEditor ? /* @__PURE__ */ jsx(
           FeedbackNoteEditor,
           {

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 { MouseEvent } from \"react\";\nimport { Download, ExternalLink, FileText, 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/ui\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, useKitLocale } 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  attachmentName,\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\";\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**, **Outcome** (the admin's\n * outcome editor, Rework, Open page), **Send for rework** (only while reworking) and\n * **Status**. No comment thread (§2.2: kastlan's comments fold into the body, §7.7).\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. de-CH: \"Ergebnis\" */\n  outcome: 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. de-CH: \"Ergebnis hinzufügen\" */\n  outcomeAdd: string;\n  /** The same button once there is one. de-CH: \"Aktualisieren\" */\n  outcomeUpdate: string;\n  /** The line above the outcome editor. 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  /** The link to the page the report was filed on. de-CH: \"Seite öffnen\" */\n  openPage: 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}\n\nexport const DEFAULT_FEEDBACK_DETAIL_LABELS: FeedbackDetailLabels = {\n  subject: \"Subject\",\n  body: \"Description\",\n  edit: \"Edit\",\n  editDescription: \"Edit description\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  url: \"URL\",\n  copyUrl: \"Copy URL\",\n  attachment: \"Attachment\",\n  download: (name) => `Download ${name}`,\n  downloadFailed: \"The attachment could not be downloaded.\",\n  outcome: \"Outcome\",\n  resolvedAt: (date) => `Resolved: ${date}`,\n  outcomeAdd: \"Add outcome\",\n  outcomeUpdate: \"Update\",\n  outcomePlaceholder: \"What was done, decided, or why this won't be addressed.\",\n  rework: \"Rework\",\n  openPage: \"Open page\",\n  reworkTitle: \"Send for rework\",\n  reworkSend: \"Send rework\",\n  reworkPlaceholder: \"What still needs refinement? Any new constraints or change of direction.\",\n  reworkUploadFailed: \"The file could not be uploaded. The rework was not sent.\",\n  status: \"Status\",\n};\n\n/** `feedbackDetail` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackDetailLabels(labels?: Partial<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\">,\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  ];\n  return [...new Set(urls)];\n}\n\n/** The bytes behind a fetcher's answer — a `Blob` as it is, a `Response` checked. */\nasync function toBlob(answer: Blob | Response): Promise<Blob> {\n  if (typeof Response !== \"undefined\" && answer instanceof Response) {\n    if (!answer.ok) throw new Error(`HTTP ${answer.status}`);\n    return answer.blob();\n  }\n  return answer as Blob;\n}\n\n/** No fetcher: the browser's own `fetch`, with the cookies a same-origin app uses. */\nconst plainFetch: AuthedFetcher = (url, { signal }) => fetch(url, { signal, credentials: \"same-origin\" });\n\n/**\n * A PDF or a text log (keksdose `FeedbackFileDownload`, dev #578): the bytes sit behind\n * an authenticated route that serves them as `attachment`, never inline (§3.5), so a\n * plain link would be a 401 the moment it was opened. Fetched through the app's\n * fetcher and handed to a synthetic anchor; a failure says so in a toast.\n */\nfunction AttachmentDownload({\n  url,\n  fetcher,\n  labels,\n}: {\n  url: string;\n  fetcher: AuthedFetcher;\n  labels: FeedbackDetailLabels;\n}) {\n  const [busy, setBusy] = useState(false);\n  const name = attachmentName(url);\n  const download = async (event: MouseEvent) => {\n    // The row around the detail may toggle on a click.\n    event.stopPropagation();\n    setBusy(true);\n    try {\n      const blob = await toBlob(await fetcher(url, { signal: new AbortController().signal }));\n      const href = URL.createObjectURL(blob);\n      const anchor = document.createElement(\"a\");\n      anchor.href = href;\n      anchor.download = name;\n      anchor.click();\n      // After the click has handed the URL to the download, not before.\n      setTimeout(() => URL.revokeObjectURL(href), 0);\n    } catch {\n      toast.error(labels.downloadFailed);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"sm\"\n      pending={busy}\n      onClick={(event) => void download(event)}\n      aria-label={labels.download(name)}\n      className=\"max-w-full\"\n    >\n      <FileText className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className=\"min-w-0 max-w-[14rem] truncate\">{name}</span>\n      <Download className=\"size-3.5 shrink-0\" aria-hidden />\n    </Button>\n  );\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 outcome editor: the admin on the inbox (`canEdit`). */\n  canEditOutcome: boolean;\n  /** \"Rework\": the admin or the author, on an answered row\n   *  ({@link FEEDBACK_REWORKABLE_STATUSES}) — §3.4, anyone else gets the server's 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: (canEdit || 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. */\n  outcome?: string | null;\n  status?: FeedbackStatus;\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\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  /** The PATCH — see {@link FeedbackDetailUpdate}. Called with `{ id, body }` only. */\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?: Partial<FeedbackDetailLabels>;\n}\n\n/**\n * The rework editor (§4.4.5): the submitter — or the admin — 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 * - **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  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  // 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    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}\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. Left out, a rework is a\n   *  note 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 \"Capture screenshot\" — see {@link FeedbackReworkSectionProps}. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The rework's file field, 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  labels?: Partial<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  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 [editingOutcome, setEditingOutcome] = 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  const files = feedbackAttachmentUrls(row);\n  const fetchFile = fetcher ?? plainFetch;\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  const saveOutcome = (value: string) => {\n    // Blank saves `null`: no outcome, rather than an empty one.\n    const next = value.trim() ? value.trim() : null;\n    if (next === row.outcome) {\n      setEditingOutcome(false);\n      return;\n    }\n    onUpdate({ id: row.id, outcome: next }, { onSuccess: () => setEditingOutcome(false) });\n  };\n\n  const showOutcomeEditor = access.canEditOutcome && editingOutcome;\n  const showRework = access.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-[var(--text-primary)] [overflow-wrap:anywhere]\">\n              {row.title}\n            </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-[var(--border)]\"\n                />\n              ) : (\n                <AttachmentDownload key={url} url={url} fetcher={fetchFile} labels={labels} />\n              ),\n            )}\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      <FeedbackDetailSection\n        title={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-[var(--text-muted)]\">{labels.resolvedAt(dateText(row.resolved_at))}</span>\n          ) : undefined\n        }\n      >\n        {showOutcomeEditor ? (\n          <FeedbackNoteEditor\n            key={row.id}\n            initial={row.outcome ?? \"\"}\n            pending={pending}\n            commit={commit}\n            onSave={saveOutcome}\n            onCancel={() => setEditingOutcome(false)}\n            saveLabel={labels.save}\n            cancelLabel={labels.cancel}\n            placeholder={labels.outcomePlaceholder}\n          />\n        ) : (\n          <div className=\"space-y-2\">\n            <FeedbackProse>{row.outcome || undefined}</FeedbackProse>\n            {(access.canEditOutcome || (access.canRework && !reworking) || pageHref) && (\n              <div className=\"flex flex-wrap gap-2\">\n                {access.canEditOutcome && (\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      setEditingOutcome(true);\n                    }}\n                  >\n                    {row.outcome ? labels.outcomeUpdate : labels.outcomeAdd}\n                  </Button>\n                )}\n                {access.canRework && !reworking && (\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                )}\n                {pageHref && (\n                  // A real href (keksdose dev #451): middle-click and ⌘/Ctrl-click are\n                  // the browser's, and only a link has them.\n                  <Button href={pageHref} variant=\"secondary\" onClick={(event) => event.stopPropagation()}>\n                    <ExternalLink className=\"size-3.5\" aria-hidden /> {labels.openPage}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </FeedbackDetailSection>\n\n      {showRework && (\n        <FeedbackReworkSection\n          row={row}\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      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":";AAgTI,SASE,KATF;AAhTJ,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,UAAU,cAAc,UAAU,iBAAiB;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,aAAa;AACtB,SAAS,cAAc;AAEvB,SAAS,cAAc,oBAAoB;AAC3C,SAAS,kBAAkB;AAC3B,SAAS,oCAAoC;AAC7C,SAAS,sCAAsC;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,8BAA8B;AACvC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,6BAA6B;AA+G/B,MAAM,iCAAuD;AAAA,EAClE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC,SAAS,YAAY,IAAI;AAAA,EACpC,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,aAAa,IAAI;AAAA,EACvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQ;AACV;AAGO,SAAS,wBAAwB,QAA8D;AACpG,SAAO,aAAa,kBAAkB,gCAAgC,MAAM;AAC9E;AAMA,SAAS,UAAU,SAAyD;AAC1E,QAAM,OAAO,SAAS,OAAO,SAAS,SAAS,IAAI,KAAK;AACxD,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AAIF,UAAM,MAAM,IAAI,IAAI,KAAK,kBAAkB;AAC3C,WAAO,IAAI,aAAa,WAAW,IAAI,aAAa,WAAW,MAAM;AAAA,EACvE,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAIA,MAAM,YAAY,CAAC,aAAqB,SAAS,QAAQ,WAAW,GAAG;AAShE,SAAS,iBAAiB,SAA4D;AAC3F,QAAM,MAAM,UAAU,OAAO;AAC7B,SAAO,MAAM,GAAG,UAAU,IAAI,QAAQ,CAAC,GAAG,IAAI,MAAM,GAAG,IAAI,IAAI,KAAK;AACtE;AAGO,SAAS,iBAAiB,SAA4D;AAC3F,QAAM,MAAM,UAAU,OAAO;AAC7B,SAAO,MAAM,UAAU,IAAI,QAAQ,IAAI;AACzC;AAOO,SAAS,gBAAgB,SAA4D;AAC1F,MAAI,CAAC,UAAU,OAAO,EAAG,QAAO;AAChC,UAAQ,SAAS,OAAO,SAAS,SAAS,IAAI,KAAK;AACrD;AAeO,SAAS,uBACd,KACU;AACV,QAAM,OAAO;AAAA,IACX,GAAI,IAAI,iBAAiB,CAAC,IAAI,cAAc,IAAI,CAAC;AAAA;AAAA;AAAA,IAGjD,GAAI,IAAI,mBAAmB,CAAC;AAAA,IAC5B,GAAG,qBAAqB,IAAI,IAAI,EAAE;AAAA,EACpC;AACA,SAAO,CAAC,GAAG,IAAI,IAAI,IAAI,CAAC;AAC1B;AAGA,eAAe,OAAO,QAAwC;AAC5D,MAAI,OAAO,aAAa,eAAe,kBAAkB,UAAU;AACjE,QAAI,CAAC,OAAO,GAAI,OAAM,IAAI,MAAM,QAAQ,OAAO,MAAM,EAAE;AACvD,WAAO,OAAO,KAAK;AAAA,EACrB;AACA,SAAO;AACT;AAGA,MAAM,aAA4B,CAAC,KAAK,EAAE,OAAO,MAAM,MAAM,KAAK,EAAE,QAAQ,aAAa,cAAc,CAAC;AAQxG,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AACtC,QAAM,OAAO,eAAe,GAAG;AAC/B,QAAM,WAAW,OAAO,UAAsB;AAE5C,UAAM,gBAAgB;AACtB,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,KAAK,EAAE,QAAQ,IAAI,gBAAgB,EAAE,OAAO,CAAC,CAAC;AACtF,YAAM,OAAO,IAAI,gBAAgB,IAAI;AACrC,YAAM,SAAS,SAAS,cAAc,GAAG;AACzC,aAAO,OAAO;AACd,aAAO,WAAW;AAClB,aAAO,MAAM;AAEb,iBAAW,MAAM,IAAI,gBAAgB,IAAI,GAAG,CAAC;AAAA,IAC/C,QAAQ;AACN,YAAM,MAAM,OAAO,cAAc;AAAA,IACnC,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,KAAK,SAAS,KAAK;AAAA,MACvC,cAAY,OAAO,SAAS,IAAI;AAAA,MAChC,WAAU;AAAA,MAEV;AAAA,4BAAC,YAAS,WAAU,qBAAoB,eAAW,MAAC;AAAA,QACpD,oBAAC,UAAK,WAAU,kCAAkC,gBAAK;AAAA,QACvD,oBAAC,YAAS,WAAU,qBAAoB,eAAW,MAAC;AAAA;AAAA;AAAA,EACtD;AAEJ;AA4BO,SAAS,kBACd,KACA,EAAE,SAAS,SAAS,GACD;AAGnB,QAAM,WAAW,IAAI,YAAY,QAAQ,aAAa,UAAa,aAAa,QAAQ,aAAa,IAAI;AACzG,SAAO;AAAA,IACL;AAAA,IACA,oBAAoB,YAAY,kCAAkC,SAAS,IAAI,MAAM;AAAA,IACrF,gBAAgB;AAAA,IAChB,YAAY,WAAW,aAAa,6BAA6B,SAAS,IAAI,MAAM;AAAA,IACpF,iBAAiB;AAAA,EACnB;AACF;AA6EO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,GAA+B;AAC7B,QAAM,SAAS,wBAAwB,UAAU;AACjD,QAAM,SAAS,uBAAuB;AACtC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAIhD,QAAM,aAAa,OAAO,IAAI,IAAI;AAClC,YAAU,MAAM;AACd,eAAW,UAAU,IAAI;AAAA,EAC3B,GAAG,CAAC,IAAI,IAAI,CAAC;AAEb,QAAM,UAAU,sBACZ,YAAY;AACV,QAAI;AACF,aAAO,MAAM,oBAAoB;AAAA,IACnC,QAAQ;AACN,YAAM,MAAM,OAAO,aAAa;AAChC,aAAO;AAAA,IACT;AAAA,EACF,IACA;AAEJ,QAAM,OAAO,OAAO,OAAe,SAAuB;AACxD,UAAM,OAAO,MAAM,KAAK;AACxB,QAAI,CAAC,KAAM;AACX,QAAI,MAAqB;AACzB,QAAI,QAAQ,UAAU;AACpB,mBAAa,IAAI;AACjB,UAAI;AACF,cAAM,MAAM,SAAS,IAAI;AAAA,MAC3B,QAAQ;AACN,cAAM,MAAM,OAAO,kBAAkB;AACrC;AAAA,MACF,UAAE;AACA,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AACA,QAAI;AACJ,QAAI;AACF,aAAO,aAAa,WAAW,SAAS,MAAM,GAAG;AAAA,IACnD,QAAQ;AAIN,YAAM,MAAM,OAAO,kBAAkB;AACrC;AAAA,IACF;AACA,QAAI,SAAS,KAAM;AACnB,aAAS,EAAE,IAAI,IAAI,IAAI,KAAK,GAAG,EAAE,WAAW,MAAM,SAAS,EAAE,CAAC;AAAA,EAChE;AAEA,SACE,oBAAC,yBAAsB,OAAO,OAAO,aACnC;AAAA,IAAC;AAAA;AAAA,MAEC,SAAQ;AAAA,MACR,UAAQ;AAAA,MACR;AAAA,MACA,SAAS,WAAW;AAAA,MACpB,QAAQ,CAAC,OAAO,SAAS,KAAK,KAAK,OAAO,IAAI;AAAA,MAC9C;AAAA,MACA,WAAW,OAAO;AAAA,MAClB,aAAa,OAAO;AAAA,MACpB,aAAa,OAAO;AAAA,MACpB,YACE,WACI;AAAA,QACE,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS,CAAC,SAAS;AACjB,gBAAM,MAAM,SAAS,SAAS,OAAO,wBAAwB,OAAO,kBAAkB;AAAA,QACxF;AAAA,QACA,qBAAqB;AAAA,QACrB,GAAG;AAAA,MACL,IACA;AAAA;AAAA,IArBD,IAAI;AAAA,EAuBX,GACF;AAEJ;AA6EO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR;AACF,GAA2B;AACzB,QAAM,SAAS,wBAAwB,UAAU;AAGjD,QAAM,aAAa,aAAa,kBAAkB,8BAA8B;AAChF,QAAM,SAAS,aAAa;AAC5B,QAAM,kBAAkB,sBAAsB,QAAQ;AACtD,QAAM,eAAe,gBAAgB;AACrC,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAC1D,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,SAAS,kBAAkB,KAAK,EAAE,SAAS,SAAS,CAAC;AAG3D,QAAM,WAAW,qBAAqB,IAAI,IAAI,EAAE;AAChD,QAAM,EAAE,YAAY,IAAI,iBAAiB,IAAI,IAAI;AACjD,QAAM,WAAW,iBAAiB,IAAI,OAAO;AAC7C,QAAM,UAAU,gBAAgB,IAAI,OAAO;AAC3C,QAAM,QAAQ,uBAAuB,GAAG;AACxC,QAAM,YAAY,WAAW;AAC7B,QAAM,WAAW,CAAC,QAAiB,aAAa,WAAW,GAAG,IAAI,WAAW,KAAK,UAAU,EAAE,OAAO,CAAC;AAEtG,QAAM,kBAAkB,CAAC,UAAkB;AAGzC,QAAI,MAAM,KAAK,MAAM,YAAY,KAAK,GAAG;AACvC,qBAAe,KAAK;AACpB;AAAA,IACF;AACA,aAAS,EAAE,IAAI,IAAI,IAAI,MAAM,mBAAmB,IAAI,MAAM,KAAK,EAAE,GAAG,EAAE,WAAW,MAAM,eAAe,KAAK,EAAE,CAAC;AAAA,EAChH;AAEA,QAAM,cAAc,CAAC,UAAkB;AAErC,UAAM,OAAO,MAAM,KAAK,IAAI,MAAM,KAAK,IAAI;AAC3C,QAAI,SAAS,IAAI,SAAS;AACxB,wBAAkB,KAAK;AACvB;AAAA,IACF;AACA,aAAS,EAAE,IAAI,IAAI,IAAI,SAAS,KAAK,GAAG,EAAE,WAAW,MAAM,kBAAkB,KAAK,EAAE,CAAC;AAAA,EACvF;AAEA,QAAM,oBAAoB,OAAO,kBAAkB;AACnD,QAAM,aAAa,OAAO,aAAa;AAEvC,SACE,qBAAC,kBAAe,WACb;AAAA,mBACC,oBAAC,yBAAsB,OAAO,OAAO,SACnC,+BAAC,OAAE,WAAU,uDAAsD,yBAAsB,IACvF;AAAA,0BAAC,yBAAsB,UAAU,IAAI,UAAU;AAAA,MAC/C,oBAAC,UAAK,WAAU,2EACb,cAAI,OACP;AAAA,OACF,GACF;AAAA,IAEF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QACd,QACE,OAAO,sBAAsB,CAAC,cAC5B;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,SAAS,CAAC,UAAU;AAClB,oBAAM,gBAAgB;AACtB,6BAAe,IAAI;AAAA,YACrB;AAAA,YACA,cAAY,OAAO;AAAA,YAElB,iBAAO;AAAA;AAAA,QACV,IACE;AAAA,QAGL,iBAAO,sBAAsB,cAC5B;AAAA,UAAC;AAAA;AAAA,YAGC,SAAS;AAAA,YACT;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,UAAU,MAAM,eAAe,KAAK;AAAA,YACpC,WAAW,OAAO;AAAA,YAClB,aAAa,OAAO;AAAA,YACpB,aAAa,WAAW,gBAAgB,WAAW;AAAA;AAAA,UAT9C,IAAI;AAAA,QAUX,IAEA,oBAAC,iBAAe,mBAAS,KAAK,IAAI,WAAW,QAAU;AAAA;AAAA,IAE3D;AAAA,IAEC,YAAY;AAAA,IAEX,oBAAC,yBAAsB,OAAO,OAAO,KACnC,+BAAC,SAAI,WAAU,qCACb;AAAA,0BAAC,YAAS,MAAM,UAAU,MAAK,aAAY,WAAU,SAAQ,iBAAe,MAAC,WAAU,WACrF,8BAAC,UAAK,WAAU,qBAAqB,oBAAS,GAChD;AAAA,MACA,oBAAC,cAAW,MAAK,MAAK,WAAU,YAAW,MAAM,SAAS,OAAO,OAAO,SAAS,iBAAe,MAAC;AAAA,OACnG,GACF;AAAA,IAGD,MAAM,SAAS,KACd,oBAAC,yBAAsB,OAAO,OAAO,YACnC,8BAAC,SAAI,WAAU,4CACZ,gBAAM;AAAA,MAAI,CAAC,QACV,kBAAkB,GAAG,IACnB;AAAA,QAAC;AAAA;AAAA,UAEC,KAAK;AAAA,UACL,KAAK,OAAO;AAAA,UACZ,SAAS;AAAA,UACT,MAAI;AAAA,UACJ,iBAAe;AAAA,UAGf,eAAe;AAAA,UACf,kBAAiB;AAAA,UACjB,WAAU;AAAA;AAAA,QAVL;AAAA,MAWP,IAEA,oBAAC,sBAA6B,KAAU,SAAS,WAAW,UAAnC,GAAmD;AAAA,IAEhF,GACF,GACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,OAAO;AAAA,QAEd,QACE,IAAI,cACF,oBAAC,UAAK,WAAU,oCAAoC,iBAAO,WAAW,SAAS,IAAI,WAAW,CAAC,GAAE,IAC/F;AAAA,QAGL,8BACC;AAAA,UAAC;AAAA;AAAA,YAEC,SAAS,IAAI,WAAW;AAAA,YACxB;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,UAAU,MAAM,kBAAkB,KAAK;AAAA,YACvC,WAAW,OAAO;AAAA,YAClB,aAAa,OAAO;AAAA,YACpB,aAAa,OAAO;AAAA;AAAA,UARf,IAAI;AAAA,QASX,IAEA,qBAAC,SAAI,WAAU,aACb;AAAA,8BAAC,iBAAe,cAAI,WAAW,QAAU;AAAA,WACvC,OAAO,kBAAmB,OAAO,aAAa,CAAC,aAAc,aAC7D,qBAAC,SAAI,WAAU,wBACZ;AAAA,mBAAO,kBACN;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,CAAC,UAAU;AAClB,wBAAM,gBAAgB;AACtB,oCAAkB,IAAI;AAAA,gBACxB;AAAA,gBAEC,cAAI,UAAU,OAAO,gBAAgB,OAAO;AAAA;AAAA,YAC/C;AAAA,YAED,OAAO,aAAa,CAAC,aACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAQ;AAAA,gBACR,SAAS,CAAC,UAAU;AAClB,wBAAM,gBAAgB;AACtB,+BAAa,IAAI;AAAA,gBACnB;AAAA,gBAEA;AAAA,sCAAC,aAAU,WAAU,YAAW,eAAW,MAAC;AAAA,kBAAE;AAAA,kBAAE,OAAO;AAAA;AAAA;AAAA,YACzD;AAAA,YAED;AAAA;AAAA,YAGC,qBAAC,UAAO,MAAM,UAAU,SAAQ,aAAY,SAAS,CAAC,UAAU,MAAM,gBAAgB,GACpF;AAAA,kCAAC,gBAAa,WAAU,YAAW,eAAW,MAAC;AAAA,cAAE;AAAA,cAAE,OAAO;AAAA,eAC5D;AAAA,aAEJ;AAAA,WAEJ;AAAA;AAAA,IAEJ;AAAA,IAEC,cACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,QAAQ,MAAM,aAAa,KAAK;AAAA,QAChC,UAAU,MAAM,aAAa,KAAK;AAAA,QAClC,YAAY;AAAA,QACZ;AAAA,QACA,QAAQ;AAAA;AAAA,IACV;AAAA,IAGF,oBAAC,yBAAsB,OAAO,OAAO,QAGnC;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,IAAI;AAAA,QACZ,UACE,OAAO,kBAAkB,2BAA2B,IAAI,MAAM,IAAI,wBAAwB,IAAI,MAAM;AAAA,QAEtG,SAAS,OAAO;AAAA,QAChB;AAAA,QACA,QAAQ,CAAC,WAAW,aAAa,KAAK,MAAM;AAAA,QAC5C,SAAQ;AAAA;AAAA,IACV,GACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-row-detail.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport type { MouseEvent } from \"react\";\nimport { Download, ExternalLink, FileText, 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 { filenameFromDisposition, saveBlob } from \"../lib/download\";\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  attachmentName,\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\";\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**, **Outcome** (the admin's\n * outcome editor, Rework, Open page), **Send for rework** (only while reworking) and\n * **Status**. No comment thread (§2.2: kastlan's comments fold into the body, §7.7).\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. de-CH: \"Ergebnis\" */\n  outcome: 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. de-CH: \"Ergebnis hinzufügen\" */\n  outcomeAdd: string;\n  /** The same button once there is one. de-CH: \"Aktualisieren\" */\n  outcomeUpdate: string;\n  /** The line above the outcome editor. 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  /** The link to the page the report was filed on. de-CH: \"Seite öffnen\" */\n  openPage: 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\">,\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  ];\n  return [...new Set(urls)];\n}\n\n/** The bytes behind a fetcher's answer — a `Blob` as it is, a `Response` checked. */\nasync function toBlob(answer: Blob | Response): Promise<Blob> {\n  if (typeof Response !== \"undefined\" && answer instanceof Response) {\n    if (!answer.ok) throw new Error(`HTTP ${answer.status}`);\n    return answer.blob();\n  }\n  return answer as Blob;\n}\n\n/** No fetcher: the browser's own `fetch`, with the cookies a same-origin app uses. */\nconst plainFetch: AuthedFetcher = (url, { signal }) => fetch(url, { signal, credentials: \"same-origin\" });\n\n/**\n * A PDF or a text log (keksdose `FeedbackFileDownload`, dev #578): the bytes sit behind\n * an authenticated route that serves them as `attachment`, never inline (§3.5), so a\n * plain link would be a 401 the moment it was opened. Fetched through the app's\n * fetcher and saved with {@link saveBlob}; a failure says so in a toast.\n *\n * Saved under the name the server gives it when the fetcher answers with a `Response`\n * (server-kit's `content_disposition` puts the uploader's own name in `filename*`), and\n * under the URL's last segment — the name on the button — when it answers with a bare\n * `Blob`, which has no headers to ask.\n */\nfunction AttachmentDownload({\n  url,\n  fetcher,\n  labels,\n}: {\n  url: string;\n  fetcher: AuthedFetcher;\n  labels: FeedbackDetailLabels;\n}) {\n  const [busy, setBusy] = useState(false);\n  const name = attachmentName(url);\n  const download = async (event: MouseEvent) => {\n    // The row around the detail may toggle on a click.\n    event.stopPropagation();\n    setBusy(true);\n    try {\n      const answer = await fetcher(url, { signal: new AbortController().signal });\n      const blob = await toBlob(answer);\n      const saveAs =\n        typeof Response !== \"undefined\" && answer instanceof Response\n          ? filenameFromDisposition(answer.headers.get(\"Content-Disposition\"), name)\n          : name;\n      saveBlob(blob, saveAs);\n    } catch {\n      toast.error(labels.downloadFailed);\n    } finally {\n      setBusy(false);\n    }\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"sm\"\n      pending={busy}\n      onClick={(event) => void download(event)}\n      aria-label={labels.download(name)}\n      className=\"max-w-full\"\n    >\n      <FileText className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className=\"min-w-0 max-w-[14rem] truncate-until-large\">{name}</span>\n      <Download className=\"size-3.5 shrink-0\" aria-hidden />\n    </Button>\n  );\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 outcome editor: the admin on the inbox (`canEdit`). */\n  canEditOutcome: boolean;\n  /** \"Rework\": the admin or the author, on an answered row\n   *  ({@link FEEDBACK_REWORKABLE_STATUSES}) — §3.4, anyone else gets the server's 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: (canEdit || 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. */\n  outcome?: string | null;\n  status?: FeedbackStatus;\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\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  /** The PATCH — see {@link FeedbackDetailUpdate}. Called with `{ id, body }` only. */\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 — or the admin — 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 * - **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  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  // 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    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}\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. Left out, a rework is a\n   *  note 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 \"Capture screenshot\" — see {@link FeedbackReworkSectionProps}. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** The rework's file field, 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  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  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 [editingOutcome, setEditingOutcome] = 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  const files = feedbackAttachmentUrls(row);\n  const fetchFile = fetcher ?? plainFetch;\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  const saveOutcome = (value: string) => {\n    // Blank saves `null`: no outcome, rather than an empty one.\n    const next = value.trim() ? value.trim() : null;\n    if (next === row.outcome) {\n      setEditingOutcome(false);\n      return;\n    }\n    onUpdate({ id: row.id, outcome: next }, { onSuccess: () => setEditingOutcome(false) });\n  };\n\n  const showOutcomeEditor = access.canEditOutcome && editingOutcome;\n  const showRework = access.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]\">\n              {row.title}\n            </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                <AttachmentDownload key={url} url={url} fetcher={fetchFile} labels={labels} />\n              ),\n            )}\n          </div>\n        </FeedbackDetailSection>\n      )}\n\n      <FeedbackDetailSection\n        title={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        {showOutcomeEditor ? (\n          <FeedbackNoteEditor\n            key={row.id}\n            initial={row.outcome ?? \"\"}\n            pending={pending}\n            commit={commit}\n            onSave={saveOutcome}\n            onCancel={() => setEditingOutcome(false)}\n            saveLabel={labels.save}\n            cancelLabel={labels.cancel}\n            placeholder={labels.outcomePlaceholder}\n          />\n        ) : (\n          <div className=\"space-y-2\">\n            <FeedbackProse>{row.outcome || undefined}</FeedbackProse>\n            {(access.canEditOutcome || (access.canRework && !reworking) || pageHref) && (\n              <div className=\"flex flex-wrap gap-2\">\n                {access.canEditOutcome && (\n                  <Button\n                    type=\"button\"\n                    variant=\"secondary\"\n                    onClick={(event) => {\n                      event.stopPropagation();\n                      setEditingOutcome(true);\n                    }}\n                  >\n                    {row.outcome ? labels.outcomeUpdate : labels.outcomeAdd}\n                  </Button>\n                )}\n                {access.canRework && !reworking && (\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                )}\n                {pageHref && (\n                  // A real href (keksdose dev #451): middle-click and ⌘/Ctrl-click are\n                  // the browser's, and only a link has them.\n                  <Button href={pageHref} variant=\"secondary\" onClick={(event) => event.stopPropagation()}>\n                    <ExternalLink className=\"size-3.5\" aria-hidden /> {labels.openPage}\n                  </Button>\n                )}\n              </div>\n            )}\n          </div>\n        )}\n      </FeedbackDetailSection>\n\n      {showRework && (\n        <FeedbackReworkSection\n          row={row}\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      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -1,101 +1,66 @@
-export { z as FEEDBACK_UNDO_DURATION, aB as FeedbackStatusChange, aD as FeedbackStatusMutate, aE as FeedbackStatusPatch, aF as FeedbackStatusRow, aH as FeedbackStatusUndoOptions, bq as useFeedbackStatusUndo } from '../delete-account-setting-DAgGBrbn.js';
-import 'react';
-import '../components/tooltip.js';
-import '../hooks/use-anchored-rect.js';
-import '../lib/clipping.js';
-import '../data-table-labels-BJ5JE_X2.js';
-import '../components/data-table-sort.js';
-import '../components/swipeable-row.js';
-import '../components/status-dot.js';
-import '../components/progress-bar.js';
-import '../components/signed-amount.js';
-import '../components/stat-tile.js';
-import '../components/chip.js';
-import 'lucide-react';
-import '../components/field-parts.js';
-import '../components/write-lock.js';
-import '../components/mini-calendar.js';
-import '../components/calendar-heatmap.js';
-import '../components/popover.js';
-import '../hooks/use-breakpoint.js';
-import '../components/field-sync.js';
-import '../wizard/types.js';
-import '../tour/tour.js';
-import '../search/command-palette.js';
-import '../search/global-search.js';
-import '../search/search-index.js';
-import '../components/month-picker.js';
-import '../components/page-contents.js';
-import '../components/series-chart-labels.js';
-import '../components/pie-chart-labels.js';
-import '../components/sparkline.js';
-import '../components/signature-pad.js';
-import '../components/password-strength.js';
-import '../components/swatch-picker.js';
-import '../components/tile-radio.js';
-import '../components/icon-picker.js';
-import '../components/dialog-frame.js';
-import '../components/modal.js';
-import '../hooks/use-search-param-state.js';
-import '../components/measured-grid.js';
-import '../components/user-avatar.js';
-import '../lib/person-name.js';
-import '../shell/topbar-action-menu.js';
-import '../components/menu-item.js';
-import '../components/floating-panel.js';
-import '../hooks/use-authed-src.js';
-import '../components/account-settings-labels.js';
-import '../components/bulk-action-bar.js';
-import '../components/list.js';
-import '../components/breadcrumbs.js';
-import '../components/toast.js';
-import '../components/description-list.js';
-import '../components/line-items.js';
-import '../components/error-boundary.js';
-import '../components/authed-image.js';
-import '../components/image-grid.js';
-import '../components/lightbox.js';
-import '../auth/sign-in-form.js';
-import '../landing/access.js';
-import '../landing/landing-labels.js';
-import '../shell/topbar-controls.js';
-import '../theme/palette-presets.js';
-import '../theme/chart-palette.js';
-import '../theme/theme-store.js';
-import 'zustand/middleware';
-import 'zustand';
-import '../auth/complete-name-dialog.js';
-import '../auth/forgot-password-form.js';
-import '../auth/status-parts.js';
-import '../auth/reset-password-form.js';
-import '../auth/verify-email.js';
-import '../auth/not-found-page.js';
-import '../auth/accept-invitation.js';
-import '../shell/company-switcher.js';
-import '../account/email-change-setting.js';
-import '../account/sessions-setting.js';
-import '../lib/format.js';
-import '../account/data-export-setting.js';
-import '../components/account-chips.js';
-import '../admin/admin-parts.js';
-import '../admin/admin-action-log.js';
-import '../settings/settings-labels.js';
-import '../demo/demo-labels.js';
-import '../i18n/plurals.js';
-import '../components/appearance-labels.js';
-import '../theme/contrast.js';
-import '../theme/text-size.js';
-import '../components/reauth-dialog.js';
-import '../components/server-wake.js';
-import '../lib/server-wake.js';
-import '../components/translation-review-labels.js';
-import '../lib/translation-review.js';
-import '../components/country-select.js';
-import '../components/inline-edit-field.js';
-import '../lib/iban.js';
-import '../lib/phone.js';
-import '../components/sign-chip.js';
-import '../components/column-mapper.js';
-import '../lib/column-mapping.js';
-import '../lib/table-text.js';
-import '../components/focus-ring.js';
+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";
+/**
+ * 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`,
+ * dev #587: *"Just clicked somewhere and a feedback row disappeared without knowing what
+ * I set as new status."*).
+ *
+ * An inbox is usually filtered by status, so a row whose new status falls outside the
+ * filter leaves the table the moment the change lands, with nothing on screen saying what
+ * it became. The toast says it, names the report, and offers the old status back for 8 s
+ * (the window keksdose's transactions Undo uses, feedback #184). Undo PATCHes the old
+ * status and confirms that too. kastlan and Kurvenschmiede had no Undo at all.
+ */
+/** The one PATCH a status change is: `PATCH /feedback/{id}` with `{ status }`. */
+export interface FeedbackStatusPatch {
+    id: number;
+    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.
+ *
+ * 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.
+ */
+export type FeedbackStatusMutate = (patch: FeedbackStatusPatch, callbacks: {
+    onSuccess: () => void;
+}) => void;
+/** What the change needs to know about the row: which one, what it is called in the
+ *  toast, and where it stood (the status Undo goes back to). */
+export type FeedbackStatusRow = Pick<FeedbackRecord, "id" | "title" | "status">;
+/** Set `row` to `status`, with the Undo toast. A no-op when it is already there. */
+export type FeedbackStatusChange = (row: FeedbackStatusRow, status: FeedbackStatus) => void;
+export interface FeedbackStatusUndoOptions {
+    /** Over the `feedbackToast` namespace (the toast's words). */
+    labels?: LabelOverride<FeedbackToastLabels>;
+    /** Over the `feedbackStatus` namespace (the status names inside them). */
+    statusLabels?: Partial<FeedbackStatusLabels>;
+}
+/** How long the Undo stays reachable: 8 s, keksdose's window (feedback #184). */
+export declare const FEEDBACK_UNDO_DURATION = 8000;
+/**
+ * The undoable status change — for the table's status cell, the row detail's pills and
+ * the phone swipes alike (§4.5, §7.10: swipes included, Marcel 2026-10-04 — keksdose's
+ * swipe commits go through its `changeStatusUndoably` too). Wire every one of them
+ * through the function this returns:
+ *
+ * ```tsx
+ * const update = useMutation({ mutationFn: api.updateFeedback, onError: … });
+ * const changeStatus = useFeedbackStatusUndo(update.mutate);
+ * <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.
+ *
+ * The flow: PATCH `{ id, status }` → on success a success toast
+ * `statusChanged(newName, title)` with the action `statusUndo`, 8 s → Undo PATCHes
+ * `{ id, status: previous }` → on success `statusRestored(previousName, title)`.
+ */
+export declare function useFeedbackStatusUndo(mutate: FeedbackStatusMutate, { labels, statusLabels }?: FeedbackStatusUndoOptions): FeedbackStatusChange;

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-inbox\";\nimport {\n  useFeedbackStatusLabels,\n  useFeedbackToastLabels,\n  type FeedbackStatusLabels,\n  type FeedbackToastLabels,\n} from \"./feedback-labels\";\nimport type { FeedbackRecord } from \"./feedback-record\";\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 = (\n  patch: FeedbackStatusPatch,\n  callbacks: { onSuccess: () => void },\n) => 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?: Partial<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;AAkDA,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\";\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 = (\n  patch: FeedbackStatusPatch,\n  callbacks: { onSuccess: () => void },\n) => 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;AAmDA,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":[]}

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

@@ -0,0 +1,39 @@
+import { type FeedbackSubmitter } from "./feedback-context.js";
+import { type FeedbackMultipleSubmission } from "./feedback-dialog.js";
+import { type FeedbackContext, type FeedbackEnvironment } from "./feedback-record.js";
+import type { FeedbackCategory } from "./feedback-vocabulary.js";
+/**
+ * The open half of `useFeedbackSubmit`: the dialog it draws, with the context box and
+ * everything that only exists while somebody is filing a report.
+ *
+ * A module of its own so it can load LATE (0.34, MOD-1 of the refactor audit 2026-10).
+ * Every app mounts the hook in its top bar; this — the attachment field, the modal, the
+ * context box, the capture — was ~11 kB gzip of each app's entry chunk, for a dialog most
+ * sessions never open. feedback-submit.tsx reaches it only through a literal relative
+ * `import()`, so the library build keeps it a module of its own (`bundle: false`) and an
+ * app's bundler makes it a chunk of its own.
+ *
+ * Internal, and not in the barrel: nothing but that `import()` should reach it. The hook
+ * keeps the state — open, category, the URL and whether it goes along, the send in
+ * flight — and this draws it.
+ */
+/** What `useFeedbackSubmit` hands its lazily loaded dialog. */
+export interface FeedbackSubmitDialogProps {
+    onClose: () => void;
+    category: FeedbackCategory;
+    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>;
+    user?: FeedbackSubmitter | null;
+    /** `location.href` when the dialog opened. */
+    url: string;
+    attachUrl: boolean;
+    onAttachUrlChange: (attachUrl: boolean) => void;
+    environment?: FeedbackEnvironment | (string & {});
+    version?: string;
+    /** `UseFeedbackSubmitOptions.capture`, as the app passed it. */
+    capture?: false | (() => Promise<File | null>);
+}
+/** `FeedbackDialog` as `useFeedbackSubmit` settles it — see the hook for what it settles. */
+export declare function FeedbackSubmitDialog({ onClose, category, onCategoryChange, submitting, onSubmit, user, url, attachUrl, onAttachUrlChange, environment, version, capture, }: FeedbackSubmitDialogProps): import("react").JSX.Element;