@eifi1/ui-kit 0.46.1 → 0.48.0

package/dist/feedback/feedback-attachment-download.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Download, FileText } from "lucide-react";
+import { Button } from "../components/button.js";
+import { toast } from "../components/toast.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { filenameFromDisposition, saveBlob } from "../lib/download.js";
+import { attachmentName } from "./feedback-record.js";
+import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
+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 plainFeedbackFetch = (url, { signal }) => fetch(url, { signal, credentials: "same-origin" });
+function FeedbackAttachmentDownload({ url, fetcher }) {
+  const labels = useKitLabels("feedbackDetail", DEFAULT_FEEDBACK_DETAIL_LABELS);
+  const [busy, setBusy] = useState(false);
+  const name = attachmentName(url);
+  const download = async (event) => {
+    event.stopPropagation();
+    setBusy(true);
+    try {
+      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 {
+      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-until-large", children: name }),
+        /* @__PURE__ */ jsx(Download, { className: "size-3.5 shrink-0", "aria-hidden": true })
+      ]
+    }
+  );
+}
+export {
+  FeedbackAttachmentDownload,
+  plainFeedbackFetch
+};
+//# sourceMappingURL=feedback-attachment-download.js.map

package/dist/feedback/feedback-attachment-download.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-attachment-download.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { MouseEvent } from \"react\";\nimport { Download, FileText } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { toast } from \"../components/toast\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { filenameFromDisposition, saveBlob } from \"../lib/download\";\nimport { attachmentName } from \"./feedback-record\";\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\n\n// Internal (not in the `./feedback` entry): the row detail's download button and its\n// plain fetch, shared since 0.47 with ./feedback-entry-file's inline entry files.\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. */\nexport const plainFeedbackFetch: AuthedFetcher = (url, { signal }) =>\n  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. Words: `feedbackDetail.download` /\n * `downloadFailed`.\n */\nexport function FeedbackAttachmentDownload({ url, fetcher }: { url: string; fetcher: AuthedFetcher }) {\n  const labels = useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS);\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"],"mappings":";AA8DI,SASE,KATF;AA9DJ,SAAS,gBAAgB;AAEzB,SAAS,UAAU,gBAAgB;AACnC,SAAS,cAAc;AACvB,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,yBAAyB,gBAAgB;AAClD,SAAS,sBAAsB;AAC/B,SAAS,sCAAsC;AAM/C,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;AAGO,MAAM,qBAAoC,CAAC,KAAK,EAAE,OAAO,MAC9D,MAAM,KAAK,EAAE,QAAQ,aAAa,cAAc,CAAC;AAc5C,SAAS,2BAA2B,EAAE,KAAK,QAAQ,GAA4C;AACpG,QAAM,SAAS,aAAa,kBAAkB,8BAA8B;AAC5E,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,SAAS,MAAM,QAAQ,KAAK,EAAE,QAAQ,IAAI,gBAAgB,EAAE,OAAO,CAAC;AAC1E,YAAM,OAAO,MAAM,OAAO,MAAM;AAChC,YAAM,SACJ,OAAO,aAAa,eAAe,kBAAkB,WACjD,wBAAwB,OAAO,QAAQ,IAAI,qBAAqB,GAAG,IAAI,IACvE;AACN,eAAS,MAAM,MAAM;AAAA,IACvB,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,8CAA8C,gBAAK;AAAA,QACnE,oBAAC,YAAS,WAAU,qBAAoB,eAAW,MAAC;AAAA;AAAA;AAAA,EACtD;AAEJ;","names":[]}

package/dist/feedback/feedback-comment-thread.d.ts

@@ -1,6 +1,8 @@
 import type { CommitScope } from "../components/write-lock.js";
+import type { AuthedFetcher } from "../hooks/use-authed-src.js";
 import { type LabelOverride } from "../i18n/kit-labels.js";
 import type { FeedbackComment, FeedbackReply } from "./feedback-public-types.js";
+import { type FeedbackEntryUploadOptions } from "./feedback-entry-file.js";
 import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels.js";
 /**
  * A report's conversation as everyone who may read it sees it
@@ -20,8 +22,13 @@ import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels
  *   sees their text with that line; the admin sees it struck through, with **Unhide**.
  *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,
  *   after a confirm (it is a hard delete). Nobody edits a comment.
- * - **The composer** (1–4 000 characters, no files) only with `onComment`: left out for
- *   a reader who may not write (a demo, a CRASH report — the app knows).
+ * - **The composer** (1–4 000 characters) only with `onComment`: left out for a reader
+ *   who may not write (a demo, a CRASH report — the app knows). Since 0.47 (§12) with
+ *   `onUpload` it takes one file as the rework note does — pasted into the box,
+ *   captured or picked — uploaded first, its URL `onComment`'s second argument.
+ * - **Files** (0.47, §12): a comment's or an entry's file under its text, a picture
+ *   INLINE — a thumbnail through `fetcher` that opens full size — any other file a
+ *   download ({@link FeedbackEntryFile}). A veiled comment shows none.
  *
  * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the
  * viewer's needs the app's `ConfirmProvider` (each app mounts one already).
@@ -54,7 +61,7 @@ export interface FeedbackCommentsLabels {
     send: string;
 }
 export { DEFAULT_FEEDBACK_COMMENTS_LABELS };
-export interface FeedbackCommentThreadProps {
+export interface FeedbackCommentThreadProps extends FeedbackEntryUploadOptions {
     /** The report's replies (§9.7), oldest first. Left out or `[]`: none.
      *
      *  Inside `FeedbackRowDetail`'s `comments` they are dropped (0.38.1): the detail's
@@ -71,8 +78,12 @@ export interface FeedbackCommentThreadProps {
     /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it
      *  resolves, and keeps the draft when it rejects. A failure is the app's to toast —
      *  the server's `detail`, else `feedbackToast.commentFailed` (0.38.1). Left out, no
-     *  composer. */
-    onComment?: (body: string) => void | Promise<unknown>;
+     *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with
+     *  `onUpload`), `undefined` for none — `attachment_url` in the body (server-kit 0.18). */
+    onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;
+    /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the files in the thread.
+     *  Left out, the browser's own fetch with same-origin cookies. */
+    fetcher?: AuthedFetcher | null;
     /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. A rejection
      *  is caught (0.38.1) and is the app's to toast (`feedbackToast.updateFailed`). Left
      *  out, no Hide / Unhide. */
@@ -91,4 +102,4 @@ export interface FeedbackCommentThreadProps {
     labels?: LabelOverride<FeedbackCommentsLabels>;
     className?: string;
 }
