@eifi1/ui-kit 0.46.0 → 0.47.0

package/dist/feedback/feedback-replies.d.ts

@@ -1,8 +1,10 @@
 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 FeedbackStatus } from "./feedback-inbox.js";
 import type { FeedbackReply } from "./feedback-public-types.js";
+import { type FeedbackEntryUploadOptions } from "./feedback-entry-file.js";
 import { DEFAULT_FEEDBACK_REPLIES_LABELS } from "./feedback-thread-parts-labels.js";
 /**
  * The admin's answers as a list (docs/feedback-harmonization.md §9.7, decision 5): each
@@ -57,10 +59,14 @@ export interface FeedbackReplyTimelineProps {
     renderDate?: (iso: string) => string;
     /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */
     redact?: boolean;
-    /** 0.40: how a rework entry's file (`attachment_url`) is drawn under its text. Default:
-     *  its name beside a paperclip — the file itself is in the row detail's Attachment
-     *  section, fetched with the app's credentials. */
+    /** How an entry's file (`attachment_url` — a rework's since 0.40, an admin reply's
+     *  since 0.47) is drawn under its text. Default (0.47, §12): {@link FeedbackEntryFile} —
+     *  a picture inline as a thumbnail that opens full size, any other file a download —
+     *  through `fetcher`. */
     renderAttachment?: (url: string) => ReactNode;
+    /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the entries' files. Left
+     *  out, the browser's own fetch with same-origin cookies. */
+    fetcher?: AuthedFetcher | null;
     labels?: LabelOverride<FeedbackRepliesLabels>;
     className?: string;
 }
@@ -72,17 +78,21 @@ export interface FeedbackReplyTimelineProps {
  * 0.40 (§10.3): an author's **rework** entry (`kind: "rework"`) stands among them as the
  * author's — their name (`null` → "A user", never "Admin"), the **Rework** chip, the
  * status it moved the report to (none on a migrated one) and its file.
+ *
+ * 0.47 (§12): any entry's file — a rework's, an admin reply's — is drawn under its text,
+ * a picture INLINE ({@link FeedbackEntryFile}).
  */
-export declare function FeedbackReplyTimeline({ replies, renderDate, redact, renderAttachment, labels: labelsProp, className, }: FeedbackReplyTimelineProps): import("react").JSX.Element;
-export interface FeedbackReplyComposerProps {
+export declare function FeedbackReplyTimeline({ replies, renderDate, redact, renderAttachment, fetcher, labels: labelsProp, className, }: FeedbackReplyTimelineProps): import("react").JSX.Element;
+export interface FeedbackReplyComposerProps extends FeedbackEntryUploadOptions {
     /** The report's status now — what "No change" keeps. */
     status: FeedbackStatus;
     /**
      * `POST /feedback/{id}/replies` — the body (1–{@link FEEDBACK_REPLY_MAX} after
-     * trimming) and the status picked, `undefined` for "No change". Return the promise:
-     * the box clears when it resolves, and keeps everything on a rejection.
+     * trimming), the status picked, `undefined` for "No change", and (0.47, §12) the URL
+     * of the one file uploaded with it, `undefined` for none. Return the promise: the box
+     * clears when it resolves, and keeps everything on a rejection.
      */
-    onReply: (body: string, status?: FeedbackStatus) => void | Promise<unknown>;
+    onReply: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;
     /** The reply is in flight. */
     pending?: boolean;
     /** Preselect this status and say the author has not been told (§9.7, the nudge) —
@@ -104,5 +114,12 @@ export interface FeedbackReplyComposerProps {
  * With `suggestedStatus` the line "The author has not been told. Add a reply." stands
  * above it and that status is picked, so the reply that answers it records the status
  * and the nudge goes away.
+ *
+ * 0.47 (§12, keksdose live #447): with `onUpload`, one file as the rework note takes it —
+ * a screenshot pasted into the box, a capture (`onCaptureScreenshot`), or a pick; the
+ * contract's types and 10 MB. It is uploaded FIRST; a failed upload toasts and sends
+ * nothing, and the draft and the file stay. `onUpload` here is the composer's own opt-in
+ * (new in 0.47, so no page passed it before); `FeedbackRowDetail` hands it on only with
+ * `replyAttachments`, since its `onUpload` is the rework note's too.
  */
-export declare function FeedbackReplyComposer({ status, onReply, pending, suggestedStatus, commit, labels: labelsProp, className, }: FeedbackReplyComposerProps): import("react").JSX.Element;
+export declare function FeedbackReplyComposer({ status, onReply, pending, suggestedStatus, commit, onUpload, onCaptureScreenshot, attachment, labels: labelsProp, className, }: FeedbackReplyComposerProps): import("react").JSX.Element;

package/dist/feedback/feedback-replies.js

@@ -1,14 +1,15 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { BellOff, Paperclip } from "lucide-react";
+import { BellOff } from "lucide-react";
 import { Select } from "../components/select.js";
 import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
 import { cn } from "../lib/cn.js";
 import { formatDate } from "../lib/format.js";
 import { FeedbackStatusBadge, selectableFeedbackStatuses } from "./feedback-inbox.js";
 import { useFeedbackStatusLabels } from "./feedback-labels.js";
-import { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX, attachmentName } from "./feedback-record.js";
+import { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX } from "./feedback-record.js";
+import { FeedbackEntryFile, useFeedbackEntryUpload } from "./feedback-entry-file.js";
 import { ChatComposer } from "./feedback-thread.js";
 import { DEFAULT_FEEDBACK_REPLIES_LABELS } from "./feedback-thread-parts-labels.js";
 import { FeedbackReworkEntryChip } from "./feedback-rework-entry-chip.js";
@@ -37,6 +38,7 @@ function FeedbackReplyTimeline({
   renderDate,
   redact = true,
   renderAttachment,
+  fetcher,
   labels: labelsProp,
   className
 }) {
@@ -64,10 +66,7 @@ function FeedbackReplyTimeline({
             /* @__PURE__ */ jsx(EntryStatus, { reply, statusChanged: labels.statusChanged })
           ] }),
           /* @__PURE__ */ jsx("p", { "data-private": priv, dir: "auto", className: "mt-0.5 whitespace-pre-wrap break-words text-start text-primary", children: reply.body }),
-          rework && reply.attachment_url && /* @__PURE__ */ jsx("div", { className: "mt-1 min-w-0", "data-private": priv, "data-feedback-entry-file": "", children: renderAttachment ? renderAttachment(reply.attachment_url) : /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full items-center gap-1 text-xs text-secondary", children: [
-            /* @__PURE__ */ jsx(Paperclip, { className: "size-3.5 shrink-0", "aria-hidden": true }),
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 break-all", children: attachmentName(reply.attachment_url) })
-          ] }) })
+          reply.attachment_url && /* @__PURE__ */ jsx("div", { className: "mt-1 min-w-0", "data-private": priv, "data-feedback-entry-attachment": "", children: renderAttachment ? renderAttachment(reply.attachment_url) : /* @__PURE__ */ jsx(FeedbackEntryFile, { url: reply.attachment_url, fetcher }) })
         ]
       },
       reply.id
