@eifi1/ui-kit 0.26.0 → 0.27.0

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

@@ -0,0 +1,437 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { Download, ExternalLink, FileText, RotateCcw } from "lucide-react";
+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 { useKitLabels, useKitLocale } from "../i18n/kit-labels.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";
+import {
+  FeedbackDetail,
+  FeedbackDetailSection,
+  FeedbackNoteEditor,
+  FeedbackProse,
+  FeedbackStatusTransitions,
+  selectableFeedbackStatuses,
+  visibleFeedbackStatuses
+} from "./feedback-inbox.js";
+import { useFeedbackToastLabels } from "./feedback-labels.js";
+import {
+  FEEDBACK_ATTACHMENT_ACCEPT,
+  FEEDBACK_AUTHOR_EDITABLE_STATUSES,
+  FEEDBACK_REWORKABLE_STATUSES,
+  appendRework,
+  attachmentName,
+  isImageAttachment,
+  replaceDescription,
+  splitBodyAttachments,
+  splitDescription
+} from "./feedback-record.js";
+import { useFeedbackStatusUndo } from "./feedback-status-undo.js";
+const DEFAULT_FEEDBACK_DETAIL_LABELS = {
+  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"
+};
+function useFeedbackDetailLabels(labels) {
+  return useKitLabels("feedbackDetail", DEFAULT_FEEDBACK_DETAIL_LABELS, labels);
+}
+function parsePage(context) {
+  const raw = (context?.url || context?.route || "").trim();
+  if (!raw) return null;
+  try {
+    const url = new URL(raw, "http://localhost");
+    return url.protocol === "http:" || url.protocol === "https:" ? url : null;
+  } catch {
+    return null;
+  }
+}
+const localPath = (pathname) => pathname.replace(/^\/{2,}/, "/");
+function feedbackPageHref(context) {
+  const url = parsePage(context);
+  return url ? `${localPath(url.pathname)}${url.search}${url.hash}` : null;
+}
+function feedbackPagePath(context) {
+  const url = parsePage(context);
+  return url ? localPath(url.pathname) : null;
+}
+function feedbackPageUrl(context) {
+  if (!parsePage(context)) return null;
+  return (context?.url || context?.route || "").trim();
+}
+function feedbackAttachmentUrls(row) {
+  const urls = [
+    ...row.screenshot_url ? [row.screenshot_url] : [],
+    // `?? []`: NULL on rows filed before the column, and no key at all from a server
+    // that predates it (keksdose dev #578).
+    ...row.attachment_urls ?? [],
+    ...splitBodyAttachments(row.body).urls
+  ];
+  return [...new Set(urls)];
+}
+async function toBlob(answer) {
+  if (typeof Response !== "undefined" && answer instanceof Response) {
+    if (!answer.ok) throw new Error(`HTTP ${answer.status}`);
+    return answer.blob();
+  }
+  return answer;
+}
+const plainFetch = (url, { signal }) => fetch(url, { signal, credentials: "same-origin" });
+function AttachmentDownload({
+  url,
+  fetcher,
+  labels
+}) {
+  const [busy, setBusy] = useState(false);
+  const name = attachmentName(url);
+  const download = async (event) => {
+    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);
+    } catch {
+      toast.error(labels.downloadFailed);
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant: "secondary",
+      size: "sm",
+      pending: busy,
+      onClick: (event) => void download(event),
+      "aria-label": labels.download(name),
+      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(Download, { className: "size-3.5 shrink-0", "aria-hidden": true })
+      ]
+    }
+  );
+}
+function feedbackRowAccess(row, { canEdit, viewerId }) {
+  const isAuthor = row.user_id !== null && viewerId !== void 0 && viewerId !== null && viewerId === row.user_id;
+  return {
+    isAuthor,
+    canEditDescription: isAuthor && FEEDBACK_AUTHOR_EDITABLE_STATUSES.includes(row.status),
+    canEditOutcome: canEdit,
+    canRework: (canEdit || isAuthor) && FEEDBACK_REWORKABLE_STATUSES.includes(row.status),
+    canChangeStatus: canEdit
+  };
+}
+function FeedbackReworkSection({
+  row,
+  onUpdate,
+  pending = false,
+  onUpload,
+  onCaptureScreenshot,
+  onSent,
+  onCancel,
+  attachment,
+  commit,
+  labels: labelsProp
+}) {
+  const labels = useFeedbackDetailLabels(labelsProp);
+  const toasts = useFeedbackToastLabels();
+  const [uploading, setUploading] = useState(false);
+  const latestBody = useRef(row.body);
+  useEffect(() => {
+    latestBody.current = row.body;
+  }, [row.body]);
+  const capture = onCaptureScreenshot ? async () => {
+    try {
+      return await onCaptureScreenshot();
+    } catch {
+      toast.error(toasts.captureFailed);
+      return null;
+    }
+  } : void 0;
+  const send = async (value, file) => {
+    const note = value.trim();
+    if (!note) return;
+    let url = null;
+    if (file && onUpload) {
+      setUploading(true);
+      try {
+        url = await onUpload(file);
+      } catch {
+        toast.error(labels.reworkUploadFailed);
+        return;
+      } finally {
+        setUploading(false);
+      }
+    }
+    let body;
+    try {
+      body = appendRework(latestBody.current, note, url);
+    } catch {
+      toast.error(labels.reworkUploadFailed);
+      return;
+    }
+    if (body === null) return;
+    onUpdate({ id: row.id, body }, { onSuccess: () => onSent?.() });
+  };
+  return /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.reworkTitle, children: /* @__PURE__ */ jsx(
+    FeedbackNoteEditor,
+    {
+      initial: "",
+      required: true,
+      commit,
+      pending: pending || uploading,
+      onSave: (value, file) => void send(value, file),
+      onCancel,
+      saveLabel: labels.reworkSend,
+      cancelLabel: labels.cancel,
+      placeholder: labels.reworkPlaceholder,
+      attachment: onUpload ? {
+        accept: FEEDBACK_ATTACHMENT_ACCEPT,
+        maxBytes: DEFAULT_MAX_ATTACHMENT_BYTES,
+        onError: (kind) => {
+          toast.error(kind === "type" ? toasts.attachmentUnsupported : toasts.attachmentTooLarge);
+        },
+        onCaptureScreenshot: capture,
+        ...attachment
+      } : void 0
+    },
+    row.id
+  ) });
+}
+function FeedbackRowDetail({
+  row,
+  canEdit,
+  viewerId,
+  onUpdate,
+  pending = false,
+  onUpload,
+  fetcher,
+  statusChange,
+  onCaptureScreenshot,
+  reworkAttachment,
+  renderDate,
+  commit,
+  labels: labelsProp,
+  className
+}) {
+  const labels = useFeedbackDetailLabels(labelsProp);
+  const dialogText = useKitLabels("feedbackDialog", DEFAULT_FEEDBACK_DIALOG_LABELS);
+  const locale = useKitLocale();
+  const ownStatusChange = useFeedbackStatusUndo(onUpdate);
+  const changeStatus = statusChange ?? ownStatusChange;
+  const [editingBody, setEditingBody] = useState(false);
+  const [editingOutcome, setEditingOutcome] = useState(false);
+  const [reworking, setReworking] = useState(false);
+  const access = feedbackRowAccess(row, { canEdit, viewerId });
+  const bodyText = splitBodyAttachments(row.body).text;
+  const { description } = splitDescription(row.body);
+  const pageHref = feedbackPageHref(row.context);
+  const pageUrl = feedbackPageUrl(row.context);
+  const files = feedbackAttachmentUrls(row);
+  const fetchFile = fetcher ?? plainFetch;
+  const dateText = (iso) => renderDate ? renderDate(iso) : formatDate(iso, "medium", { locale });
+  const saveDescription = (value) => {
+    if (value.trim() === description.trim()) {
+      setEditingBody(false);
+      return;
+    }
+    onUpdate({ id: row.id, body: replaceDescription(row.body, value) }, { onSuccess: () => setEditingBody(false) });
+  };
+  const saveOutcome = (value) => {
+    const next = value.trim() ? value.trim() : null;
+    if (next === row.outcome) {
+      setEditingOutcome(false);
+      return;
+    }
+    onUpdate({ id: row.id, outcome: next }, { onSuccess: () => setEditingOutcome(false) });
+  };
+  const showOutcomeEditor = access.canEditOutcome && editingOutcome;
+  const showRework = access.canRework && reworking;
+  return /* @__PURE__ */ jsxs(FeedbackDetail, { className, children: [
+    /* @__PURE__ */ jsx(
+      FeedbackDetailSection,
+      {
+        title: labels.body,
+        action: access.canEditDescription && !editingBody ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: (event) => {
+              event.stopPropagation();
+              setEditingBody(true);
+            },
+            "aria-label": labels.editDescription,
+            children: labels.edit
+          }
+        ) : void 0,
+        children: access.canEditDescription && editingBody ? /* @__PURE__ */ jsx(
+          FeedbackNoteEditor,
+          {
+            initial: description,
+            pending,
+            commit,
+            onSave: saveDescription,
+            onCancel: () => setEditingBody(false),
+            saveLabel: labels.save,
+            cancelLabel: labels.cancel,
+            placeholder: dialogText.bodyOptional ?? dialogText.body
+          },
+          row.id
+        ) : /* @__PURE__ */ jsx(FeedbackProse, { children: bodyText.trim() ? bodyText : void 0 })
+      }
+    ),
+    pageHref && pageUrl && // The page it was filed on, with the full URL a click away (keksdose #278).
+    /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.url, children: /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(TextLink, { href: pageHref, tone: "secondary", underline: "hover", stopPropagation: true, className: "min-w-0", children: /* @__PURE__ */ jsx("code", { className: "break-all text-xs", children: pageHref }) }),
+      /* @__PURE__ */ jsx(CopyButton, { size: "xs", className: "shrink-0", text: pageUrl, label: labels.copyUrl, stopPropagation: true })
+    ] }) }),
+    files.length > 0 && /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.attachment, children: /* @__PURE__ */ jsx("div", { className: "flex min-w-0 flex-wrap items-start gap-2", children: files.map(
+      (url) => isImageAttachment(url) ? /* @__PURE__ */ jsx(
+        AuthedImage,
+        {
+          src: url,
+          alt: labels.attachment,
+          fetcher: fetchFile,
+          link: true,
+          stopPropagation: true,
+          errorFallback: null,
+          wrapperClassName: "inline-block max-w-full",
+          className: "max-h-64 max-w-full rounded border border-[var(--border)]"
+        },
+        url
+      ) : /* @__PURE__ */ jsx(AttachmentDownload, { url, fetcher: fetchFile, labels }, url)
+    ) }) }),
+    /* @__PURE__ */ jsx(
+      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,
+        children: showOutcomeEditor ? /* @__PURE__ */ jsx(
+          FeedbackNoteEditor,
+          {
+            initial: row.outcome ?? "",
+            pending,
+            commit,
+            onSave: saveOutcome,
+            onCancel: () => setEditingOutcome(false),
+            saveLabel: labels.save,
+            cancelLabel: labels.cancel,
+            placeholder: labels.outcomePlaceholder
+          },
+          row.id
+        ) : /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(FeedbackProse, { children: row.outcome || void 0 }),
+          (access.canEditOutcome || access.canRework && !reworking || pageHref) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+            access.canEditOutcome && /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  setEditingOutcome(true);
+                },
+                children: row.outcome ? labels.outcomeUpdate : labels.outcomeAdd
+              }
+            ),
+            access.canRework && !reworking && /* @__PURE__ */ jsxs(
+              Button,
+              {
+                type: "button",
+                variant: "secondary",
+                onClick: (event) => {
+                  event.stopPropagation();
+                  setReworking(true);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(RotateCcw, { className: "size-3.5", "aria-hidden": true }),
+                  " ",
+                  labels.rework
+                ]
+              }
+            ),
+            pageHref && // A real href (keksdose dev #451): middle-click and ⌘/Ctrl-click are
+            // the browser's, and only a link has them.
+            /* @__PURE__ */ jsxs(Button, { href: pageHref, variant: "secondary", onClick: (event) => event.stopPropagation(), children: [
+              /* @__PURE__ */ jsx(ExternalLink, { className: "size-3.5", "aria-hidden": true }),
+              " ",
+              labels.openPage
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    showRework && /* @__PURE__ */ jsx(
+      FeedbackReworkSection,
+      {
+        row,
+        onUpdate,
+        pending,
+        onUpload,
+        onCaptureScreenshot,
+        onSent: () => setReworking(false),
+        onCancel: () => setReworking(false),
+        attachment: reworkAttachment,
+        commit,
+        labels: labelsProp
+      }
+    ),
+    /* @__PURE__ */ jsx(FeedbackDetailSection, { title: labels.status, children: /* @__PURE__ */ jsx(
+      FeedbackStatusTransitions,
+      {
+        status: row.status,
+        statuses: access.canChangeStatus ? selectableFeedbackStatuses(row.status) : visibleFeedbackStatuses(row.status),
+        canEdit: access.canChangeStatus,
+        commit,
+        onPick: (status) => changeStatus(row, status),
+        variant: "pill"
+      }
+    ) })
+  ] });
+}
+export {
+  DEFAULT_FEEDBACK_DETAIL_LABELS,
+  FeedbackReworkSection,
+  FeedbackRowDetail,
+  feedbackAttachmentUrls,
+  feedbackPageHref,
+  feedbackPagePath,
+  feedbackPageUrl,
+  feedbackRowAccess,
+  useFeedbackDetailLabels
+};
+//# sourceMappingURL=feedback-row-detail.js.map

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