-export declare function FeedbackCommentThread({ replies: repliesProp, comments, isAdmin, isAuthor, onComment, onHide, onDelete, pending, loading, commit, now, labels: labelsProp, className, }: FeedbackCommentThreadProps): import("react").JSX.Element;
+export declare function FeedbackCommentThread({ replies: repliesProp, comments, isAdmin, isAuthor, onComment, onHide, onDelete, pending, loading, commit, now, fetcher, onUpload, onCaptureScreenshot, attachment, labels: labelsProp, className, }: FeedbackCommentThreadProps): import("react").JSX.Element;

package/dist/feedback/feedback-comment-thread.js

@@ -8,6 +8,7 @@ import { useKitLabels } from "../i18n/kit-labels.js";
 import { FeedbackStatusBadge } from "./feedback-inbox.js";
 import { DEFAULT_FEEDBACK_PUBLIC_LABELS } from "./feedback-public-labels.js";
 import { FEEDBACK_COMMENT_MAX, attachmentName } from "./feedback-record.js";
+import { FeedbackEntryFile, useFeedbackEntryUpload } from "./feedback-entry-file.js";
 import { useFeedbackRepliesLabels } from "./feedback-replies.js";
 import { FeedbackRepliesDrawnAboveContext } from "./feedback-replies-context.js";
 import { FeedbackReworkEntryChip } from "./feedback-rework-entry-chip.js";