@@ -85,19 +84,29 @@ function FeedbackReplyComposer({
   pending = false,
   suggestedStatus,
   commit,
+  onUpload,
+  onCaptureScreenshot,
+  attachment,
   labels: labelsProp,
   className
 }) {
   const labels = useFeedbackRepliesLabels(labelsProp);
+  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({
+    onUpload,
+    onCaptureScreenshot,
+    attachment
+  });
   const statusNames = useFeedbackStatusLabels();
   const [pick, setPick] = useState({
     under: suggestedStatus,
     value: suggestedStatus ?? ""
   });
   const picked = pick.under === suggestedStatus ? pick.value : suggestedStatus ?? "";
-  const send = (body) => {
+  const send = async (body, file) => {
     const sent = picked;
-    return Promise.resolve(onReply(body, sent || void 0)).then(() => {
+    const url = await upload(file);
+    const replied = url === void 0 ? onReply(body, sent || void 0) : onReply(body, sent || void 0, url);
+    return Promise.resolve(replied).then(() => {
       setPick((current) => current.value === sent ? { under: suggestedStatus, value: "" } : current);
     });
   };
@@ -110,7 +119,8 @@ function FeedbackReplyComposer({
       ChatComposer,
       {
         onSend: send,
-        pending,
+        pending: pending || uploading,
+        attachment: composerAttachment,
         commit,
         maxLength: FEEDBACK_REPLY_MAX,
         showCount: true,
@@ -124,7 +134,7 @@ function FeedbackReplyComposer({
             {
               "aria-label": labels.status,
               value: picked,
-              disabled: pending,
+              disabled: pending || uploading,
               onChange: (event) => setPick({ under: suggestedStatus, value: event.target.value }),
               "data-feedback-reply-status-pick": "",
               children: [

package/dist/feedback/feedback-replies.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-replies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { BellOff, Paperclip } from \"lucide-react\";\nimport { Select } from \"../components/select\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate } from \"../lib/format\";\nimport { FeedbackStatusBadge, selectableFeedbackStatuses, type FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackStatusLabels } from \"./feedback-labels\";\nimport type { FeedbackReply } from \"./feedback-public-types\";\nimport { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX, attachmentName } from \"./feedback-record\";\nimport { ChatComposer } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_REPLIES_LABELS } from \"./feedback-thread-parts-labels\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\n\n/**\n * The admin's answers as a list (docs/feedback-harmonization.md §9.7, decision 5): each\n * reply its own row — who, when, what, and the status it moved the report to — where\n * 0.37 had one `outcome` field that every answer overwrote. {@link FeedbackReplyTimeline}\n * draws them; {@link FeedbackReplyComposer} writes the next one, with the status picker\n * beside it (decision 13: a reply notifies the author, a status alone does not, so the\n * status belongs with the words).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackReplies` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackRepliesLabels {\n  /** The timeline's accessible name. de-CH: \"Antworten\" */\n  replies: string;\n  /** No reply yet. de-CH: \"Noch keine Antwort\" */\n  empty: string;\n  /** A reply without an author — a loop's, a migrated outcome, an erased admin (§9.7).\n   *  The app's word for its admin; never \"the team\". de-CH: \"Admin\" */\n  admin: string;\n  /** Read before a reply's status chip (\"→ Done\"). de-CH: \"Status geändert auf\" */\n  statusChanged: string;\n  /** The reply box's accessible name. de-CH: \"Antwort schreiben\" */\n  field: string;\n  /** de-CH: \"Antwort schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Antworten\" */\n  reply: string;\n  /** The status picker's accessible name. de-CH: \"Status mit der Antwort\" */\n  status: string;\n  /** The picker's first option: the reply changes no status. de-CH: \"Keine Änderung\" */\n  noChange: string;\n  /** Above the composer when a decided status was set without a reply (§9.7, B2).\n   *  de-CH: \"Die meldende Person wurde nicht benachrichtigt. Schreiben Sie eine Antwort.\" */\n  nudge: string;\n}\n\nexport { DEFAULT_FEEDBACK_REPLIES_LABELS };\n\n/** `feedbackReplies` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackRepliesLabels(labels?: LabelOverride<FeedbackRepliesLabels>): FeedbackRepliesLabels {\n  return useKitLabels(\"feedbackReplies\", DEFAULT_FEEDBACK_REPLIES_LABELS, labels);\n}\n\n/**\n * The status a row detail should nudge toward (§9.7, B2), or `undefined`: the row's\n * status when it is decided ({@link FEEDBACK_DECIDED_STATUSES}) and no reply carries it\n * as its `status_to` — a status-only move from the table, a swipe or the pills told the\n * author nothing. `undefined` too without `replies` (a server before 0.38).\n */\nexport function feedbackReplyNudge(row: {\n  status: FeedbackStatus;\n  replies?: readonly Pick<FeedbackReply, \"status_to\">[] | null;\n}): FeedbackStatus | undefined {\n  if (!row.replies || !FEEDBACK_DECIDED_STATUSES.includes(row.status)) return undefined;\n  return row.replies.some((reply) => reply.status_to === row.status) ? undefined : row.status;\n}\n\n/* ── The timeline ─────────────────────────────────────────────────────────── */\n\nexport interface FeedbackReplyTimelineProps {\n  /** Oldest first, as the server sends them. */\n  replies: readonly FeedbackReply[];\n  /** How a reply's time reads. Default: the date and time in the provider's locale. */\n  renderDate?: (iso: string) => string;\n  /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */\n  redact?: boolean;\n  /** 0.40: how a rework entry's file (`attachment_url`) is drawn under its text. Default:\n   *  its name beside a paperclip — the file itself is in the row detail's Attachment\n   *  section, fetched with the app's credentials. */\n  renderAttachment?: (url: string) => ReactNode;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/** The status an entry moved the report to — \"→ Done\", with where from in the admin view.\n *  Nothing on an entry with no `status_to`: a status-less reply, or a rework migrated out\n *  of the body, whose move was never recorded (0.40, §10.3). */\nfunction EntryStatus({ reply, statusChanged }: { reply: FeedbackReply; statusChanged: string }) {\n  if (!reply.status_to) return null;\n  return (\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\">{statusChanged}</span>\n      {reply.status_from && reply.status_from !== reply.status_to && (\n        <>\n          <FeedbackStatusBadge status={reply.status_from} />\n          <span aria-hidden>→</span>\n        </>\n      )}\n      {!reply.status_from && <span aria-hidden>→</span>}\n      <FeedbackStatusBadge status={reply.status_to} />\n    </span>\n  );\n}\n\n/**\n * The replies, oldest first, down a rule: each with its author (`null` → \"Admin\"), its\n * time, the status it set (\"→ Done\"; the admin view adds where from) and its text. No\n * edit and no delete (§9.7): a correction is a new reply.\n *\n * 0.40 (§10.3): an author's **rework** entry (`kind: \"rework\"`) stands among them as the\n * author's — their name (`null` → \"A user\", never \"Admin\"), the **Rework** chip, the\n * status it moved the report to (none on a migrated one) and its file.\n */\nexport function FeedbackReplyTimeline({\n  replies,\n  renderDate,\n  redact = true,\n  renderAttachment,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyTimelineProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const locale = useKitLocale();\n  const priv = redact ? \"\" : undefined;\n  if (replies.length === 0) {\n    return <p className={cn(\"text-sm text-placeholder\", className)}>{labels.empty}</p>;\n  }\n  const dateText = (iso: string) =>\n    renderDate ? renderDate(iso) : formatDate(iso, { dateStyle: \"medium\", timeStyle: \"short\" }, { locale });\n  return (\n    <ol aria-label={labels.replies} className={cn(\"space-y-3 border-s-2 border-subtle ps-3\", className)}>\n      {replies.map((reply) => {\n        const rework = reply.kind === \"rework\";\n        return (\n          <li\n            key={reply.id}\n            data-feedback-reply={reply.id}\n            data-feedback-entry-kind={rework ? \"rework\" : undefined}\n            className=\"min-w-0 text-sm\"\n          >\n            <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n              <span data-private={priv} className=\"font-medium text-secondary\">\n                {reply.author_name ?? (rework ? anonymous : labels.admin)}\n              </span>\n              {rework && <FeedbackReworkEntryChip />}\n              <time dateTime={reply.created_at} className=\"tabular-nums\">\n                {dateText(reply.created_at)}\n              </time>\n              <EntryStatus reply={reply} statusChanged={labels.statusChanged} />\n            </div>\n            <p data-private={priv} dir=\"auto\" className=\"mt-0.5 whitespace-pre-wrap break-words text-start text-primary\">\n              {reply.body}\n            </p>\n            {rework && reply.attachment_url && (\n              <div className=\"mt-1 min-w-0\" data-private={priv} data-feedback-entry-file=\"\">\n                {renderAttachment ? (\n                  renderAttachment(reply.attachment_url)\n                ) : (\n                  <span className=\"inline-flex min-w-0 max-w-full items-center gap-1 text-xs text-secondary\">\n                    <Paperclip className=\"size-3.5 shrink-0\" aria-hidden />\n                    <span className=\"min-w-0 break-all\">{attachmentName(reply.attachment_url)}</span>\n                  </span>\n                )}\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\n/* ── The composer ─────────────────────────────────────────────────────────── */\n\n/**\n * The status Select and Reply on one line, one height (keksdose live #417, Android, dark).\n *\n * A field and a button of the same padding are not the same height everywhere: on a touch\n * screen the field's type grows to 16 px (FIELD_TOUCH_TEXT, so iOS does not zoom) and its\n * box with it, while the button keeps its 14 px line — and at Large the button takes its\n * 48 px touch floor, which the field has not. So the composer's action row stretches its\n * two halves to one height and Reply fills it (Button's `stretch`, which is the kit's\n * answer for a button beside a taller field). Scoped to this composer through the marks\n * ChatComposer puts on its row: a host slot with an attachment preview must not drag the\n * send button to the preview's 80 px.\n *\n * On a touch screen the \"Ctrl+Enter to send\" hint has no keyboard to speak of, and beside\n * a field-height select it pushed Reply onto a line of its own on a phone — it is\n * visually hidden there (still read in order). At Large the button's 48 px floor is\n * taller than any field, here as in every form row of the kit.\n */\nconst REPLY_ROW_ALIGN = cn(\n  \"[&_[data-chat-composer-actions]]:items-stretch\",\n  \"[&_[data-chat-composer-send]]:self-stretch\",\n  \"pointer-coarse:[&_[data-chat-composer-hint]]:sr-only\",\n);\n\nexport interface FeedbackReplyComposerProps {\n  /** The report's status now — what \"No change\" keeps. */\n  status: FeedbackStatus;\n  /**\n   * `POST /feedback/{id}/replies` — the body (1–{@link FEEDBACK_REPLY_MAX} after\n   * trimming) and the status picked, `undefined` for \"No change\". Return the promise:\n   * the box clears when it resolves, and keeps everything on a rejection.\n   */\n  onReply: (body: string, status?: FeedbackStatus) => void | Promise<unknown>;\n  /** The reply is in flight. */\n  pending?: boolean;\n  /** Preselect this status and say the author has not been told (§9.7, the nudge) —\n   *  {@link feedbackReplyNudge}. */\n  suggestedStatus?: FeedbackStatus;\n  /** Reply COMMITS — see ChatComposer's `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/**\n * The admin's reply box (§9.7): the text, the **status** to set with it (\"No change\"\n * first, then every status — {@link selectableFeedbackStatuses}, `REWORK` among them\n * since 0.40: how an admin sends any report back, their own included, §10.2 decision 6),\n * and **Reply**. A\n * {@link ChatComposer} underneath: Ctrl/⌘+Enter sends, the count runs to 8 000, a draft\n * typed while a reply is in flight stays.\n *\n * With `suggestedStatus` the line \"The author has not been told. Add a reply.\" stands\n * above it and that status is picked, so the reply that answers it records the status\n * and the nudge goes away.\n */\nexport function FeedbackReplyComposer({\n  status,\n  onReply,\n  pending = false,\n  suggestedStatus,\n  commit,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyComposerProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const statusNames = useFeedbackStatusLabels();\n  // The pick, valid for the suggestion it was made under: a new suggestion (another\n  // status set from the table) picks itself again.\n  const [pick, setPick] = useState<{ under: FeedbackStatus | undefined; value: FeedbackStatus | \"\" }>({\n    under: suggestedStatus,\n    value: suggestedStatus ?? \"\",\n  });\n  const picked = pick.under === suggestedStatus ? pick.value : (suggestedStatus ?? \"\");\n\n  const send = (body: string) => {\n    const sent = picked;\n    return Promise.resolve(onReply(body, sent || undefined)).then(() => {\n      setPick((current) => (current.value === sent ? { under: suggestedStatus, value: \"\" } : current));\n    });\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", REPLY_ROW_ALIGN, className)} data-feedback-reply-composer=\"\">\n      {suggestedStatus && (\n        <p className=\"flex items-start gap-1.5 text-xs text-secondary\" data-feedback-nudge={suggestedStatus}>\n          <BellOff className=\"mt-0.5 size-3.5 shrink-0 text-warning\" aria-hidden />\n          <span>{labels.nudge}</span>\n        </p>\n      )}\n      <ChatComposer\n        onSend={send}\n        pending={pending}\n        commit={commit}\n        maxLength={FEEDBACK_REPLY_MAX}\n        showCount\n        labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.reply }}\n        attachmentSlot={\n          // The kit's standard Select at field height (#417: \"not invent new things where\n          // there are usable ones already\") — `size=\"sm\"` was a 28 px box beside the\n          // 38 px Reply. See REPLY_ROW_ALIGN for how the two keep one height.\n          <Select\n            aria-label={labels.status}\n            value={picked}\n            disabled={pending}\n            onChange={(event) =>\n              setPick({ under: suggestedStatus, value: event.target.value as FeedbackStatus | \"\" })\n            }\n            data-feedback-reply-status-pick=\"\"\n          >\n            <option value=\"\">{labels.noChange}</option>\n            {selectableFeedbackStatuses(status).map((value) => (\n              <option key={value} value={value}>\n                {statusNames[value]}\n              </option>\n            ))}\n          </Select>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-replies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { BellOff } from \"lucide-react\";\nimport { Select } from \"../components/select\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate } from \"../lib/format\";\nimport { FeedbackStatusBadge, selectableFeedbackStatuses, type FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackStatusLabels } from \"./feedback-labels\";\nimport type { FeedbackReply } from \"./feedback-public-types\";\nimport { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { ChatComposer } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_REPLIES_LABELS } from \"./feedback-thread-parts-labels\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\n\n/**\n * The admin's answers as a list (docs/feedback-harmonization.md §9.7, decision 5): each\n * reply its own row — who, when, what, and the status it moved the report to — where\n * 0.37 had one `outcome` field that every answer overwrote. {@link FeedbackReplyTimeline}\n * draws them; {@link FeedbackReplyComposer} writes the next one, with the status picker\n * beside it (decision 13: a reply notifies the author, a status alone does not, so the\n * status belongs with the words).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackReplies` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackRepliesLabels {\n  /** The timeline's accessible name. de-CH: \"Antworten\" */\n  replies: string;\n  /** No reply yet. de-CH: \"Noch keine Antwort\" */\n  empty: string;\n  /** A reply without an author — a loop's, a migrated outcome, an erased admin (§9.7).\n   *  The app's word for its admin; never \"the team\". de-CH: \"Admin\" */\n  admin: string;\n  /** Read before a reply's status chip (\"→ Done\"). de-CH: \"Status geändert auf\" */\n  statusChanged: string;\n  /** The reply box's accessible name. de-CH: \"Antwort schreiben\" */\n  field: string;\n  /** de-CH: \"Antwort schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Antworten\" */\n  reply: string;\n  /** The status picker's accessible name. de-CH: \"Status mit der Antwort\" */\n  status: string;\n  /** The picker's first option: the reply changes no status. de-CH: \"Keine Änderung\" */\n  noChange: string;\n  /** Above the composer when a decided status was set without a reply (§9.7, B2).\n   *  de-CH: \"Die meldende Person wurde nicht benachrichtigt. Schreiben Sie eine Antwort.\" */\n  nudge: string;\n}\n\nexport { DEFAULT_FEEDBACK_REPLIES_LABELS };\n\n/** `feedbackReplies` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackRepliesLabels(labels?: LabelOverride<FeedbackRepliesLabels>): FeedbackRepliesLabels {\n  return useKitLabels(\"feedbackReplies\", DEFAULT_FEEDBACK_REPLIES_LABELS, labels);\n}\n\n/**\n * The status a row detail should nudge toward (§9.7, B2), or `undefined`: the row's\n * status when it is decided ({@link FEEDBACK_DECIDED_STATUSES}) and no reply carries it\n * as its `status_to` — a status-only move from the table, a swipe or the pills told the\n * author nothing. `undefined` too without `replies` (a server before 0.38).\n */\nexport function feedbackReplyNudge(row: {\n  status: FeedbackStatus;\n  replies?: readonly Pick<FeedbackReply, \"status_to\">[] | null;\n}): FeedbackStatus | undefined {\n  if (!row.replies || !FEEDBACK_DECIDED_STATUSES.includes(row.status)) return undefined;\n  return row.replies.some((reply) => reply.status_to === row.status) ? undefined : row.status;\n}\n\n/* ── The timeline ─────────────────────────────────────────────────────────── */\n\nexport interface FeedbackReplyTimelineProps {\n  /** Oldest first, as the server sends them. */\n  replies: readonly FeedbackReply[];\n  /** How a reply's time reads. Default: the date and time in the provider's locale. */\n  renderDate?: (iso: string) => string;\n  /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */\n  redact?: boolean;\n  /** How an entry's file (`attachment_url` — a rework's since 0.40, an admin reply's\n   *  since 0.47) is drawn under its text. Default (0.47, §12): {@link FeedbackEntryFile} —\n   *  a picture inline as a thumbnail that opens full size, any other file a download —\n   *  through `fetcher`. */\n  renderAttachment?: (url: string) => ReactNode;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the entries' files. Left\n   *  out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/** The status an entry moved the report to — \"→ Done\", with where from in the admin view.\n *  Nothing on an entry with no `status_to`: a status-less reply, or a rework migrated out\n *  of the body, whose move was never recorded (0.40, §10.3). */\nfunction EntryStatus({ reply, statusChanged }: { reply: FeedbackReply; statusChanged: string }) {\n  if (!reply.status_to) return null;\n  return (\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\">{statusChanged}</span>\n      {reply.status_from && reply.status_from !== reply.status_to && (\n        <>\n          <FeedbackStatusBadge status={reply.status_from} />\n          <span aria-hidden>→</span>\n        </>\n      )}\n      {!reply.status_from && <span aria-hidden>→</span>}\n      <FeedbackStatusBadge status={reply.status_to} />\n    </span>\n  );\n}\n\n/**\n * The replies, oldest first, down a rule: each with its author (`null` → \"Admin\"), its\n * time, the status it set (\"→ Done\"; the admin view adds where from) and its text. No\n * edit and no delete (§9.7): a correction is a new reply.\n *\n * 0.40 (§10.3): an author's **rework** entry (`kind: \"rework\"`) stands among them as the\n * author's — their name (`null` → \"A user\", never \"Admin\"), the **Rework** chip, the\n * status it moved the report to (none on a migrated one) and its file.\n *\n * 0.47 (§12): any entry's file — a rework's, an admin reply's — is drawn under its text,\n * a picture INLINE ({@link FeedbackEntryFile}).\n */\nexport function FeedbackReplyTimeline({\n  replies,\n  renderDate,\n  redact = true,\n  renderAttachment,\n  fetcher,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyTimelineProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const locale = useKitLocale();\n  const priv = redact ? \"\" : undefined;\n  if (replies.length === 0) {\n    return <p className={cn(\"text-sm text-placeholder\", className)}>{labels.empty}</p>;\n  }\n  const dateText = (iso: string) =>\n    renderDate ? renderDate(iso) : formatDate(iso, { dateStyle: \"medium\", timeStyle: \"short\" }, { locale });\n  return (\n    <ol aria-label={labels.replies} className={cn(\"space-y-3 border-s-2 border-subtle ps-3\", className)}>\n      {replies.map((reply) => {\n        const rework = reply.kind === \"rework\";\n        return (\n          <li\n            key={reply.id}\n            data-feedback-reply={reply.id}\n            data-feedback-entry-kind={rework ? \"rework\" : undefined}\n            className=\"min-w-0 text-sm\"\n          >\n            <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n              <span data-private={priv} className=\"font-medium text-secondary\">\n                {reply.author_name ?? (rework ? anonymous : labels.admin)}\n              </span>\n              {rework && <FeedbackReworkEntryChip />}\n              <time dateTime={reply.created_at} className=\"tabular-nums\">\n                {dateText(reply.created_at)}\n              </time>\n              <EntryStatus reply={reply} statusChanged={labels.statusChanged} />\n            </div>\n            <p data-private={priv} dir=\"auto\" className=\"mt-0.5 whitespace-pre-wrap break-words text-start text-primary\">\n              {reply.body}\n            </p>\n            {reply.attachment_url && (\n              <div className=\"mt-1 min-w-0\" data-private={priv} data-feedback-entry-attachment=\"\">\n                {renderAttachment ? (\n                  renderAttachment(reply.attachment_url)\n                ) : (\n                  <FeedbackEntryFile url={reply.attachment_url} fetcher={fetcher} />\n                )}\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\n/* ── The composer ─────────────────────────────────────────────────────────── */\n\n/**\n * The status Select and Reply on one line, one height (keksdose live #417, Android, dark).\n *\n * A field and a button of the same padding are not the same height everywhere: on a touch\n * screen the field's type grows to 16 px (FIELD_TOUCH_TEXT, so iOS does not zoom) and its\n * box with it, while the button keeps its 14 px line — and at Large the button takes its\n * 48 px touch floor, which the field has not. So the composer's action row stretches its\n * two halves to one height and Reply fills it (Button's `stretch`, which is the kit's\n * answer for a button beside a taller field). Scoped to this composer through the marks\n * ChatComposer puts on its row: a host slot with an attachment preview must not drag the\n * send button to the preview's 80 px.\n *\n * On a touch screen the \"Ctrl+Enter to send\" hint has no keyboard to speak of, and beside\n * a field-height select it pushed Reply onto a line of its own on a phone — it is\n * visually hidden there (still read in order). At Large the button's 48 px floor is\n * taller than any field, here as in every form row of the kit.\n */\nconst REPLY_ROW_ALIGN = cn(\n  \"[&_[data-chat-composer-actions]]:items-stretch\",\n  \"[&_[data-chat-composer-send]]:self-stretch\",\n  \"pointer-coarse:[&_[data-chat-composer-hint]]:sr-only\",\n);\n\nexport interface FeedbackReplyComposerProps extends FeedbackEntryUploadOptions {\n  /** The report's status now — what \"No change\" keeps. */\n  status: FeedbackStatus;\n  /**\n   * `POST /feedback/{id}/replies` — the body (1–{@link FEEDBACK_REPLY_MAX} after\n   * trimming), the status picked, `undefined` for \"No change\", and (0.47, §12) the URL\n   * of the one file uploaded with it, `undefined` for none. Return the promise: the box\n   * clears when it resolves, and keeps everything on a rejection.\n   */\n  onReply: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;\n  /** The reply is in flight. */\n  pending?: boolean;\n  /** Preselect this status and say the author has not been told (§9.7, the nudge) —\n   *  {@link feedbackReplyNudge}. */\n  suggestedStatus?: FeedbackStatus;\n  /** Reply COMMITS — see ChatComposer's `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/**\n * The admin's reply box (§9.7): the text, the **status** to set with it (\"No change\"\n * first, then every status — {@link selectableFeedbackStatuses}, `REWORK` among them\n * since 0.40: how an admin sends any report back, their own included, §10.2 decision 6),\n * and **Reply**. A\n * {@link ChatComposer} underneath: Ctrl/⌘+Enter sends, the count runs to 8 000, a draft\n * typed while a reply is in flight stays.\n *\n * With `suggestedStatus` the line \"The author has not been told. Add a reply.\" stands\n * above it and that status is picked, so the reply that answers it records the status\n * and the nudge goes away.\n *\n * 0.47 (§12, keksdose live #447): with `onUpload`, one file as the rework note takes it —\n * a screenshot pasted into the box, a capture (`onCaptureScreenshot`), or a pick; the\n * contract's types and 10 MB. It is uploaded FIRST; a failed upload toasts and sends\n * nothing, and the draft and the file stay. `onUpload` here is the composer's own opt-in\n * (new in 0.47, so no page passed it before); `FeedbackRowDetail` hands it on only with\n * `replyAttachments`, since its `onUpload` is the rework note's too.\n */\nexport function FeedbackReplyComposer({\n  status,\n  onReply,\n  pending = false,\n  suggestedStatus,\n  commit,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyComposerProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const statusNames = useFeedbackStatusLabels();\n  // The pick, valid for the suggestion it was made under: a new suggestion (another\n  // status set from the table) picks itself again.\n  const [pick, setPick] = useState<{ under: FeedbackStatus | undefined; value: FeedbackStatus | \"\" }>({\n    under: suggestedStatus,\n    value: suggestedStatus ?? \"\",\n  });\n  const picked = pick.under === suggestedStatus ? pick.value : (suggestedStatus ?? \"\");\n\n  const send = async (body: string, file: File | null) => {\n    const sent = picked;\n    const url = await upload(file);\n    // The third argument only with a file, so a text reply calls as before 0.47.\n    const replied = url === undefined ? onReply(body, sent || undefined) : onReply(body, sent || undefined, url);\n    return Promise.resolve(replied).then(() => {\n      setPick((current) => (current.value === sent ? { under: suggestedStatus, value: \"\" } : current));\n    });\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", REPLY_ROW_ALIGN, className)} data-feedback-reply-composer=\"\">\n      {suggestedStatus && (\n        <p className=\"flex items-start gap-1.5 text-xs text-secondary\" data-feedback-nudge={suggestedStatus}>\n          <BellOff className=\"mt-0.5 size-3.5 shrink-0 text-warning\" aria-hidden />\n          <span>{labels.nudge}</span>\n        </p>\n      )}\n      <ChatComposer\n        onSend={send}\n        pending={pending || uploading}\n        attachment={composerAttachment}\n        commit={commit}\n        maxLength={FEEDBACK_REPLY_MAX}\n        showCount\n        labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.reply }}\n        attachmentSlot={\n          // The kit's standard Select at field height (#417: \"not invent new things where\n          // there are usable ones already\") — `size=\"sm\"` was a 28 px box beside the\n          // 38 px Reply. See REPLY_ROW_ALIGN for how the two keep one height.\n          <Select\n            aria-label={labels.status}\n            value={picked}\n            disabled={pending || uploading}\n            onChange={(event) =>\n              setPick({ under: suggestedStatus, value: event.target.value as FeedbackStatus | \"\" })\n            }\n            data-feedback-reply-status-pick=\"\"\n          >\n            <option value=\"\">{labels.noChange}</option>\n            {selectableFeedbackStatuses(status).map((value) => (\n              <option key={value} value={value}>\n                {statusNames[value]}\n              </option>\n            ))}\n          </Select>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -18,7 +18,6 @@ const DEFAULT_FEEDBACK_DETAIL_LABELS = {
   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.",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-row-detail-labels.ts"],"sourcesContent":["// The English words of ./feedback-row-detail, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-row-detail\n// re-exports them.\n\nimport type { FeedbackDetailLabels } from \"./feedback-row-detail\";\n\nexport const DEFAULT_FEEDBACK_DETAIL_LABELS: FeedbackDetailLabels = {\n  subject: \"Subject\",\n  body: \"Description\",\n  edit: \"Edit\",\n  editDescription: \"Edit description\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  url: \"URL\",\n  copyUrl: \"Copy URL\",\n  attachment: \"Attachment\",\n  download: (name) => `Download ${name}`,\n  downloadFailed: \"The attachment could not be downloaded.\",\n  outcome: \"Outcome\",\n  replies: \"Replies\",\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  note: \"Note\",\n};\n"],"mappings":";AAOO,MAAM,iCAAuD;AAAA,EAClE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC,SAAS,YAAY,IAAI;AAAA,EACpC,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,aAAa,IAAI;AAAA,EACvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-row-detail-labels.ts"],"sourcesContent":["// The English words of ./feedback-row-detail, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-row-detail\n// re-exports them.\n\nimport type { FeedbackDetailLabels } from \"./feedback-row-detail\";\n\nexport const DEFAULT_FEEDBACK_DETAIL_LABELS: FeedbackDetailLabels = {\n  subject: \"Subject\",\n  body: \"Description\",\n  edit: \"Edit\",\n  editDescription: \"Edit description\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  url: \"URL\",\n  copyUrl: \"Copy URL\",\n  attachment: \"Attachment\",\n  download: (name) => `Download ${name}`,\n  downloadFailed: \"The attachment could not be downloaded.\",\n  outcome: \"Outcome\",\n  replies: \"Replies\",\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  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  note: \"Note\",\n};\n"],"mappings":";AAOO,MAAM,iCAAuD;AAAA,EAClE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC,SAAS,YAAY,IAAI;AAAA,EACpC,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,aAAa,IAAI;AAAA,EACvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}

package/dist/feedback/feedback-row-detail.d.ts

@@ -101,10 +101,6 @@ export interface FeedbackDetailLabels {
     outcomePlaceholder: string;
     /** The button that opens section 5 on an answered row. de-CH: "Nacharbeit" */
     rework: string;
-    /** The link to the page the report was filed on. de-CH: "Seite öffnen"
-     *  @deprecated 0.46 — the Replies section's "Open page" button is gone (keksdose live #449:
-     *  it repeated the URL section's link); removed in 0.47. Unused, kept for one release. */
-    openPage: string;
     /** Section 5's heading. de-CH: "Zur Nacharbeit senden" */
     reworkTitle: string;
     /** Section 5's send button. de-CH: "Nacharbeit senden" */
@@ -284,8 +280,8 @@ export interface FeedbackRowDetailProps {
     onUpdate: FeedbackDetailUpdate;
     /** `update.isPending`: the editors' save buttons wait for it. */
     pending?: boolean;
-    /** `POST /feedback/attachments` for the rework's one file. Left out, a rework is a
-     *  note alone. */
+    /** `POST /feedback/attachments` for the rework's one file and, since 0.47 (§12) with
+     *  `replyAttachments`, the admin reply's. Left out, a rework or a reply is text alone. */
     onUpload?: FeedbackUpload;
     /** The app's authenticated GET (`AuthedImage`'s) — the pictures and the downloads go
      *  through it, since the attachment route wants the bearer token (§3.5). Left out,
@@ -298,9 +294,11 @@ export interface FeedbackRowDetailProps {
      * page's mutation (its observer outlives the row a status filter removes).
      */
     statusChange?: FeedbackStatusChange;
-    /** For the rework's "Capture screenshot" — see {@link FeedbackReworkSectionProps}. */
+    /** For the rework's and (0.47, with `replyAttachments`) the reply composer's "Capture screenshot" — see
+     *  {@link FeedbackReworkSectionProps}. */
     onCaptureScreenshot?: () => Promise<File | null>;
-    /** The rework's file field, over the contract's defaults. */
+    /** The rework's and (0.47, with `replyAttachments`) the reply composer's file field,
+     *  over the contract's defaults. */
     reworkAttachment?: Partial<FeedbackNoteAttachment>;
     /** How the `resolved_at` date reads — the app's date cell, as a string. Default: the
      *  kit's `formatDate` in the provider's locale, `medium` style. */
@@ -324,8 +322,23 @@ export interface FeedbackRowDetailProps {
      * reply composer stands under the timeline. Return the promise: the box clears when it
      * resolves. A failure is the app's to toast — the server's `detail`, else
      * `feedbackToast.replyFailed` (0.38.1).
+     *
+     * 0.47 (§12, keksdose live #447): with `replyAttachments` (and `onUpload`) the
+     * composer takes one file as the rework note does — pasted into the box, captured or
+     * picked — uploaded first, and its URL is the third argument (`attachment_url` in the
+     * body; server-kit 0.18).
      */
-    onReply?: (body: string, status?: FeedbackStatus) => void | Promise<unknown>;
+    onReply?: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;
+    /**
+     * 0.47 (§12): the reply composer takes one file — through `onUpload`,
+     * `onCaptureScreenshot` and `reworkAttachment`, the rework note's. Off by default:
+     * `onUpload` alone stays the rework's, so a page that passes it and an `onReply` of
+     * `(body, status)` does not grow a file field whose file its reply would drop (round
+     * 0.47 build reviews, keksdose and kastlan B1). Turn it on in the commit that makes
+     * `onReply` send its third argument as `attachment_url`, with server-kit 0.18 (an
+     * older server answers the field with a 422).
+     */
+    replyAttachments?: boolean;
     /** 0.38: the reply is in flight. */
     replying?: boolean;
     /**
@@ -374,4 +387,4 @@ export interface FeedbackRowDetailProps {
  * collapsing the row closes it. Each editor is keyed by the row's id, so a draft is
  * never thrown away by a list refresh under it.
  */
-export declare function FeedbackRowDetail({ row, canEdit, viewerId, onUpdate, pending, onUpload, fetcher, statusChange, onCaptureScreenshot, reworkAttachment, renderDate, commit, showSubject, onReply, replying, onRework, comments, onPublicChange, labels: labelsProp, className, }: FeedbackRowDetailProps): import("react").JSX.Element;
+export declare function FeedbackRowDetail({ row, canEdit, viewerId, onUpdate, pending, onUpload, fetcher, statusChange, onCaptureScreenshot, reworkAttachment, renderDate, commit, showSubject, onReply, replyAttachments, replying, onRework, comments, onPublicChange, labels: labelsProp, className, }: FeedbackRowDetailProps): import("react").JSX.Element;

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

@@ -1,14 +1,13 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
-import { Download, FileText, RotateCcw } from "lucide-react";
+import { 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/button.js";
 import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
-import { filenameFromDisposition, saveBlob } from "../lib/download.js";
 import { formatDate } from "../lib/format.js";
 import { DEFAULT_MAX_ATTACHMENT_BYTES } from "./feedback-attachment.js";
 import { DEFAULT_FEEDBACK_DIALOG_LABELS } from "./feedback-dialog.js";
@@ -28,7 +27,6 @@ import {
   FEEDBACK_AUTHOR_EDITABLE_STATUSES,
   FEEDBACK_REWORKABLE_STATUSES,
   appendRework,
-  attachmentName,
   isImageAttachment,
   replaceDescription,
   splitBodyAttachments,
@@ -37,6 +35,7 @@ import {
 import { useFeedbackStatusUndo } from "./feedback-status-undo.js";
 import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
 import { FeedbackReplyComposer, FeedbackReplyTimeline, feedbackReplyNudge } from "./feedback-replies.js";
+import { FeedbackAttachmentDownload, plainFeedbackFetch } from "./feedback-attachment-download.js";
 import { FeedbackPublicSwitch } from "./feedback-public-switch.js";
 import { FeedbackRepliesDrawnAboveContext } from "./feedback-replies-context.js";
 import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels.js";
@@ -81,53 +80,6 @@ function feedbackAttachmentUrls(row) {
   ];
   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 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 })
-      ]
-    }
-  );
-}
 function feedbackRowAccess(row, { canEdit, viewerId }) {
   const isAuthor = row.user_id !== null && viewerId !== void 0 && viewerId !== null && viewerId === row.user_id;
   return {
@@ -245,6 +197,7 @@ function FeedbackRowDetail({
   commit,
   showSubject = true,
   onReply,
+  replyAttachments = false,
   replying = false,
   onRework,
   comments,
@@ -264,8 +217,8 @@ function FeedbackRowDetail({
   const { description } = splitDescription(row.body);
   const pageHref = feedbackPageHref(row.context);
   const pageUrl = feedbackPageUrl(row.context);
-  const files = feedbackAttachmentUrls(row);
-  const fetchFile = fetcher ?? plainFetch;
+  const files = feedbackAttachmentUrls(row.replies ? { ...row, replies: void 0 } : row);
+  const fetchFile = fetcher ?? plainFeedbackFetch;
   const dateText = (iso) => renderDate ? renderDate(iso) : formatDate(iso, "medium", { locale });
   const saveDescription = (value) => {
     if (value.trim() === description.trim()) {
@@ -337,7 +290,7 @@ function FeedbackRowDetail({
           className: "max-h-64 max-w-full rounded border border-subtle"
         },
         url
-      ) : /* @__PURE__ */ jsx(AttachmentDownload, { url, fetcher: fetchFile, labels }, url)
+      ) : /* @__PURE__ */ jsx(FeedbackAttachmentDownload, { url, fetcher: fetchFile }, url)
     ) }) }),
     /* @__PURE__ */ jsx(
       FeedbackDetailSection,
@@ -345,13 +298,16 @@ function FeedbackRowDetail({
         title: replies ? labels.replies : labels.outcome,
         action: row.resolved_at ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted", children: labels.resolvedAt(dateText(row.resolved_at)) }) : void 0,
         children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
-          replies ? /* @__PURE__ */ jsx(FeedbackReplyTimeline, { replies }) : /* @__PURE__ */ jsx(FeedbackProse, { children: row.outcome || void 0 }),
+          replies ? /* @__PURE__ */ jsx(FeedbackReplyTimeline, { replies, fetcher: fetchFile }) : /* @__PURE__ */ jsx(FeedbackProse, { children: row.outcome || void 0 }),
           composerShown && replies && onReply && /* @__PURE__ */ jsx(
             FeedbackReplyComposer,
             {
               status: row.status,
               onReply,
               pending: replying,
+              onUpload: replyAttachments ? onUpload : void 0,
+              onCaptureScreenshot: replyAttachments ? onCaptureScreenshot : void 0,
+              attachment: replyAttachments ? reworkAttachment : void 0,
               suggestedStatus: feedbackReplyNudge(row),
               commit
             },