@@ -0,0 +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  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\";\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: **Description** (the body; the author's\n * Edit while OPEN / 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  /** Section 1'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  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 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?: boolean;\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?: 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  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      <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":"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","names":[]}

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

@@ -0,0 +1,71 @@
+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 '../kit-labels-DQg82eHB.js';
+import 'react';
+import '../data-table-labels-DUELeXpa.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-sync.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.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/stat-tile.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 '../components/status-dot.js';
+import '../components/progress-bar.js';
+import '../components/signed-amount.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 '../components/write-lock.js';
+import '../components/legal.js';
+import '../components/account-chips.js';
+import '../lib/format.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/field-parts.js';

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

@@ -0,0 +1,40 @@
+"use client";
+import { useCallback } from "react";
+import { toast } from "../components/toast.js";
+import {
+  useFeedbackStatusLabels,
+  useFeedbackToastLabels
+} from "./feedback-labels.js";
+const FEEDBACK_UNDO_DURATION = 8e3;
+function useFeedbackStatusUndo(mutate, { labels, statusLabels } = {}) {
+  const words = useFeedbackToastLabels(labels);
+  const names = useFeedbackStatusLabels(statusLabels);
+  return useCallback(
+    (row, status) => {
+      const { id, title, status: previous } = row;
+      if (status === previous) return;
+      const nameOf = (value) => names[value] ?? value;
+      mutate(
+        { id, status },
+        {
+          onSuccess: () => {
+            toast.undo(words.statusChanged(nameOf(status), title), {
+              label: words.statusUndo,
+              duration: FEEDBACK_UNDO_DURATION,
+              onUndo: () => mutate(
+                { id, status: previous },
+                { onSuccess: () => void toast.success(words.statusRestored(nameOf(previous), title)) }
+              )
+            });
+          }
+        }
+      );
+    },
+    [mutate, words, names]
+  );
+}
+export {
+  FEEDBACK_UNDO_DURATION,
+  useFeedbackStatusUndo
+};
+//# sourceMappingURL=feedback-status-undo.js.map