@@ -32,9 +33,18 @@ function FeedbackCommentThread({
   loading = false,
   commit,
   now,
+  fetcher,
+  onUpload,
+  onCaptureScreenshot,
+  attachment,
   labels: labelsProp,
   className
 }) {
+  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({
+    onUpload,
+    onCaptureScreenshot,
+    attachment
+  });
   const labels = useKitLabels("feedbackComments", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);
   const anonymous = useKitLabels("feedbackPublic", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;
   const replyLabels = useFeedbackRepliesLabels();
@@ -73,6 +83,8 @@ function FeedbackCommentThread({
         author: reply.author_name ?? replyLabels.admin,
         createdAt: reply.created_at,
         body: reply.body,
+        // 0.47 (§12): an admin reply's file, where the view carries it.
+        attachments: reply.attachment_url ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }] : void 0,
         staff: true,
         badge: reply.status_to ? /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1", "data-feedback-reply-status": reply.status_to, children: [
           /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
@@ -126,6 +138,8 @@ function FeedbackCommentThread({
         author: veiled ? void 0 : comment.mine ? void 0 : comment.author_name ?? anonymous,
         createdAt: comment.created_at,
         body: veiled ? "" : comment.body ?? "",
+        // 0.47 (§12): its one file; none when veiled (the server sends none either).
+        attachments: !veiled && comment.attachment_url ? [{ name: attachmentName(comment.attachment_url), url: comment.attachment_url }] : void 0,
         staff: !veiled && comment.staff,
         struck: comment.hidden && isAdmin && !veiled,
         footer: actions.length > 0 ? actions : void 0
@@ -140,6 +154,7 @@ function FeedbackCommentThread({
         messages: entries.map((entry) => entry.message),
         loading,
         now,
+        renderAttachment: (file) => file.url ? /* @__PURE__ */ jsx(FeedbackEntryFile, { url: file.url, fetcher }) : file.name,
         labels: { thread: labels.comments, empty: labels.empty }
       }
     ),
@@ -147,8 +162,12 @@ function FeedbackCommentThread({
       ChatComposer,
       {
         className: "mt-3",
-        onSend: (body) => onComment(body),
-        pending,
+        onSend: async (body, file) => {
+          const url = await upload(file);
+          return url === void 0 ? onComment(body) : onComment(body, url);
+        },
+        pending: pending || uploading,
+        attachment: composerAttachment,
         commit,
         maxLength: FEEDBACK_COMMENT_MAX,
         showCount: true,

package/dist/feedback/feedback-comment-thread.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-comment-thread.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { EyeOff } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { useConfirm } from \"../components/confirm-dialog\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackStatusBadge } from \"./feedback-inbox\";\nimport type { FeedbackComment, FeedbackReply } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\nimport { FEEDBACK_COMMENT_MAX, attachmentName } from \"./feedback-record\";\nimport { useFeedbackRepliesLabels } from \"./feedback-replies\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { ChatComposer, FeedbackThread } from \"./feedback-thread\";\nimport type { FeedbackThreadMessage } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * A report's conversation as everyone who may read it sees it\n * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's\n * comments, each its own row, oldest first — merged by time, on the\n * {@link FeedbackThread} look — and the box to add one.\n *\n * - **Replies** are drawn as staff posts with the status they set (\"→ Done\"); a reply\n *   without an author is \"Admin\" (§9.7).\n * - **Reworks** (0.40, §10.3, `kind: \"rework\"`) are the report's author's: the\n *   **Rework** chip, \"→ status\" when the entry moved one (a migrated one did not), the\n *   file when the view carries it; at the reading end for the author ({@link\n *   FeedbackCommentThreadProps.isAuthor}), and a `null` name is \"A user\", never \"Admin\".\n * - **Comments**: the viewer's own at the reading end (\"You\"); someone else's under the\n *   first name the server sent, `null` as \"A user\" (§9.5, `feedbackPublic.anonymous`).\n * - **Hidden** (§9.8): others see \"Hidden by an admin\" and no name, no text; the writer\n *   sees their text with that line; the admin sees it struck through, with **Unhide**.\n *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,\n *   after a confirm (it is a hard delete). Nobody edits a comment.\n * - **The composer** (1–4 000 characters, no files) only with `onComment`: left out for\n *   a reader who may not write (a demo, a CRASH report — the app knows).\n *\n * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the\n * viewer's needs the app's `ConfirmProvider` (each app mounts one already).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is\n *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */\nexport interface FeedbackCommentsLabels {\n  /** The thread's accessible name. de-CH: \"Kommentare\" */\n  comments: string;\n  /** Nothing yet. de-CH: \"Noch keine Kommentare\" */\n  empty: string;\n  /** In place of a hidden comment. de-CH: \"Von einem Admin ausgeblendet\" */\n  hidden: string;\n  /** The admin's button. de-CH: \"Ausblenden\" */\n  hide: string;\n  /** The admin's button on a hidden comment. de-CH: \"Einblenden\" */\n  unhide: string;\n  /** The writer's button. de-CH: \"Löschen\" */\n  delete: string;\n  /** The confirm's question. de-CH: \"Diesen Kommentar löschen?\" */\n  deleteTitle: string;\n  /** The confirm's line. de-CH: \"Er wird für alle entfernt. Das kann nicht rückgängig\n   *  gemacht werden.\" */\n  deleteBody: string;\n  /** The box's accessible name. de-CH: \"Kommentar schreiben\" */\n  field: string;\n  /** de-CH: \"Kommentar schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Kommentieren\" */\n  send: string;\n}\n\nexport { DEFAULT_FEEDBACK_COMMENTS_LABELS };\n\n/* ── The thread ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackCommentThreadProps {\n  /** The report's replies (§9.7), oldest first. Left out or `[]`: none.\n   *\n   *  Inside `FeedbackRowDetail`'s `comments` they are dropped (0.38.1): the detail's\n   *  Replies section draws them already, and the thread there is the comments alone —\n   *  so passing them there cannot draw them twice. */\n  replies?: readonly FeedbackReply[];\n  /** `GET /feedback/{id}/comments`, oldest first. */\n  comments: readonly FeedbackComment[];\n  /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */\n  isAdmin: boolean;\n  /** 0.40: the viewer filed the report (the record's `mine`) — its rework entries are\n   *  theirs, drawn at the reading end as \"You\". Default `false`. */\n  isAuthor?: boolean;\n  /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it\n   *  resolves, and keeps the draft when it rejects. A failure is the app's to toast —\n   *  the server's `detail`, else `feedbackToast.commentFailed` (0.38.1). Left out, no\n   *  composer. */\n  onComment?: (body: string) => void | Promise<unknown>;\n  /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. A rejection\n   *  is caught (0.38.1) and is the app's to toast (`feedbackToast.updateFailed`). Left\n   *  out, no Hide / Unhide. */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the\n   *  confirm. Left out, no Delete. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The comments are loading. */\n  loading?: boolean;\n  /** Comment, Hide and Delete COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** \"Now\" for the relative times — pin it in tests and stories. */\n  now?: Date | number;\n  labels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\ntype Entry = { at: number; order: number; message: FeedbackThreadMessage };\n\n/** The admin's Hide / Unhide as a promise — a sync throw or a `void` return included —\n *  so the click can catch it as Delete's does. */\nconst hideComment = async (\n  onHide: NonNullable<FeedbackCommentThreadProps[\"onHide\"]>,\n  comment: FeedbackComment,\n) => {\n  await onHide(comment, !comment.hidden);\n};\n\nconst instant = (iso: string) => {\n  const ms = Date.parse(iso);\n  return Number.isNaN(ms) ? 0 : ms;\n};\n\nexport function FeedbackCommentThread({\n  replies: repliesProp = [],\n  comments,\n  isAdmin,\n  isAuthor = false,\n  onComment,\n  onHide,\n  onDelete,\n  pending = false,\n  loading = false,\n  commit,\n  now,\n  labels: labelsProp,\n  className,\n}: FeedbackCommentThreadProps) {\n  const labels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const replyLabels = useFeedbackRepliesLabels();\n  const repliesDrawnAbove = useContext(FeedbackRepliesDrawnAboveContext);\n  const replies = repliesDrawnAbove ? [] : repliesProp;\n\n  const entries: Entry[] = [];\n  replies.forEach((reply, order) => {\n    if (reply.kind === \"rework\") {\n      entries.push({\n        at: instant(reply.created_at),\n        order,\n        message: {\n          id: `reply-${reply.id}`,\n          own: isAuthor,\n          author: isAuthor ? undefined : (reply.author_name ?? anonymous),\n          createdAt: reply.created_at,\n          body: reply.body,\n          attachments: reply.attachment_url\n            ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n            : undefined,\n          badge: (\n            <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-entry-kind=\"rework\">\n              <FeedbackReworkEntryChip />\n              {reply.status_to && (\n                <span className=\"inline-flex items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n                  <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n                  <span aria-hidden>→</span>\n                  <FeedbackStatusBadge status={reply.status_to} />\n                </span>\n              )}\n            </span>\n          ),\n        },\n      });\n      return;\n    }\n    entries.push({\n      at: instant(reply.created_at),\n      order,\n      message: {\n        id: `reply-${reply.id}`,\n        author: reply.author_name ?? replyLabels.admin,\n        createdAt: reply.created_at,\n        body: reply.body,\n        staff: true,\n        badge: reply.status_to ? (\n          <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n            <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n            <span aria-hidden>→</span>\n            <FeedbackStatusBadge status={reply.status_to} />\n          </span>\n        ) : undefined,\n      },\n    });\n  });\n  comments.forEach((comment, index) => {\n    // Shown as hidden — no name, no text — to anyone but its writer and an admin.\n    const veiled = comment.hidden && !comment.mine && !isAdmin;\n    const actions: ReactNode[] = [];\n    if (comment.hidden) {\n      actions.push(\n        <span key=\"hidden\" className=\"inline-flex items-center gap-1\" data-feedback-comment-hidden=\"\">\n          <EyeOff className=\"size-3\" aria-hidden />\n          {labels.hidden}\n        </span>,\n      );\n    }\n    if (isAdmin && onHide) {\n      actions.push(\n        <Button\n          key=\"hide\"\n          type=\"button\"\n          variant=\"link\"\n          tone=\"muted\"\n          size=\"sm\"\n          commit={commit}\n          // Caught as Delete's is (0.38.1): a rejection is the app's to toast — its\n          // mutation's `onError` — and must not surface as an unhandled one.\n          onClick={() => void hideComment(onHide, comment).catch(() => {})}\n        >\n          {comment.hidden ? labels.unhide : labels.hide}\n        </Button>,\n      );\n    }\n    if (comment.mine && onDelete) {\n      actions.push(\n        <DeleteCommentButton key=\"delete\" comment={comment} onDelete={onDelete} commit={commit} labels={labels} />,\n      );\n    }\n    entries.push({\n      at: instant(comment.created_at),\n      // Replies first on a tie, then the comments in their order.\n      order: replies.length + index,\n      message: {\n        id: `comment-${comment.id}`,\n        own: comment.mine,\n        author: veiled ? undefined : comment.mine ? undefined : (comment.author_name ?? anonymous),\n        createdAt: comment.created_at,\n        body: veiled ? \"\" : (comment.body ?? \"\"),\n        staff: !veiled && comment.staff,\n        struck: comment.hidden && isAdmin && !veiled,\n        footer: actions.length > 0 ? actions : undefined,\n      },\n    });\n  });\n  entries.sort((a, b) => a.at - b.at || a.order - b.order);\n\n  return (\n    <div className={className} data-feedback-comment-thread=\"\">\n      <FeedbackThread\n        messages={entries.map((entry) => entry.message)}\n        loading={loading}\n        now={now}\n        labels={{ thread: labels.comments, empty: labels.empty }}\n      />\n      {onComment && (\n        <ChatComposer\n          className=\"mt-3\"\n          onSend={(body) => onComment(body)}\n          pending={pending}\n          commit={commit}\n          maxLength={FEEDBACK_COMMENT_MAX}\n          showCount\n          labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.send }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The writer's Delete: a confirm (danger tone, focus on Cancel), then `onDelete`. Its\n *  own component, so `useConfirm` — which needs a `ConfirmProvider` — is only called\n *  where there is something to delete. */\nfunction DeleteCommentButton({\n  comment,\n  onDelete,\n  commit,\n  labels,\n}: {\n  comment: FeedbackComment;\n  onDelete: (comment: FeedbackComment) => void | Promise<unknown>;\n  commit?: CommitScope;\n  labels: FeedbackCommentsLabels;\n}) {\n  const confirm = useConfirm();\n  const remove = async () => {\n    const ok = await confirm({\n      title: labels.deleteTitle,\n      body: labels.deleteBody,\n      confirmLabel: labels.delete,\n      tone: \"danger\",\n      commit,\n    });\n    if (ok) await onDelete(comment);\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      tone=\"danger\"\n      size=\"sm\"\n      commit={commit}\n      onClick={() => void remove().catch(() => {})}\n    >\n      {labels.delete}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-comment-thread.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { EyeOff } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { useConfirm } from \"../components/confirm-dialog\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackStatusBadge } from \"./feedback-inbox\";\nimport type { FeedbackComment, FeedbackReply } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\nimport { FEEDBACK_COMMENT_MAX, attachmentName } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { useFeedbackRepliesLabels } from \"./feedback-replies\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { ChatComposer, FeedbackThread } from \"./feedback-thread\";\nimport type { FeedbackThreadMessage } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * A report's conversation as everyone who may read it sees it\n * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's\n * comments, each its own row, oldest first — merged by time, on the\n * {@link FeedbackThread} look — and the box to add one.\n *\n * - **Replies** are drawn as staff posts with the status they set (\"→ Done\"); a reply\n *   without an author is \"Admin\" (§9.7).\n * - **Reworks** (0.40, §10.3, `kind: \"rework\"`) are the report's author's: the\n *   **Rework** chip, \"→ status\" when the entry moved one (a migrated one did not), the\n *   file when the view carries it; at the reading end for the author ({@link\n *   FeedbackCommentThreadProps.isAuthor}), and a `null` name is \"A user\", never \"Admin\".\n * - **Comments**: the viewer's own at the reading end (\"You\"); someone else's under the\n *   first name the server sent, `null` as \"A user\" (§9.5, `feedbackPublic.anonymous`).\n * - **Hidden** (§9.8): others see \"Hidden by an admin\" and no name, no text; the writer\n *   sees their text with that line; the admin sees it struck through, with **Unhide**.\n *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,\n *   after a confirm (it is a hard delete). Nobody edits a comment.\n * - **The composer** (1–4 000 characters) only with `onComment`: left out for a reader\n *   who may not write (a demo, a CRASH report — the app knows). Since 0.47 (§12) with\n *   `onUpload` it takes one file as the rework note does — pasted into the box,\n *   captured or picked — uploaded first, its URL `onComment`'s second argument.\n * - **Files** (0.47, §12): a comment's or an entry's file under its text, a picture\n *   INLINE — a thumbnail through `fetcher` that opens full size — any other file a\n *   download ({@link FeedbackEntryFile}). A veiled comment shows none.\n *\n * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the\n * viewer's needs the app's `ConfirmProvider` (each app mounts one already).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is\n *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */\nexport interface FeedbackCommentsLabels {\n  /** The thread's accessible name. de-CH: \"Kommentare\" */\n  comments: string;\n  /** Nothing yet. de-CH: \"Noch keine Kommentare\" */\n  empty: string;\n  /** In place of a hidden comment. de-CH: \"Von einem Admin ausgeblendet\" */\n  hidden: string;\n  /** The admin's button. de-CH: \"Ausblenden\" */\n  hide: string;\n  /** The admin's button on a hidden comment. de-CH: \"Einblenden\" */\n  unhide: string;\n  /** The writer's button. de-CH: \"Löschen\" */\n  delete: string;\n  /** The confirm's question. de-CH: \"Diesen Kommentar löschen?\" */\n  deleteTitle: string;\n  /** The confirm's line. de-CH: \"Er wird für alle entfernt. Das kann nicht rückgängig\n   *  gemacht werden.\" */\n  deleteBody: string;\n  /** The box's accessible name. de-CH: \"Kommentar schreiben\" */\n  field: string;\n  /** de-CH: \"Kommentar schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Kommentieren\" */\n  send: string;\n}\n\nexport { DEFAULT_FEEDBACK_COMMENTS_LABELS };\n\n/* ── The thread ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackCommentThreadProps extends FeedbackEntryUploadOptions {\n  /** The report's replies (§9.7), oldest first. Left out or `[]`: none.\n   *\n   *  Inside `FeedbackRowDetail`'s `comments` they are dropped (0.38.1): the detail's\n   *  Replies section draws them already, and the thread there is the comments alone —\n   *  so passing them there cannot draw them twice. */\n  replies?: readonly FeedbackReply[];\n  /** `GET /feedback/{id}/comments`, oldest first. */\n  comments: readonly FeedbackComment[];\n  /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */\n  isAdmin: boolean;\n  /** 0.40: the viewer filed the report (the record's `mine`) — its rework entries are\n   *  theirs, drawn at the reading end as \"You\". Default `false`. */\n  isAuthor?: boolean;\n  /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it\n   *  resolves, and keeps the draft when it rejects. A failure is the app's to toast —\n   *  the server's `detail`, else `feedbackToast.commentFailed` (0.38.1). Left out, no\n   *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with\n   *  `onUpload`), `undefined` for none — `attachment_url` in the body (server-kit 0.18). */\n  onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the files in the thread.\n   *  Left out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. A rejection\n   *  is caught (0.38.1) and is the app's to toast (`feedbackToast.updateFailed`). Left\n   *  out, no Hide / Unhide. */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the\n   *  confirm. Left out, no Delete. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The comments are loading. */\n  loading?: boolean;\n  /** Comment, Hide and Delete COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** \"Now\" for the relative times — pin it in tests and stories. */\n  now?: Date | number;\n  labels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\ntype Entry = { at: number; order: number; message: FeedbackThreadMessage };\n\n/** The admin's Hide / Unhide as a promise — a sync throw or a `void` return included —\n *  so the click can catch it as Delete's does. */\nconst hideComment = async (\n  onHide: NonNullable<FeedbackCommentThreadProps[\"onHide\"]>,\n  comment: FeedbackComment,\n) => {\n  await onHide(comment, !comment.hidden);\n};\n\nconst instant = (iso: string) => {\n  const ms = Date.parse(iso);\n  return Number.isNaN(ms) ? 0 : ms;\n};\n\nexport function FeedbackCommentThread({\n  replies: repliesProp = [],\n  comments,\n  isAdmin,\n  isAuthor = false,\n  onComment,\n  onHide,\n  onDelete,\n  pending = false,\n  loading = false,\n  commit,\n  now,\n  fetcher,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackCommentThreadProps) {\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const labels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const replyLabels = useFeedbackRepliesLabels();\n  const repliesDrawnAbove = useContext(FeedbackRepliesDrawnAboveContext);\n  const replies = repliesDrawnAbove ? [] : repliesProp;\n\n  const entries: Entry[] = [];\n  replies.forEach((reply, order) => {\n    if (reply.kind === \"rework\") {\n      entries.push({\n        at: instant(reply.created_at),\n        order,\n        message: {\n          id: `reply-${reply.id}`,\n          own: isAuthor,\n          author: isAuthor ? undefined : (reply.author_name ?? anonymous),\n          createdAt: reply.created_at,\n          body: reply.body,\n          attachments: reply.attachment_url\n            ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n            : undefined,\n          badge: (\n            <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-entry-kind=\"rework\">\n              <FeedbackReworkEntryChip />\n              {reply.status_to && (\n                <span className=\"inline-flex items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n                  <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n                  <span aria-hidden>→</span>\n                  <FeedbackStatusBadge status={reply.status_to} />\n                </span>\n              )}\n            </span>\n          ),\n        },\n      });\n      return;\n    }\n    entries.push({\n      at: instant(reply.created_at),\n      order,\n      message: {\n        id: `reply-${reply.id}`,\n        author: reply.author_name ?? replyLabels.admin,\n        createdAt: reply.created_at,\n        body: reply.body,\n        // 0.47 (§12): an admin reply's file, where the view carries it.\n        attachments: reply.attachment_url\n          ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n          : undefined,\n        staff: true,\n        badge: reply.status_to ? (\n          <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n            <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n            <span aria-hidden>→</span>\n            <FeedbackStatusBadge status={reply.status_to} />\n          </span>\n        ) : undefined,\n      },\n    });\n  });\n  comments.forEach((comment, index) => {\n    // Shown as hidden — no name, no text — to anyone but its writer and an admin.\n    const veiled = comment.hidden && !comment.mine && !isAdmin;\n    const actions: ReactNode[] = [];\n    if (comment.hidden) {\n      actions.push(\n        <span key=\"hidden\" className=\"inline-flex items-center gap-1\" data-feedback-comment-hidden=\"\">\n          <EyeOff className=\"size-3\" aria-hidden />\n          {labels.hidden}\n        </span>,\n      );\n    }\n    if (isAdmin && onHide) {\n      actions.push(\n        <Button\n          key=\"hide\"\n          type=\"button\"\n          variant=\"link\"\n          tone=\"muted\"\n          size=\"sm\"\n          commit={commit}\n          // Caught as Delete's is (0.38.1): a rejection is the app's to toast — its\n          // mutation's `onError` — and must not surface as an unhandled one.\n          onClick={() => void hideComment(onHide, comment).catch(() => {})}\n        >\n          {comment.hidden ? labels.unhide : labels.hide}\n        </Button>,\n      );\n    }\n    if (comment.mine && onDelete) {\n      actions.push(\n        <DeleteCommentButton key=\"delete\" comment={comment} onDelete={onDelete} commit={commit} labels={labels} />,\n      );\n    }\n    entries.push({\n      at: instant(comment.created_at),\n      // Replies first on a tie, then the comments in their order.\n      order: replies.length + index,\n      message: {\n        id: `comment-${comment.id}`,\n        own: comment.mine,\n        author: veiled ? undefined : comment.mine ? undefined : (comment.author_name ?? anonymous),\n        createdAt: comment.created_at,\n        body: veiled ? \"\" : (comment.body ?? \"\"),\n        // 0.47 (§12): its one file; none when veiled (the server sends none either).\n        attachments:\n          !veiled && comment.attachment_url\n            ? [{ name: attachmentName(comment.attachment_url), url: comment.attachment_url }]\n            : undefined,\n        staff: !veiled && comment.staff,\n        struck: comment.hidden && isAdmin && !veiled,\n        footer: actions.length > 0 ? actions : undefined,\n      },\n    });\n  });\n  entries.sort((a, b) => a.at - b.at || a.order - b.order);\n\n  return (\n    <div className={className} data-feedback-comment-thread=\"\">\n      <FeedbackThread\n        messages={entries.map((entry) => entry.message)}\n        loading={loading}\n        now={now}\n        renderAttachment={(file) => (file.url ? <FeedbackEntryFile url={file.url} fetcher={fetcher} /> : file.name)}\n        labels={{ thread: labels.comments, empty: labels.empty }}\n      />\n      {onComment && (\n        <ChatComposer\n          className=\"mt-3\"\n          onSend={async (body, file) => {\n            const url = await upload(file);\n            // The second argument only with a file, so a text comment calls as before 0.47.\n            return url === undefined ? onComment(body) : onComment(body, url);\n          }}\n          pending={pending || uploading}\n          attachment={composerAttachment}\n          commit={commit}\n          maxLength={FEEDBACK_COMMENT_MAX}\n          showCount\n          labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.send }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The writer's Delete: a confirm (danger tone, focus on Cancel), then `onDelete`. Its\n *  own component, so `useConfirm` — which needs a `ConfirmProvider` — is only called\n *  where there is something to delete. */\nfunction DeleteCommentButton({\n  comment,\n  onDelete,\n  commit,\n  labels,\n}: {\n  comment: FeedbackComment;\n  onDelete: (comment: FeedbackComment) => void | Promise<unknown>;\n  commit?: CommitScope;\n  labels: FeedbackCommentsLabels;\n}) {\n  const confirm = useConfirm();\n  const remove = async () => {\n    const ok = await confirm({\n      title: labels.deleteTitle,\n      body: labels.deleteBody,\n      confirmLabel: labels.delete,\n      tone: \"danger\",\n      commit,\n    });\n    if (ok) await onDelete(comment);\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      tone=\"danger\"\n      size=\"sm\"\n      commit={commit}\n      onClick={() => void remove().catch(() => {})}\n    >\n      {labels.delete}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-entry-file.d.ts

@@ -0,0 +1,61 @@
+import type { AuthedFetcher } from "../hooks/use-authed-src.js";
+import type { FeedbackNoteAttachment } from "./feedback-inbox.js";
+import type { FeedbackComposerAttachment } from "./feedback-thread.js";
+/**
+ * One file of a conversation entry, and the upload behind an entry's composer
+ * (docs/feedback-harmonization.md §12, round 0.47; keksdose run 82 R1, live #447).
+ *
+ * - {@link FeedbackEntryFile}: a picture drawn INLINE — a thumbnail fetched through the
+ *   app's authenticated GET, a tap opens it full size in a tab — and any other file a
+ *   download button, as the row detail's Attachment section draws them. The reply
+ *   timeline, the rework entries and the comment thread all draw their file with it.
+ * - {@link useFeedbackEntryUpload}: the rework note's one-file field (paste from the
+ *   clipboard, capture, pick; the contract's types and 10 MB, §3.5) for a
+ *   {@link ChatComposer}, and the upload that runs FIRST on send, so an entry never names
+ *   a file that did not arrive.
+ */
+export interface FeedbackEntryFileProps {
+    /** The entry's `attachment_url` — `/api/v1/feedback/attachments/<key>`. */
+    url: string;
+    /** The app's authenticated GET (`AuthedImage`'s): the attachment route wants the
+     *  bearer token (§3.5). Left out, the browser's own fetch with same-origin cookies. */
+    fetcher?: AuthedFetcher | null;
+    className?: string;
+}
+/**
+ * An entry's one file (§12): a picture (`png`, `jpg`, `webp`, `gif` — by the key's
+ * extension, which the server minted from the sniffed bytes) as an inline thumbnail that
+ * opens full size in a new tab (`AuthedImage`'s `link`: the `blob:` URL, never the API
+ * path); anything else a download button. A picture that will not load falls back to the
+ * download button, so a broken file still says it is there. `alt`:
+ * `feedbackDetail.attachment`.
+ */
+export declare function FeedbackEntryFile({ url, fetcher, className }: FeedbackEntryFileProps): import("react").JSX.Element;
+/** `POST /feedback/attachments` — the file, answered with its URL. */
+export type FeedbackEntryUpload = (file: File) => Promise<string>;
+export interface FeedbackEntryUploadOptions {
+    /** The upload. Left out, the composer is text only. */
+    onUpload?: FeedbackEntryUpload;
+    /** The "Capture screenshot" button — the kit's `captureAppScreenshot` or the app's
+     *  own. A rejection toasts `feedbackToast.captureFailed` and adds nothing. */
+    onCaptureScreenshot?: () => Promise<File | null>;
+    /** Over the field's defaults: the contract's types and 10 MB (§3.5), the
+     *  `feedbackToast` refusals. The same object the rework section takes. */
+    attachment?: Partial<FeedbackNoteAttachment>;
+}
+export interface FeedbackEntryUploadState {
+    /** For {@link ChatComposer}'s `attachment`; `undefined` without `onUpload`. */
+    composerAttachment: FeedbackComposerAttachment | undefined;
+    /** Upload the picked file, if any: its URL, `undefined` for none. Rejects after a
+     *  toast (`feedbackAttachment.attachmentUploadFailed`) when the upload fails — the
+     *  send then stops and the composer keeps the draft and the file. */
+    upload: (file: File | null) => Promise<string | undefined>;
+    /** An upload is running — add it to the composer's `pending`. */
+    uploading: boolean;
+}
+/**
+ * The rework note's file field for a reply or a comment composer (§12): one file, added,
+ * captured or pasted from the clipboard into the box, the contract's types and 10 MB; and
+ * the upload, awaited before the entry is sent.
+ */
+export declare function useFeedbackEntryUpload({ onUpload, onCaptureScreenshot, attachment, }: FeedbackEntryUploadOptions): FeedbackEntryUploadState;

package/dist/feedback/feedback-entry-file.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { AuthedImage } from "../components/authed-image.js";
+import { toast } from "../components/toast.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { cn } from "../lib/cn.js";
+import { DEFAULT_FEEDBACK_ATTACHMENT_LABELS, DEFAULT_MAX_ATTACHMENT_BYTES } from "./feedback-attachment.js";
+import { useFeedbackToastLabels } from "./feedback-labels.js";
+import { FeedbackAttachmentDownload, plainFeedbackFetch } from "./feedback-attachment-download.js";
+import { FEEDBACK_ATTACHMENT_ACCEPT, isImageAttachment } from "./feedback-record.js";
+import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
+function FeedbackEntryFile({ url, fetcher, className }) {
+  const labels = useKitLabels("feedbackDetail", DEFAULT_FEEDBACK_DETAIL_LABELS);
+  const fetchFile = fetcher ?? plainFeedbackFetch;
+  return /* @__PURE__ */ jsx("span", { className: cn("inline-block min-w-0 max-w-full", className), "data-feedback-entry-file": url, children: isImageAttachment(url) ? /* @__PURE__ */ jsx(
+    AuthedImage,
+    {
+      src: url,
+      alt: labels.attachment,
+      fetcher: fetchFile,
+      link: true,
+      stopPropagation: true,
+      errorFallback: /* @__PURE__ */ jsx(FeedbackAttachmentDownload, { url, fetcher: fetchFile }),
+      wrapperClassName: "inline-block max-w-full",
+      className: "max-h-40 max-w-full rounded border border-subtle"
+    }
+  ) : /* @__PURE__ */ jsx(FeedbackAttachmentDownload, { url, fetcher: fetchFile }) });
+}
+function useFeedbackEntryUpload({
+  onUpload,
+  onCaptureScreenshot,
+  attachment
+}) {
+  const toasts = useFeedbackToastLabels();
+  const fieldLabels = useKitLabels("feedbackAttachment", DEFAULT_FEEDBACK_ATTACHMENT_LABELS);
+  const [uploading, setUploading] = useState(false);
+  const capture = onCaptureScreenshot ? async () => {
+    try {
+      return await onCaptureScreenshot();
+    } catch {
+      toast.error(toasts.captureFailed);
+      return null;
+    }
+  } : void 0;
+  const composerAttachment = onUpload ? {
+    accept: FEEDBACK_ATTACHMENT_ACCEPT,
+    maxBytes: DEFAULT_MAX_ATTACHMENT_BYTES,
+    onError: (kind) => {
+      toast.error(kind === "type" ? toasts.attachmentUnsupported : toasts.attachmentTooLarge);
+    },
+    onCaptureScreenshot: capture,
+    buttonVariant: "ghost",
+    buttonSize: "sm",
+    ...attachment
+  } : void 0;
+  const upload = async (file) => {
+    if (!file || !onUpload) return void 0;
+    setUploading(true);
+    try {
+      return await onUpload(file);
+    } catch (error) {
+      const failed = fieldLabels.attachmentUploadFailed ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploadFailed;
+      toast.error(failed(file.name));
+      throw error;
+    } finally {
+      setUploading(false);
+    }
+  };
+  return { composerAttachment, upload, uploading };
+}
+export {
+  FeedbackEntryFile,
+  useFeedbackEntryUpload
+};
+//# sourceMappingURL=feedback-entry-file.js.map

package/dist/feedback/feedback-entry-file.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-entry-file.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { AuthedImage } from \"../components/authed-image\";\nimport { toast } from \"../components/toast\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS, DEFAULT_MAX_ATTACHMENT_BYTES } from \"./feedback-attachment\";\nimport type { FeedbackNoteAttachment } from \"./feedback-inbox\";\nimport { useFeedbackToastLabels } from \"./feedback-labels\";\nimport { FeedbackAttachmentDownload, plainFeedbackFetch } from \"./feedback-attachment-download\";\nimport { FEEDBACK_ATTACHMENT_ACCEPT, isImageAttachment } from \"./feedback-record\";\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\nimport type { FeedbackComposerAttachment } from \"./feedback-thread\";\n\n/**\n * One file of a conversation entry, and the upload behind an entry's composer\n * (docs/feedback-harmonization.md §12, round 0.47; keksdose run 82 R1, live #447).\n *\n * - {@link FeedbackEntryFile}: a picture drawn INLINE — a thumbnail fetched through the\n *   app's authenticated GET, a tap opens it full size in a tab — and any other file a\n *   download button, as the row detail's Attachment section draws them. The reply\n *   timeline, the rework entries and the comment thread all draw their file with it.\n * - {@link useFeedbackEntryUpload}: the rework note's one-file field (paste from the\n *   clipboard, capture, pick; the contract's types and 10 MB, §3.5) for a\n *   {@link ChatComposer}, and the upload that runs FIRST on send, so an entry never names\n *   a file that did not arrive.\n */\n\nexport interface FeedbackEntryFileProps {\n  /** The entry's `attachment_url` — `/api/v1/feedback/attachments/<key>`. */\n  url: string;\n  /** The app's authenticated GET (`AuthedImage`'s): the attachment route wants the\n   *  bearer token (§3.5). Left out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  className?: string;\n}\n\n/**\n * An entry's one file (§12): a picture (`png`, `jpg`, `webp`, `gif` — by the key's\n * extension, which the server minted from the sniffed bytes) as an inline thumbnail that\n * opens full size in a new tab (`AuthedImage`'s `link`: the `blob:` URL, never the API\n * path); anything else a download button. A picture that will not load falls back to the\n * download button, so a broken file still says it is there. `alt`:\n * `feedbackDetail.attachment`.\n */\nexport function FeedbackEntryFile({ url, fetcher, className }: FeedbackEntryFileProps) {\n  const labels = useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS);\n  const fetchFile = fetcher ?? plainFeedbackFetch;\n  return (\n    <span className={cn(\"inline-block min-w-0 max-w-full\", className)} data-feedback-entry-file={url}>\n      {isImageAttachment(url) ? (\n        <AuthedImage\n          src={url}\n          alt={labels.attachment}\n          fetcher={fetchFile}\n          link\n          stopPropagation\n          errorFallback={<FeedbackAttachmentDownload url={url} fetcher={fetchFile} />}\n          wrapperClassName=\"inline-block max-w-full\"\n          className=\"max-h-40 max-w-full rounded border border-subtle\"\n        />\n      ) : (\n        <FeedbackAttachmentDownload url={url} fetcher={fetchFile} />\n      )}\n    </span>\n  );\n}\n\n/* ── The composer's one file ──────────────────────────────────────────────── */\n\n/** `POST /feedback/attachments` — the file, answered with its URL. */\nexport type FeedbackEntryUpload = (file: File) => Promise<string>;\n\nexport interface FeedbackEntryUploadOptions {\n  /** The upload. Left out, the composer is text only. */\n  onUpload?: FeedbackEntryUpload;\n  /** The \"Capture screenshot\" button — the kit's `captureAppScreenshot` or the app's\n   *  own. A rejection toasts `feedbackToast.captureFailed` and adds nothing. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** Over the field's defaults: the contract's types and 10 MB (§3.5), the\n   *  `feedbackToast` refusals. The same object the rework section takes. */\n  attachment?: Partial<FeedbackNoteAttachment>;\n}\n\nexport interface FeedbackEntryUploadState {\n  /** For {@link ChatComposer}'s `attachment`; `undefined` without `onUpload`. */\n  composerAttachment: FeedbackComposerAttachment | undefined;\n  /** Upload the picked file, if any: its URL, `undefined` for none. Rejects after a\n   *  toast (`feedbackAttachment.attachmentUploadFailed`) when the upload fails — the\n   *  send then stops and the composer keeps the draft and the file. */\n  upload: (file: File | null) => Promise<string | undefined>;\n  /** An upload is running — add it to the composer's `pending`. */\n  uploading: boolean;\n}\n\n/**\n * The rework note's file field for a reply or a comment composer (§12): one file, added,\n * captured or pasted from the clipboard into the box, the contract's types and 10 MB; and\n * the upload, awaited before the entry is sent.\n */\nexport function useFeedbackEntryUpload({\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n}: FeedbackEntryUploadOptions): FeedbackEntryUploadState {\n  const toasts = useFeedbackToastLabels();\n  const fieldLabels = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS);\n  const [uploading, setUploading] = useState(false);\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 composerAttachment: FeedbackComposerAttachment | undefined = 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        buttonVariant: \"ghost\",\n        buttonSize: \"sm\",\n        ...attachment,\n      }\n    : undefined;\n\n  const upload = async (file: File | null) => {\n    if (!file || !onUpload) return undefined;\n    setUploading(true);\n    try {\n      return await onUpload(file);\n    } catch (error) {\n      const failed = fieldLabels.attachmentUploadFailed ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploadFailed!;\n      toast.error(failed(file.name));\n      throw error;\n    } finally {\n      setUploading(false);\n    }\n  };\n\n  return { composerAttachment, upload, uploading };\n}\n"],"mappings":";AAyDyB;AAzDzB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB;AAC5B,SAAS,aAAa;AAEtB,SAAS,oBAAoB;AAC7B,SAAS,UAAU;AACnB,SAAS,oCAAoC,oCAAoC;AAEjF,SAAS,8BAA8B;AACvC,SAAS,4BAA4B,0BAA0B;AAC/D,SAAS,4BAA4B,yBAAyB;AAC9D,SAAS,sCAAsC;AAkCxC,SAAS,kBAAkB,EAAE,KAAK,SAAS,UAAU,GAA2B;AACrF,QAAM,SAAS,aAAa,kBAAkB,8BAA8B;AAC5E,QAAM,YAAY,WAAW;AAC7B,SACE,oBAAC,UAAK,WAAW,GAAG,mCAAmC,SAAS,GAAG,4BAA0B,KAC1F,4BAAkB,GAAG,IACpB;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,SAAS;AAAA,MACT,MAAI;AAAA,MACJ,iBAAe;AAAA,MACf,eAAe,oBAAC,8BAA2B,KAAU,SAAS,WAAW;AAAA,MACzE,kBAAiB;AAAA,MACjB,WAAU;AAAA;AAAA,EACZ,IAEA,oBAAC,8BAA2B,KAAU,SAAS,WAAW,GAE9D;AAEJ;AAkCO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,GAAyD;AACvD,QAAM,SAAS,uBAAuB;AACtC,QAAM,cAAc,aAAa,sBAAsB,kCAAkC;AACzF,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,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,qBAA6D,WAC/D;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS,CAAC,SAAS;AACjB,YAAM,MAAM,SAAS,SAAS,OAAO,wBAAwB,OAAO,kBAAkB;AAAA,IACxF;AAAA,IACA,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,GAAG;AAAA,EACL,IACA;AAEJ,QAAM,SAAS,OAAO,SAAsB;AAC1C,QAAI,CAAC,QAAQ,CAAC,SAAU,QAAO;AAC/B,iBAAa,IAAI;AACjB,QAAI;AACF,aAAO,MAAM,SAAS,IAAI;AAAA,IAC5B,SAAS,OAAO;AACd,YAAM,SAAS,YAAY,0BAA0B,mCAAmC;AACxF,YAAM,MAAM,OAAO,KAAK,IAAI,CAAC;AAC7B,YAAM;AAAA,IACR,UAAE;AACA,mBAAa,KAAK;AAAA,IACpB;AAAA,EACF;AAEA,SAAO,EAAE,oBAAoB,QAAQ,UAAU;AACjD;","names":[]}

package/dist/feedback/feedback-public-list.d.ts

@@ -1,7 +1,9 @@
 import type { ReactNode } from "react";
 import type { CommitScope } from "../components/write-lock.js";
+import type { AuthedFetcher } from "../hooks/use-authed-src.js";
 import { type LabelOverride } from "../i18n/kit-labels.js";
 import { type FeedbackCommentsLabels } from "./feedback-comment-thread.js";
+import type { FeedbackEntryUploadOptions } from "./feedback-entry-file.js";
 import { DEFAULT_FEEDBACK_PUBLIC_LABELS, type FeedbackPublicLabels } from "./feedback-public-labels.js";
 import type { FeedbackComment, FeedbackPublicListItem, FeedbackPublicRecord, FeedbackPublicSort, FeedbackVoteState } from "./feedback-public-types.js";
 import { type FeedbackPageLabels, type FeedbackRenderDate } from "./feedback-table.js";
@@ -106,8 +108,18 @@ export interface FeedbackPublicDetailProps {
     /** The viewer is the app's admin: Hide / Unhide on the comments. */
     isAdmin?: boolean;
     /** `POST /feedback/{id}/comments`. Left out — a demo, a reader who may not write — no
-     *  composer. */
-    onComment?: (body: string) => void | Promise<unknown>;
+     *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with
+     *  `onUpload`). */
+    onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;
+    /** 0.47 (§12): `POST /feedback/attachments` — the comment box then takes one file,
+     *  pasted, captured or picked, as the rework note does. Left out, text only. */
+    onUpload?: FeedbackEntryUploadOptions["onUpload"];
+    /** 0.47: the comment box's "Capture screenshot". */
+    onCaptureScreenshot?: FeedbackEntryUploadOptions["onCaptureScreenshot"];
+    /** 0.47: the comment box's file field, over the contract's defaults. */
+    attachment?: FeedbackEntryUploadOptions["attachment"];
+    /** 0.47: the app's authenticated GET for the comments' pictures, drawn inline. */
+    fetcher?: AuthedFetcher | null;
     /** The admin's hide (`PATCH …/comments/{id} {hidden}`). */
     onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;
     /** The writer's delete (`DELETE …/comments/{id}`), after a confirm. */
@@ -136,7 +148,8 @@ export interface FeedbackPublicDetailProps {
  * add one.
  *
  * What it never draws, because the public record never carries it (§9.10): an address,
- * a last name, a screenshot, a file, the page the report was filed on. The body is the
- * server's `public_body` — the client strips nothing and adds nothing.
+ * a last name, the report's screenshot or files, the page the report was filed on. The
+ * body is the server's `public_body` — the client strips nothing and adds nothing. The
+ * one file it shows (0.47, §12) is a comment's own, posted with it to be seen.
  */
-export declare function FeedbackPublicDetail({ row, comments, onVote, isAdmin, onComment, onHide, onDelete, pending, commit, voteDisabled, renderDate: renderDateProp, now, labels: labelsProp, commentLabels, className, }: FeedbackPublicDetailProps): import("react").JSX.Element;
+export declare function FeedbackPublicDetail({ row, comments, onVote, isAdmin, onComment, onHide, onDelete, onUpload, onCaptureScreenshot, attachment, fetcher, pending, commit, voteDisabled, renderDate: renderDateProp, now, labels: labelsProp, commentLabels, className, }: FeedbackPublicDetailProps): import("react").JSX.Element;

package/dist/feedback/feedback-public-list.js

@@ -254,6 +254,10 @@ function FeedbackPublicDetail({
   onComment,
   onHide,
   onDelete,
+  onUpload,
+  onCaptureScreenshot,
+  attachment,
+  fetcher,
   pending,
   commit,
   voteDisabled,
@@ -294,6 +298,10 @@ function FeedbackPublicDetail({
         onComment,
         onHide,
         onDelete,
+        onUpload,
+        onCaptureScreenshot,
+        attachment,
+        fetcher,
         pending,
         commit,
         now,