@eifi1/ui-kit 0.23.0 → 0.24.0

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

@@ -1,2 +1,67 @@
 import 'react';
-export { D as DEFAULT_ATTACHMENT_ACCEPT, a as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, c as DEFAULT_MAX_ATTACHMENTS, d as DEFAULT_MAX_ATTACHMENT_BYTES, F as FeedbackAttachmentError, e as FeedbackAttachmentErrorInfo, f as FeedbackAttachmentField, g as FeedbackAttachmentFieldLabels, h as FeedbackAttachmentFieldMultipleProps, i as FeedbackAttachmentFieldProps, j as FeedbackAttachmentFieldRefsProps, k as FeedbackAttachmentFieldSingleProps, m as FeedbackAttachmentRef, n as FeedbackAttachmentRefsError, x as pastedName } from '../feedback-attachment-fGAzZPf0.js';
+export { X as DEFAULT_ATTACHMENT_ACCEPT, a5 as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, ad as DEFAULT_MAX_ATTACHMENTS, ae as DEFAULT_MAX_ATTACHMENT_BYTES, aH as FeedbackAttachmentError, aI as FeedbackAttachmentErrorInfo, aJ as FeedbackAttachmentField, aK as FeedbackAttachmentFieldLabels, aL as FeedbackAttachmentFieldMultipleProps, aM as FeedbackAttachmentFieldProps, aN as FeedbackAttachmentFieldRefsProps, aO as FeedbackAttachmentFieldSingleProps, aQ as FeedbackAttachmentRef, aR as FeedbackAttachmentRefsError, cM as pastedName } from '../feedback-DOwPu-Il.js';
+import '../components/tooltip.js';
+import '../hooks/use-anchored-rect.js';
+import '../lib/clipping.js';
+import '../data-table-labels-B7OdnM0S.js';
+import '../components/data-table-sort.js';
+import '../components/swipeable-row.js';
+import '../components/mini-calendar.js';
+import '../components/calendar-heatmap.js';
+import '../components/popover.js';
+import '../components/chip.js';
+import 'lucide-react';
+import '../components/field-sync.js';
+import '../wizard/types.js';
+import '../tour/tour.js';
+import '../search/command-palette.js';
+import '../search/global-search.js';
+import '../search/search-index.js';
+import '../components/month-picker.js';
+import '../components/page-contents.js';
+import '../components/series-chart-labels.js';
+import '../components/pie-chart-labels.js';
+import '../components/sparkline.js';
+import '../components/stat-tile.js';
+import '../components/signature-pad.js';
+import '../components/password-strength.js';
+import '../components/swatch-picker.js';
+import '../components/tile-radio.js';
+import '../components/icon-picker.js';
+import '../components/dialog-frame.js';
+import '../components/modal.js';
+import '../hooks/use-search-param-state.js';
+import '../components/measured-grid.js';
+import '../components/account-settings-labels.js';
+import '../components/floating-panel.js';
+import '../components/bulk-action-bar.js';
+import '../components/list.js';
+import '../components/signed-amount.js';
+import '../components/breadcrumbs.js';
+import '../components/toast.js';
+import '../components/description-list.js';
+import '../components/line-items.js';
+import '../components/progress-bar.js';
+import '../components/error-boundary.js';
+import '../components/authed-image.js';
+import '../hooks/use-authed-src.js';
+import '../components/image-grid.js';
+import '../components/lightbox.js';
+import '../components/write-lock.js';
+import '../components/legal.js';
+import '../components/account-chips.js';
+import '../lib/format.js';
+import '../components/reauth-dialog.js';
+import '../components/server-wake.js';
+import '../lib/server-wake.js';
+import '../components/translation-review-labels.js';
+import '../lib/translation-review.js';
+import '../components/country-select.js';
+import '../components/inline-edit-field.js';
+import '../lib/iban.js';
+import '../lib/phone.js';
+import '../components/sign-chip.js';
+import '../components/column-mapper.js';
+import '../lib/column-mapping.js';
+import '../lib/table-text.js';
+import '../components/field-parts.js';

package/dist/feedback/feedback-attachment.js

@@ -27,6 +27,8 @@ const DEFAULT_FEEDBACK_ATTACHMENT_LABELS = {
   attachmentUploading: "Uploading\u2026",
   attachmentUploadFailed: (name) => `\u201C${name}\u201D could not be uploaded`
 };
+const FIELD_ROOT = "relative min-w-0 max-w-full";
+const buttonIcon = (size) => size === "sm" ? "size-3.5" : "size-4";
 function FeedbackAttachmentField(props) {
   if (props.refs) return /* @__PURE__ */ jsx(RefsField, { ...props });
   return props.multiple ? /* @__PURE__ */ jsx(MultipleField, { ...props }) : /* @__PURE__ */ jsx(SingleField, { ...props });
@@ -42,6 +44,8 @@ function SingleField({
   documentPaste = false,
   pasteFrom,
   disabled = false,
+  buttonVariant = "secondary",
+  buttonSize = "md",
   className
 }) {
   const [previewFor, setPreviewFor] = useState(null);
@@ -77,7 +81,7 @@ function SingleField({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn("relative", className),
+      className: cn(FIELD_ROOT, className),
       onPaste,
       children: [
         /* @__PURE__ */ jsx(Heading, { text: labelsProp?.attachment }),
@@ -105,11 +109,12 @@ function SingleField({
               Button,
               {
                 type: "button",
-                variant: "secondary",
+                variant: buttonVariant,
+                size: buttonSize,
                 disabled,
                 onClick: () => fileInputRef.current?.click(),
                 children: [
-                  /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
+                  /* @__PURE__ */ jsx(Paperclip, { className: buttonIcon(buttonSize) }),
                   " ",
                   text.attachmentAdd
                 ]
@@ -121,7 +126,9 @@ function SingleField({
                 capture: onCaptureScreenshot,
                 onFile: pick,
                 label: text.attachmentCapture,
-                disabled
+                disabled,
+                variant: buttonVariant,
+                size: buttonSize
               }
             )
           ] }),
@@ -159,6 +166,8 @@ function MultipleField({
   documentPaste = false,
   pasteFrom,
   disabled = false,
+  buttonVariant = "secondary",
+  buttonSize = "md",
   className
 }) {
   const rootRef = useRef(null);
@@ -230,7 +239,7 @@ function MultipleField({
       remove: () => commit(latest.current.filter((f) => f !== file))
     }))
   ];
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative space-y-2", className), onPaste, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn(FIELD_ROOT, "space-y-2", className), onPaste, children: [
     /* @__PURE__ */ jsx(Heading, { text: labelsProp?.attachment, className: "mb-0" }),
     chips.length > 0 && // One chip per row, full width: wrapped chips of name-dependent widths made a
     // ragged block in a 430px dialog, and a column keeps every name and remove
@@ -265,12 +274,13 @@ function MultipleField({
         Button,
         {
           type: "button",
-          variant: "secondary",
+          variant: buttonVariant,
+          size: buttonSize,
           "data-attachment-action": "",
           disabled,
           onClick: () => fileInputRef.current?.click(),
           children: [
-            /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
+            /* @__PURE__ */ jsx(Paperclip, { className: buttonIcon(buttonSize) }),
             " ",
             text.attachmentAdd
           ]
@@ -283,6 +293,8 @@ function MultipleField({
           onFile: capture,
           label: text.attachmentCapture,
           disabled,
+          variant: buttonVariant,
+          size: buttonSize,
           "data-attachment-action": ""
         }
       )
@@ -325,6 +337,8 @@ function RefsField({
   disabled = false,
   commit: commits,
   disabledReason: ownDisabledReason,
+  buttonVariant = "secondary",
+  buttonSize = "md",
   className
 }) {
   const rootRef = useRef(null);
@@ -429,7 +443,7 @@ function RefsField({
     onRemove?.(key);
   };
   const hasChips = value.length > 0 || uploads.length > 0;
-  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn("relative space-y-2", className), onPaste, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cn(FIELD_ROOT, "space-y-2", className), onPaste, children: [
     /* @__PURE__ */ jsx(Heading, { text: labelsProp?.attachment, className: "mb-0" }),
     hasChips && /* @__PURE__ */ jsxs("ul", { "aria-label": text.attachmentList, className: "flex flex-col gap-2", children: [
       value.map((ref, index) => /* @__PURE__ */ jsxs(
@@ -477,13 +491,14 @@ function RefsField({
         Button,
         {
           type: "button",
-          variant: "secondary",
+          variant: buttonVariant,
+          size: buttonSize,
           "data-attachment-action": "",
           disabled,
           disabledReason: reason,
           onClick: () => fileInputRef.current?.click(),
           children: [
-            /* @__PURE__ */ jsx(Paperclip, { className: "size-4" }),
+            /* @__PURE__ */ jsx(Paperclip, { className: buttonIcon(buttonSize) }),
             " ",
             text.attachmentAdd
           ]
@@ -497,6 +512,8 @@ function RefsField({
           label: text.attachmentCapture,
           disabled,
           disabledReason: reason,
+          variant: buttonVariant,
+          size: buttonSize,
           "data-attachment-action": ""
         }
       )
@@ -538,6 +555,8 @@ function CaptureButton({
   label,
   disabled = false,
   disabledReason,
+  variant,
+  size,
   ...rest
 }) {
   const [capturing, setCapturing] = useState(false);
@@ -545,7 +564,8 @@ function CaptureButton({
     Button,
     {
       type: "button",
-      variant: "secondary",
+      variant,
+      size,
       disabled: capturing || disabled,
       disabledReason,
       ...rest,
@@ -557,7 +577,7 @@ function CaptureButton({
         }).finally(() => setCapturing(false));
       },
       children: [
-        /* @__PURE__ */ jsx(Camera, { className: "size-4" }),
+        /* @__PURE__ */ jsx(Camera, { className: buttonIcon(size) }),
         " ",
         capturing ? "\u2026" : label
       ]

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-attachment.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\nimport {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ClipboardEvent as ReactClipboardEvent,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { Camera, FileText, Image as ImageIcon, Paperclip, X } from \"lucide-react\";\nimport { Button, IconButton, Spinner } from \"../components/ui\";\nimport { DEFAULT_FILE_PICKER_LABELS, formatAccept } from \"../components/file-button\";\nimport { useCommitReason } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels } from \"../i18n/kit-labels\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\nexport const DEFAULT_ATTACHMENT_ACCEPT = [\"image/png\", \"image/jpeg\", \"image/webp\", \"image/gif\"];\nexport const DEFAULT_MAX_ATTACHMENT_BYTES = 10 * 1024 * 1024;\n/** How many files `<FeedbackAttachmentField multiple>` takes when `max` is not given\n *  (0.15.5). Five photos of one problem is already a lot to look through; a report\n *  that needs more is a conversation, which the thread is for. */\nexport const DEFAULT_MAX_ATTACHMENTS = 5;\n\n/**\n * The field's own strings — the `feedbackAttachment` namespace of `<UiKitProvider\n * labels>`. The keys are {@link FeedbackAttachmentLabels}' own, so the `labels` prop\n * (and a whole `FeedbackDialogLabels` handed down by the dialog) merges over them\n * one to one. The optional heading, `attachment`, stays a prop: a note editor puts\n * the buttons straight under its textarea and wants none.\n *\n * Before 0.7.0 the two optional keys fell back to hard-coded English, so a German app\n * that relied on its provider got \"Capture screenshot\" under a German form.\n *\n * The three keys added in 0.15.5 for `multiple` mode are optional, so a complete\n * `UiKitLabels` typed before it still compiles; they fall back to English. So is\n * `attachmentScreenshot` (0.16.0).\n */\nexport interface FeedbackAttachmentFieldLabels {\n  attachmentAdd: string;\n  attachmentCapture: string;\n  attachmentPaste: string;\n  attachmentRemove: string;\n  /** `multiple` mode: the accessible name of the list of chosen files — and, since\n   *  0.16.0, the heading `<FeedbackDialog attachments=\"multiple\">` puts over it. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): what the screenshot slot's chip is called — \"Screenshot\"\n   *  rather than the capture's file name (\"screenshot.webp\"), which says nothing a\n   *  reporter chose. The file name stays as the chip's second line. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button — \"Remove photo.jpg\". Named per file,\n   *  because five buttons all called \"Remove attachment\" say nothing about which. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown in place of the add buttons once `max` is reached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0, keksdose K16): the second line of a chip whose upload is still\n   *  running, where an uploaded one shows its size — \"Uploading…\". Optional, like the\n   *  keys above, so a `UiKitLabels` typed before it still compiles. */\n  attachmentUploading?: string;\n  /** `refs` mode (0.23.0, keksdose G5a): {@link FeedbackAttachmentErrorInfo.message} for\n   *  an `\"upload\"` refusal — \"“huge.png” could not be uploaded\". The other refusals'\n   *  sentences are the `filePicker` namespace's, shared with FileButton. Optional, like\n   *  the keys above. */\n  attachmentUploadFailed?: (name: string) => string;\n}\n\nexport const DEFAULT_FEEDBACK_ATTACHMENT_LABELS: FeedbackAttachmentFieldLabels = {\n  attachmentAdd: \"Attach image\",\n  attachmentCapture: \"Capture screenshot\",\n  attachmentPaste: \"…or paste a screenshot from the clipboard.\",\n  attachmentRemove: \"Remove attachment\",\n  attachmentList: \"Attachments\",\n  attachmentScreenshot: \"Screenshot\",\n  attachmentRemoveFile: (name) => `Remove ${name}`,\n  attachmentLimit: (max) =>\n    `Up to ${max} ${max === 1 ? \"attachment\" : \"attachments\"} — remove one to add another.`,\n  attachmentUploading: \"Uploading…\",\n  attachmentUploadFailed: (name) => `“${name}” could not be uploaded`,\n};\n\n/** Why a file was turned away. `\"count\"` only ever comes from `multiple` (and `refs`)\n *  mode: more files arrived at once than `max` left room for, and the surplus was\n *  dropped. */\nexport type FeedbackAttachmentError = \"type\" | \"size\" | \"count\";\n\n/** `refs` mode's reasons: {@link FeedbackAttachmentError}, or `\"upload\"` — `onUpload`\n *  rejected, and what it rejected with is `onError`'s second argument. A type of its\n *  own so a host's exhaustive switch over the File modes' reasons stays exhaustive. */\nexport type FeedbackAttachmentRefsError = FeedbackAttachmentError | \"upload\";\n\n/**\n * What `onError` knows about a refusal beyond its kind (0.23.0, keksdose G5a): the file\n * it was about, the limit that refused it, and a sentence that says both.\n *\n * keksdose's support chat toasted \"File too large\" with no name — the field's `onError`\n * carried a kind and nothing else, so a refusal could not say WHICH of three pasted\n * screenshots went, nor what the ceiling was, and its own `AttachmentPicker` (a\n * FileButton, whose `onReject` hands over `{ file, message }`) said more than the kit's\n * field would have. This is that, for every mode.\n *\n * It arrives as an EXTRA argument, after the ones `onError` already had, so a handler\n * written for 0.22 — `(kind) => …`, or `refs` mode's `(kind, error) => …` — compiles\n * and behaves as before:\n *\n * - single and `multiple`: `onError(kind, info)`;\n * - `refs`: `onError(kind, error, info)` — the second place is `onUpload`'s rejection\n *   since 0.22 (`undefined` for the other kinds, as it always was), so the info comes\n *   third rather than changing what a 0.22 handler reads there. It also carries that\n *   `error`, so one helper `(kind, info) => …` serves all three modes.\n *\n * An object rather than more positional arguments because what a host reaches for\n * differs by kind — the bytes for `\"size\"`, `max` for `\"count\"`, the server's answer for\n * `\"upload\"` — and a field added later must not shift anyone's arguments.\n */\nexport interface FeedbackAttachmentErrorInfo {\n  /** The file refused — under the name the field would have given it (a pasted image\n   *  is already \"pasted.png\"). For `\"count\"`, the first of the surplus; for\n   *  `\"upload\"`, the file whose upload failed. */\n  file: File;\n  /** `\"count\"`: every file of the surplus (several can arrive in one pick). Otherwise\n   *  `[file]`. */\n  files: File[];\n  /**\n   * One translated sentence naming the file and the limit — the ones FileButton's\n   * `onReject` hands over, from the same `filePicker` namespace: \"“huge.png” is larger\n   * than 10 MB\", \"Only image/png, image/jpeg files\", \"“c.png” was not added: at most 5\n   * files\" (several at once: \"3 files were not added\"). `\"upload\"`: the field's own\n   * `attachmentUploadFailed`, \"“huge.png” could not be uploaded\" — a host with a better\n   * sentence from the server's answer uses `error`. Ready for a toast as it is.\n   */\n  message: string;\n  /** The field's `maxBytes` — the ceiling a `\"size\"` refusal went over, in bytes. */\n  maxBytes: number;\n  /** The field's `accept` — the types a `\"type\"` refusal was not among. */\n  accept: string[];\n  /** The field's `max` — the ceiling a `\"count\"` refusal hit. Absent in single mode,\n   *  which holds one file by definition. */\n  max?: number;\n  /** `\"upload\"` only: what `onUpload` rejected with — `onError`'s second argument. */\n  error?: unknown;\n}\n\n/**\n * One uploaded attachment in `refs` mode: what the host's upload answered with. `key`\n * identifies it (a storage key, an upload id) and is what a remove goes by; `name` is\n * what the chip says. `size` (bytes) and `type` (mime) are optional — given, the chip\n * shows the size and an image icon or a file icon accordingly.\n */\nexport interface FeedbackAttachmentRef {\n  key: string;\n  name: string;\n  size?: number;\n  type?: string;\n}\n\ninterface FeedbackAttachmentFieldBaseProps {\n  /** Prop > `<UiKitProvider labels={{ feedbackAttachment }}>` > English. Optional\n   *  since 0.7.0; `attachment` (the heading) is only ever read from here. */\n  labels?: Partial<FeedbackAttachmentLabels> &\n    Pick<Partial<FeedbackAttachmentFieldLabels>, \"attachmentUploading\" | \"attachmentUploadFailed\">;\n  accept?: string[];\n  maxBytes?: number;\n  /**\n   * Take no files for now (0.23.0, keksdose G5b): the add and capture buttons, the\n   * hidden file input and every chip's remove button are natively disabled, and a paste\n   * is let through untouched. The chips stay as they are — what is about to be sent\n   * stays readable.\n   *\n   * For the moment a send is in flight. keksdose's support picker is `disabled` while\n   * the message goes out, because the message carries the attachments AS THEY WERE at\n   * the press: a chip removed mid-send has gone with it all the same, and one added\n   * mid-send looks as if it had. The field has no drop target; the paste is its drop.\n   *\n   * This is a pause, not a lock that explains itself — for that, `refs` mode (the mode\n   * that commits) takes `commit` and `disabledReason`.\n   */\n  disabled?: boolean;\n  /** Snapshot the app view behind this and return it as a File. A \"Capture\n   *  screenshot\" button appears only when it is given. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** Listen for the paste on `document` rather than on this field's own\n   *  subtree. For a modal, which owns the whole page while it is up. */\n  documentPaste?: boolean;\n  /** Listen for the paste within this element's subtree rather than this\n   *  field's own — for a field standing *beside* the text box a paste is made\n   *  in, whose common parent is where the event bubbles to. Ignored when\n   *  `documentPaste` is set. */\n  pasteFrom?: RefObject<HTMLElement | null>;\n  className?: string;\n}\n\n/** One file: choosing a second means removing the first. The field's only mode until 0.15.5. */\nexport interface FeedbackAttachmentFieldSingleProps extends FeedbackAttachmentFieldBaseProps {\n  multiple?: false;\n  refs?: false;\n  value: File | null;\n  onChange: (file: File | null) => void;\n  /** A file was refused. `info` (0.23.0) names it and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  // Multiple-mode props, refused here: without `multiple` they would be silently ignored.\n  max?: never;\n  screenshot?: never;\n  onScreenshotChange?: never;\n  // `refs` mode's lock: a staged File is not a commit (see the refs props).\n  commit?: never;\n  disabledReason?: never;\n}\n\n/**\n * Several files (0.15.5, keksdose dev#578: \"pasted two photos, the second overwrote\n * the first\"). Every way in ADDS — a pick of several files, a paste, a capture — up to\n * `max`, and each file is a removable chip.\n */\nexport interface FeedbackAttachmentFieldMultipleProps extends FeedbackAttachmentFieldBaseProps {\n  multiple: true;\n  refs?: false;\n  value: File[];\n  onChange: (files: File[]) => void;\n  /** How many files `value` may hold. Default {@link DEFAULT_MAX_ATTACHMENTS} (5). The\n   *  add buttons and the paste hint are offered only while there is room. */\n  max?: number;\n  /** Per file: a rejected one is reported and the others are still added. `\"count\"` is\n   *  once per pick, with the whole surplus in `info.files`. `info` (0.23.0): see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n  /**\n   * A separate slot for THE screenshot, outside `value` and `max`. Given\n   * `onScreenshotChange`, what `onCaptureScreenshot` returns lands here instead of in\n   * `value`, shown as the first chip, and the capture button is offered only while the\n   * slot is empty — a second snapshot of the same view is not more evidence. This is\n   * how `<FeedbackDialog attachments=\"multiple\">` keeps the screenshot apart from the\n   * photos; a form built from the parts can do the same.\n   */\n  screenshot?: File | null;\n  onScreenshotChange?: (file: File | null) => void;\n  // `refs` mode's lock: a staged File is not a commit (see the refs props).\n  commit?: never;\n  disabledReason?: never;\n}\n\n/**\n * Uploaded on pick (0.22.0, keksdose K16). keksdose's support chat uploads each file\n * the moment it is chosen and sends the message with the REFS the uploads answered —\n * a 10 MB screenshot is refused while the reporter is still typing, not when they\n * press Send — so its `AttachmentPicker` could not use this field, whose value is\n * `File`s held until the form is submitted. Here the value is\n * {@link FeedbackAttachmentRef}s: every way in (pick, paste, capture) validates the\n * file as the other modes do, then hands it to `onUpload` and shows a chip with a\n * spinner until it answers; the ref it resolves to joins `value` through `onChange`.\n * A rejection drops the chip and reports `onError(\"upload\", error)`. A chip is removed\n * BY KEY: `onChange` gets the list without it, and `onRemove` the key, for a host that\n * deletes the upload on the server too.\n *\n * Uploads still running count against `max`, so five picks in quick succession cannot\n * overshoot it; they are not in `value` until they land, so a send that reads `value`\n * sends only what has arrived — hold Send back while {@link onUploadingChange} says\n * an upload is running. Several files upload side by side and join in the order they\n * finish. The File modes are unchanged.\n */\nexport interface FeedbackAttachmentFieldRefsProps extends FeedbackAttachmentFieldBaseProps {\n  refs: true;\n  multiple?: never;\n  value: FeedbackAttachmentRef[];\n  onChange: (refs: FeedbackAttachmentRef[]) => void;\n  /** Upload one file; resolve to its ref, or reject to refuse it. Called once per\n   *  accepted file, the moment it is chosen. */\n  onUpload: (file: File) => Promise<FeedbackAttachmentRef>;\n  /** A chip was removed — after `onChange` — with its ref's key. */\n  onRemove?: (key: string) => void;\n  /** Whether any upload is running: `true` when the first starts, `false` when the\n   *  last settles — for the host's Send, which should wait. */\n  onUploadingChange?: (uploading: boolean) => void;\n  /** How many refs `value` may hold, uploads in flight included. Default\n   *  {@link DEFAULT_MAX_ATTACHMENTS} (5). */\n  max?: number;\n  /** Per file. `\"upload\"` carries what `onUpload` rejected with as `error` (`undefined`\n   *  for the other kinds). `info` (0.23.0) comes third so a 0.22 handler's `error` is\n   *  still the second argument — see {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: FeedbackAttachmentRefsError, error: unknown, info: FeedbackAttachmentErrorInfo) => void;\n  /**\n   * This field COMMITS (0.23.0): each file is uploaded the moment it is chosen, and a\n   * remove may delete the upload (`onRemove`) — a save, unlike the File modes, which\n   * only stage a file for a form sent later (and so stay open under a lock, like every\n   * field). Under a locked {@link WriteLockProvider} it takes the `disabledReason` path\n   * with the lock's reason, which wins over one of its own. No provider, or an unlocked\n   * one: no effect.\n   */\n  commit?: boolean;\n  /**\n   * Why no file can be added or removed — the write lock's sentence, a quota, a thread\n   * closed to replies. Unlike `disabled`, it SAYS so, the kit's commit-control way: the\n   * buttons (add, capture, every chip's remove) stay focusable, `aria-disabled`, with\n   * the reason in the kit Tooltip and their description; no pick, paste or remove gets\n   * through; and the reason stands where the paste hint was, for a phone that never\n   * hovers. The chips stay readable.\n   */\n  disabledReason?: ReactNode;\n  screenshot?: never;\n  onScreenshotChange?: never;\n}\n\nexport type FeedbackAttachmentFieldProps =\n  | FeedbackAttachmentFieldSingleProps\n  | FeedbackAttachmentFieldMultipleProps\n  | FeedbackAttachmentFieldRefsProps;\n\n/**\n * Picking one picture: the file dialog, a capture of the app view, or a paste.\n * With `multiple`, picking several (see {@link FeedbackAttachmentFieldMultipleProps}).\n *\n * Lifted out of {@link FeedbackDialog} so the *reply* half of the feature can\n * have it too (Steering Design feedback #128). A report is a conversation — it\n * is filed, it is answered, and the reporter sends it back saying that is not\n * what they meant — and the screenshot showing what they mean is taken at\n * whichever of those points they looked. Only the first of them had a way to\n * attach one, so everything after it had to be described in words.\n *\n * **Three ways in, and they are three because no one of them covers the others.**\n * The file dialog needs a file on disk; `onCaptureScreenshot` snapshots the\n * *whole* app view; and the clipboard is where a region snip already is on every\n * platform (Steering Design feedback #39). Somebody who wanted to show one panel\n * had to save a crop and then find it again.\n *\n * `documentPaste` and `pasteFrom` decide where the paste is listened for, and\n * it is a real choice rather than a flag with a default. A modal traps focus,\n * so while it is up every paste in the page is meant for it — including one\n * made with nothing in particular focused, which never reaches a React\n * `onPaste` on a child: that is `documentPaste`. An editor **inline on a\n * page** is not that: the page around it has its own fields, so it listens\n * within its own subtree and a paste elsewhere stays where it was aimed. But\n * \"its own subtree\" has to include the text box the paste is actually made in,\n * and that box is this field's *sibling*, not its child — a paste in it bubbles\n * to their common parent and never through here. `pasteFrom` is that parent\n * (Steering Design feedback #140): the element whose subtree is listened to,\n * handed in by whoever renders both the box and this field side by side.\n */\nexport function FeedbackAttachmentField(props: FeedbackAttachmentFieldProps) {\n  // One component per mode rather than one with branches: the modes hold different\n  // state (one preview vs. one per chip vs. uploads in flight), and a hook order that\n  // depends on a prop is a crash the day a caller flips it.\n  if (props.refs) return <RefsField {...props} />;\n  return props.multiple ? <MultipleField {...props} /> : <SingleField {...props} />;\n}\n\nfunction SingleField({\n  value,\n  onChange,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  className,\n}: FeedbackAttachmentFieldSingleProps) {\n  // The object URL is keyed to the file it was made for, so a stale one (from the\n  // previous file, or after `value` is cleared) is never shown — no reset needed.\n  const [previewFor, setPreviewFor] = useState<{ file: File; url: string } | null>(null);\n  const preview = value && previewFor?.file === value ? previewFor.url : null;\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  // `file.size` from `<UiKitProvider labels>`, formatted in its locale — see FileDropzone.\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const errorInfo = useErrorInfo(accept, maxBytes, undefined, text);\n\n  // Object-URL preview lifecycle (create on change, revoke on cleanup).\n  useEffect(() => {\n    if (!value) return;\n    const url = URL.createObjectURL(value);\n    // The URL is an external resource that must be created and revoked in step\n    // with the effect (a render-time `createObjectURL` would leak, and StrictMode's\n    // remount would revoke a memoised one out from under the <img>).\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- publishing an external resource's handle\n    setPreviewFor({ file: value, url });\n    return () => URL.revokeObjectURL(url);\n  }, [value]);\n\n  const pick = (file: File | undefined | null) => {\n    if (!file) return;\n    const problem = rejection(file, accept, maxBytes);\n    if (problem) {\n      onError?.(problem, errorInfo(problem, [file]));\n      return;\n    }\n    onChange(file);\n  };\n\n  const onPaste = usePaste(\n    (images) => {\n      // Clipboard images arrive named \"image.png\" at best and unnamed at worst,\n      // and the name is what the inbox shows beside the thumbnail. A name that\n      // says where it came from is more use than the browser's.\n      const file = images[0];\n      pick(new File([file], pastedName(file.type), { type: file.type }));\n    },\n    documentPaste,\n    pasteFrom,\n    disabled,\n  );\n\n  return (\n    <div\n      // `relative` for the same reason as FileDropzone: the `sr-only` file input below\n      // is `position: absolute`, and without a positioned ancestor it is laid out\n      // against the initial containing block — extending the DOCUMENT height to its own\n      // offset and producing a phantom second scrollbar on any long page.\n      className={cn(\"relative\", className)}\n      onPaste={onPaste}\n    >\n      <Heading text={labelsProp?.attachment} />\n      {value ? (\n        <div className=\"flex items-start gap-2\">\n          {value.type.startsWith(\"image/\") && preview ? (\n            <img\n              src={preview}\n              alt={value.name}\n              className=\"h-20 w-20 rounded border border-[var(--border)] object-cover\"\n            />\n          ) : (\n            // Non-image attachments (PDF, text) can't preview as an <img>, so\n            // show a neutral file tile with the name/size beside it instead.\n            <div className=\"flex h-20 w-20 items-center justify-center rounded border border-[var(--border)] text-[var(--text-placeholder)]\">\n              <FileText className=\"size-8\" />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate text-sm text-[var(--text-secondary)]\">{value.name}</div>\n            <div className=\"text-xs text-[var(--text-muted)]\">\n              {fileText.size(value.size)}\n            </div>\n          </div>\n          <RemoveButton label={text.attachmentRemove} onClick={() => onChange(null)} disabled={disabled} />\n        </div>\n      ) : (\n        <div className=\"space-y-1.5\">\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              disabled={disabled}\n              onClick={() => fileInputRef.current?.click()}\n            >\n              <Paperclip className=\"size-4\" /> {text.attachmentAdd}\n            </Button>\n            {onCaptureScreenshot && (\n              <CaptureButton\n                capture={onCaptureScreenshot}\n                onFile={pick}\n                label={text.attachmentCapture}\n                disabled={disabled}\n              />\n            )}\n          </div>\n          {/* Said out loud, because a gesture with no affordance is a gesture\n              nobody finds. */}\n          <p className=\"text-xs text-[var(--text-muted)]\">\n            {text.attachmentPaste}\n          </p>\n        </div>\n      )}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        disabled={disabled}\n        onChange={(e) => {\n          pick(e.target.files?.[0]);\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\nfunction MultipleField({\n  value,\n  onChange,\n  max = DEFAULT_MAX_ATTACHMENTS,\n  screenshot = null,\n  onScreenshotChange,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  className,\n}: FeedbackAttachmentFieldMultipleProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const removeLabel = text.attachmentRemoveFile ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentRemoveFile!;\n  const limitLabel = text.attachmentLimit ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentLimit!;\n  const screenshotLabel = text.attachmentScreenshot ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentScreenshot!;\n  const errorInfo = useErrorInfo(accept, maxBytes, max, text);\n\n  // What an add or a remove builds on: the `value` prop, plus whatever this field has\n  // already handed to `onChange` since the parent last rendered. The field is\n  // controlled, so between an `onChange` and the re-render that brings it back, `value`\n  // is stale — and two adds in that gap (two pastes, a paste and a pick, delivered by\n  // native listeners whose updates React batches) each spread the SAME old list, and\n  // the second dropped the first. Re-synced to the prop after every commit, so a\n  // parent that refuses a change (or edits the list itself) is what wins.\n  const latest = useRef(value);\n  useLayoutEffect(() => {\n    latest.current = value;\n  });\n  const commit = (next: File[]) => {\n    latest.current = next;\n    onChange(next);\n  };\n\n  const hasSlot = onScreenshotChange !== undefined;\n  const room = Math.max(0, max - value.length);\n  // The screenshot slot is its own thing: it neither counts against `max` nor is\n  // closed by it, so a full set of photos still leaves the capture on offer.\n  const canCapture = !!onCaptureScreenshot && (hasSlot ? !screenshot : room > 0);\n\n  const add = (incoming: File[], pasted = false) => {\n    const current = latest.current;\n    const accepted: File[] = [];\n    const taken = new Set([...current, ...(screenshot ? [screenshot] : [])].map((f) => f.name));\n    for (const raw of incoming) {\n      // Two pastes are two files called \"pasted.png\", and a backend that stores by\n      // name keeps one of them — the very loss this mode exists to end. A picked\n      // file keeps its own name: it is the user's, and they may look for it. Named\n      // before the check, so a refusal names it as the single field's does.\n      const file = pasted ? renamed(raw, uniqueName(pastedName(raw.type), taken)) : raw;\n      const problem = rejection(file, accept, maxBytes);\n      if (problem) {\n        onError?.(problem, errorInfo(problem, [file]));\n        continue;\n      }\n      taken.add(file.name);\n      // The same File object twice is one file chosen twice, not two.\n      if (!current.includes(file)) accepted.push(file);\n    }\n    if (accepted.length === 0) return;\n    const space = Math.max(0, max - current.length);\n    if (accepted.length > space) onError?.(\"count\", errorInfo(\"count\", accepted.slice(space)));\n    const kept = accepted.slice(0, space);\n    if (kept.length > 0) commit([...current, ...kept]);\n  };\n\n  const onPaste = usePaste((images) => add(images, true), documentPaste, pasteFrom, disabled);\n\n  const capture = (file: File) => {\n    if (!hasSlot) {\n      add([file]);\n      return;\n    }\n    const problem = rejection(file, accept, maxBytes);\n    if (problem) onError?.(problem, errorInfo(problem, [file]));\n    else onScreenshotChange(file);\n  };\n\n  // Removing a chip removes the button that had focus. Focus goes to the chip that\n  // took its place — the next one — and, when it was the last, to the first action\n  // button (there is room again, so \"Attach\" is back), else to the chip before it.\n  // Applied once the parent has re-rendered with the shorter list: the field is\n  // controlled, and focusing before that would land on the chip being removed.\n  const pendingFocus = useRef<number | null>(null);\n  useEffect(() => {\n    const index = pendingFocus.current;\n    if (index === null) return;\n    pendingFocus.current = null;\n    const root = rootRef.current;\n    if (!root) return;\n    const removes = root.querySelectorAll<HTMLElement>(\"[data-attachment-remove]\");\n    const target =\n      removes[index] ?? root.querySelector<HTMLElement>(\"[data-attachment-action]\") ?? removes[index - 1];\n    target?.focus();\n  }, [value, screenshot]);\n\n  const chips: Array<{ file: File; screenshot: boolean; name: string; remove: () => void }> = [\n    ...(hasSlot && screenshot\n      ? [{ file: screenshot, screenshot: true, name: screenshotLabel, remove: () => onScreenshotChange(null) }]\n      : []),\n    ...value.map((file) => ({\n      file,\n      screenshot: false,\n      name: file.name,\n      remove: () => commit(latest.current.filter((f) => f !== file)),\n    })),\n  ];\n\n  return (\n    <div ref={rootRef} className={cn(\"relative space-y-2\", className)} onPaste={onPaste}>\n      <Heading text={labelsProp?.attachment} className=\"mb-0\" />\n      {chips.length > 0 && (\n        // One chip per row, full width: wrapped chips of name-dependent widths made a\n        // ragged block in a 430px dialog, and a column keeps every name and remove\n        // button in the same place — the next chip's button is right under the last.\n        <ul aria-label={text.attachmentList} className=\"flex flex-col gap-2\">\n          {chips.map((chip, index) => (\n            <li\n              key={fileKey(chip.file)}\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <ChipPreview file={chip.file} screenshot={chip.screenshot} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{chip.name}</div>\n                <div className=\"truncate text-xs text-[var(--text-muted)]\">\n                  {/* The screenshot's file name moves down here: still there for the\n                      reporter who wants to know what will be sent, not its title. */}\n                  {chip.screenshot ? `${chip.file.name} · ${fileText.size(chip.file.size)}` : fileText.size(chip.file.size)}\n                </div>\n              </div>\n              <RemoveButton\n                label={removeLabel(chip.name)}\n                disabled={disabled}\n                onClick={() => {\n                  pendingFocus.current = index;\n                  chip.remove();\n                }}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n      {(room > 0 || canCapture) && (\n        <div className=\"flex flex-wrap gap-2\">\n          {room > 0 && (\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              data-attachment-action=\"\"\n              disabled={disabled}\n              onClick={() => fileInputRef.current?.click()}\n            >\n              <Paperclip className=\"size-4\" /> {text.attachmentAdd}\n            </Button>\n          )}\n          {canCapture && onCaptureScreenshot && (\n            <CaptureButton\n              capture={onCaptureScreenshot}\n              onFile={capture}\n              label={text.attachmentCapture}\n              disabled={disabled}\n              data-attachment-action=\"\"\n            />\n          )}\n        </div>\n      )}\n      <p className=\"text-xs text-[var(--text-muted)]\">\n        {room > 0 ? text.attachmentPaste : limitLabel(max)}\n      </p>\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple={room > 1}\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        // Out of the tab order and the accessibility tree: the button above is\n        // the way in, and a second, unlabelled \"Choose files\" stop is noise.\n        tabIndex={-1}\n        aria-hidden\n        disabled={disabled}\n        onChange={(e) => {\n          add(Array.from(e.target.files ?? []));\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\n/** A file `refs` mode is uploading: its own id (a ref has no key yet), and the file. */\ninterface Upload {\n  id: number;\n  file: File;\n}\n\nlet nextUploadId = 0;\n\nfunction RefsField({\n  value,\n  onChange,\n  onUpload,\n  onRemove,\n  onUploadingChange,\n  max = DEFAULT_MAX_ATTACHMENTS,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  commit: commits,\n  disabledReason: ownDisabledReason,\n  className,\n}: FeedbackAttachmentFieldRefsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const removeLabel = text.attachmentRemoveFile ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentRemoveFile!;\n  const limitLabel = text.attachmentLimit ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentLimit!;\n  const uploadingLabel = text.attachmentUploading ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploading!;\n  const errorInfo = useErrorInfo(accept, maxBytes, max, text);\n  // The lock's reason (under `commit`) over the field's own; with either, the controls\n  // take the focusable `aria-disabled` path and say why — Button's and IconButton's\n  // `disabledReason`, handed down as is.\n  const disabledReason = useCommitReason(commits, ownDisabledReason);\n  const locked = hasReason(disabledReason);\n  const reason = locked ? disabledReason : undefined;\n  const inert = disabled || locked;\n\n  // As in `multiple` mode: `value` plus whatever has been handed to `onChange` since\n  // the parent last rendered — two uploads landing in one tick must both survive.\n  const latest = useRef(value);\n  useLayoutEffect(() => {\n    latest.current = value;\n  });\n  const commit = (next: FeedbackAttachmentRef[]) => {\n    latest.current = next;\n    onChange(next);\n  };\n\n  const [uploads, setUploads] = useState<Upload[]>([]);\n  // The uploads in flight, kept in a ref as well: `add` runs several times before a\n  // render when files arrive together, and each must see the others — their count\n  // against `max`, their names against a pasted image's.\n  const inFlight = useRef<Upload[]>([]);\n  // Unmounted (the dialog closed mid-upload): a late answer is not this field's to\n  // commit, and setting state on it would be a no-op at best.\n  const mounted = useRef(true);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  const uploadingChange = useRef(onUploadingChange);\n  useEffect(() => {\n    uploadingChange.current = onUploadingChange;\n  });\n\n  const room = Math.max(0, max - value.length - uploads.length);\n\n  const start = (file: File) => {\n    const upload: Upload = { id: nextUploadId++, file };\n    inFlight.current = [...inFlight.current, upload];\n    if (inFlight.current.length === 1) uploadingChange.current?.(true);\n    setUploads(inFlight.current);\n    const settle = () => {\n      inFlight.current = inFlight.current.filter((u) => u.id !== upload.id);\n      if (!mounted.current) return;\n      setUploads(inFlight.current);\n      if (inFlight.current.length === 0) uploadingChange.current?.(false);\n    };\n    let answer: Promise<FeedbackAttachmentRef>;\n    try {\n      answer = Promise.resolve(onUpload(file));\n    } catch (error) {\n      answer = Promise.reject(error);\n    }\n    answer.then(\n      (ref) => {\n        settle();\n        if (mounted.current) commit([...latest.current, ref]);\n      },\n      (error: unknown) => {\n        settle();\n        if (mounted.current) onError?.(\"upload\", error, errorInfo(\"upload\", [file], error));\n      },\n    );\n  };\n\n  const add = (incoming: File[], pasted = false) => {\n    let space = Math.max(0, max - latest.current.length - inFlight.current.length);\n    const taken = new Set([...latest.current.map((r) => r.name), ...inFlight.current.map((u) => u.file.name)]);\n    const dropped: File[] = [];\n    for (const raw of incoming) {\n      // Pasted images are all \"image.png\" to the clipboard; as in `multiple` mode,\n      // each gets a name of its own before it is checked and uploaded under it.\n      const file = pasted ? renamed(raw, uniqueName(pastedName(raw.type), taken)) : raw;\n      const problem = rejection(file, accept, maxBytes);\n      if (problem) {\n        // `undefined` in `error`'s place, as in 0.22: only an upload has one.\n        onError?.(problem, undefined, errorInfo(problem, [file]));\n        continue;\n      }\n      taken.add(file.name);\n      if (space === 0) {\n        dropped.push(file);\n        continue;\n      }\n      space -= 1;\n      start(file);\n    }\n    if (dropped.length > 0) onError?.(\"count\", undefined, errorInfo(\"count\", dropped));\n  };\n\n  const onPaste = usePaste((images) => add(images, true), documentPaste, pasteFrom, inert);\n\n  // Focus after a remove, as in `multiple` mode: the next chip, else the first action.\n  const pendingFocus = useRef<number | null>(null);\n  useEffect(() => {\n    const index = pendingFocus.current;\n    if (index === null) return;\n    pendingFocus.current = null;\n    const root = rootRef.current;\n    if (!root) return;\n    const removes = root.querySelectorAll<HTMLElement>(\"[data-attachment-remove]\");\n    const target =\n      removes[index] ?? root.querySelector<HTMLElement>(\"[data-attachment-action]\") ?? removes[index - 1];\n    target?.focus();\n  }, [value]);\n\n  const remove = (key: string, index: number) => {\n    if (inert) return;\n    pendingFocus.current = index;\n    commit(latest.current.filter((r) => r.key !== key));\n    onRemove?.(key);\n  };\n\n  const hasChips = value.length > 0 || uploads.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(\"relative space-y-2\", className)} onPaste={onPaste}>\n      <Heading text={labelsProp?.attachment} className=\"mb-0\" />\n      {hasChips && (\n        <ul aria-label={text.attachmentList} className=\"flex flex-col gap-2\">\n          {value.map((ref, index) => (\n            <li\n              key={`ref:${ref.key}`}\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <RefGlyph type={ref.type} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{ref.name}</div>\n                {ref.size !== undefined && (\n                  <div className=\"truncate text-xs text-[var(--text-muted)]\">{fileText.size(ref.size)}</div>\n                )}\n              </div>\n              <RemoveButton\n                label={removeLabel(ref.name)}\n                onClick={() => remove(ref.key, index)}\n                disabled={disabled}\n                reason={reason}\n              />\n            </li>\n          ))}\n          {uploads.map((upload) => (\n            <li\n              key={`upload:${upload.id}`}\n              aria-busy=\"true\"\n              data-attachment-uploading=\"\"\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-dashed border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n                <Spinner label={null} className=\"size-5\" />\n              </span>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{upload.file.name}</div>\n                <div className=\"truncate text-xs text-[var(--text-muted)]\">{uploadingLabel}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {room > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            data-attachment-action=\"\"\n            disabled={disabled}\n            disabledReason={reason}\n            onClick={() => fileInputRef.current?.click()}\n          >\n            <Paperclip className=\"size-4\" /> {text.attachmentAdd}\n          </Button>\n          {onCaptureScreenshot && (\n            <CaptureButton\n              capture={onCaptureScreenshot}\n              onFile={(file) => add([file])}\n              label={text.attachmentCapture}\n              disabled={disabled}\n              disabledReason={reason}\n              data-attachment-action=\"\"\n            />\n          )}\n        </div>\n      )}\n      {locked ? (\n        // Where the paste hint was: a phone never hovers, so the Tooltip alone would\n        // leave a touch user with buttons that do nothing and no word why.\n        <div data-attachment-reason=\"\" className=\"text-xs text-[var(--text-muted)]\">\n          {disabledReason}\n        </div>\n      ) : (\n        <p className=\"text-xs text-[var(--text-muted)]\">{room > 0 ? text.attachmentPaste : limitLabel(max)}</p>\n      )}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple={room > 1}\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        tabIndex={-1}\n        aria-hidden\n        disabled={inert}\n        onChange={(e) => {\n          add(Array.from(e.target.files ?? []));\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\n/** A ref chip's picture. The bytes are on the server, not here, so there is nothing to\n *  preview: an image glyph for an image `type`, a file glyph for anything else. */\nfunction RefGlyph({ type }: { type?: string }) {\n  return (\n    <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n      {type?.startsWith(\"image/\") ? <ImageIcon aria-hidden className=\"size-6\" /> : <FileText aria-hidden className=\"size-6\" />}\n    </span>\n  );\n}\n\nfunction Heading({ text, className }: { text?: string; className?: string }) {\n  if (!text) return null;\n  return (\n    <div className={cn(\"mb-1 text-xs font-medium uppercase tracking-wide text-[var(--text-muted)]\", className)}>\n      {text}\n    </div>\n  );\n}\n\nfunction CaptureButton({\n  capture,\n  onFile,\n  label,\n  disabled = false,\n  disabledReason,\n  ...rest\n}: {\n  capture: () => Promise<File | null>;\n  onFile: (file: File) => void;\n  label: string;\n  disabled?: boolean;\n  disabledReason?: ReactNode;\n  \"data-attachment-action\"?: string;\n}) {\n  const [capturing, setCapturing] = useState(false);\n  return (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      disabled={capturing || disabled}\n      disabledReason={disabledReason}\n      {...rest}\n      onClick={() => {\n        if (capturing || disabled) return;\n        setCapturing(true);\n        void capture()\n          .then((file) => {\n            if (file) onFile(file);\n          })\n          .finally(() => setCapturing(false));\n      }}\n    >\n      <Camera className=\"size-4\" /> {capturing ? \"…\" : label}\n    </Button>\n  );\n}\n\n/**\n * A chip's (or the single file's) remove button: the kit's IconButton at the 28px the\n * hand-built one had, so `disabled` (0.23.0) dims and disables it the kit way and a\n * `reason` takes IconButton's `disabledReason` path — focusable, `aria-disabled`, the\n * reason in the Tooltip — rather than a third copy of either here.\n */\nfunction RemoveButton({\n  label,\n  onClick,\n  disabled,\n  reason,\n}: {\n  label: string;\n  onClick: () => void;\n  disabled: boolean;\n  reason?: ReactNode;\n}) {\n  return (\n    <IconButton\n      type=\"button\"\n      size=\"xs\"\n      tone=\"muted\"\n      data-attachment-remove=\"\"\n      aria-label={label}\n      disabled={disabled}\n      disabledReason={reason}\n      onClick={onClick}\n      className=\"shrink-0\"\n    >\n      <X aria-hidden />\n    </IconButton>\n  );\n}\n\n/** A reason worth showing: `null`, `false` and `\"\"` are a caller's \"no reason\". */\nfunction hasReason(reason: ReactNode): boolean {\n  return reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n}\n\n/**\n * The {@link FeedbackAttachmentErrorInfo} builder of one field: its limits, and the\n * sentence for each refusal. The sentences are the `filePicker` namespace's — the ones\n * FileButton and FileDropzone say — so an app that translated those has these too, and\n * a refusal reads the same whichever of the kit's pickers made it. Only the upload\n * failure, which no other picker has, is this field's own (`attachmentUploadFailed`).\n */\nfunction useErrorInfo(\n  accept: string[],\n  maxBytes: number,\n  max: number | undefined,\n  text: FeedbackAttachmentFieldLabels,\n) {\n  const picker = useKitLabels(\"filePicker\", DEFAULT_FILE_PICKER_LABELS);\n  const fileText = useKitFileLabels();\n  const uploadFailed = text.attachmentUploadFailed ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploadFailed!;\n  return (kind: FeedbackAttachmentRefsError, files: File[], error?: unknown): FeedbackAttachmentErrorInfo => {\n    const file = files[0];\n    let message: string;\n    if (kind === \"type\") {\n      // FileButton's rule: name what IS accepted (\"Only image/png, image/jpeg files\"),\n      // unless the app translated `rejectedType` but not yet `rejectedTypeOnly` — its\n      // own sentence beats an English one.\n      const acceptText = formatAccept(accept.join(\",\"));\n      const useOnly =\n        acceptText !== \"\" &&\n        (picker.rejectedTypeOnly !== DEFAULT_FILE_PICKER_LABELS.rejectedTypeOnly ||\n          picker.rejectedType === DEFAULT_FILE_PICKER_LABELS.rejectedType);\n      message = useOnly ? picker.rejectedTypeOnly(acceptText, file.name) : picker.rejectedType(file.name);\n    } else if (kind === \"size\") {\n      message = picker.rejectedSize(file.name, fileText.size(maxBytes));\n    } else if (kind === \"count\") {\n      message = files.length === 1 ? picker.rejectedCount(file.name, max ?? 1) : picker.rejectedMany(files.length);\n    } else {\n      message = uploadFailed(file.name);\n    }\n    return {\n      file,\n      files,\n      message,\n      maxBytes,\n      accept,\n      ...(max !== undefined ? { max } : null),\n      ...(kind === \"upload\" ? { error } : null),\n    };\n  };\n}\n\n/** A chip's picture: the image itself, or a file glyph for anything that is not one.\n *  Decorative (`alt=\"\"`) — the name stands beside it. Its own component so the object\n *  URL lives exactly as long as the chip: removing the chip unmounts it and revokes. */\nfunction ChipPreview({ file, screenshot }: { file: File; screenshot: boolean }) {\n  const isImage = file.type.startsWith(\"image/\");\n  const [previewFor, setPreviewFor] = useState<{ file: File; url: string } | null>(null);\n  const url = previewFor?.file === file ? previewFor.url : null;\n  useEffect(() => {\n    if (!isImage) return;\n    const next = URL.createObjectURL(file);\n    // As in the single field: an external resource created and revoked with the effect.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- publishing an external resource's handle\n    setPreviewFor({ file, url: next });\n    return () => URL.revokeObjectURL(next);\n  }, [file, isImage]);\n\n  return (\n    <span className=\"relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n      {isImage && url ? (\n        <img src={url} alt=\"\" className=\"size-full object-cover\" />\n      ) : (\n        <FileText aria-hidden className=\"size-6\" />\n      )}\n      {screenshot && (\n        // Marks the slot apart from the photos: it is why the capture button is gone.\n        <span className=\"absolute bottom-0.5 end-0.5 rounded-sm bg-[var(--bg-surface)] p-0.5 text-[var(--text-secondary)]\">\n          <Camera aria-hidden className=\"size-3\" />\n        </span>\n      )}\n    </span>\n  );\n}\n\n/** A stable React key per File object — the name is not one (two pastes, two\n *  \"pasted.png\" before renaming; the same photo picked from two folders). */\nconst fileKeys = new WeakMap<File, number>();\nlet nextFileKey = 0;\nfunction fileKey(file: File): number {\n  let key = fileKeys.get(file);\n  if (key === undefined) {\n    key = nextFileKey++;\n    fileKeys.set(file, key);\n  }\n  return key;\n}\n\nfunction rejection(file: File, accept: string[], maxBytes: number): \"type\" | \"size\" | null {\n  if (!accept.includes(file.type)) return \"type\";\n  if (file.size > maxBytes) return \"size\";\n  return null;\n}\n\nfunction renamed(file: File, name: string): File {\n  return new File([file], name, { type: file.type });\n}\n\n/** `pasted.png`, then `pasted-2.png`, `pasted-3.png`… — the first name not in `taken`. */\nfunction uniqueName(name: string, taken: Set<string>): string {\n  if (!taken.has(name)) return name;\n  const dot = name.lastIndexOf(\".\");\n  const [stem, ext] = dot > 0 ? [name.slice(0, dot), name.slice(dot)] : [name, \"\"];\n  let n = 2;\n  while (taken.has(`${stem}-${n}${ext}`)) n++;\n  return `${stem}-${n}${ext}`;\n}\n\n/**\n * The paste listener both modes share. `onImages` gets every image file on the\n * clipboard (the single field takes the first). It is registered once rather than per\n * render, so it reads the handler — which closes over props that change identity on\n * every render — out of a ref rather than out of its own dependency list. Returns the\n * `onPaste` for the field's root, or `undefined` when listening elsewhere.\n */\nfunction usePaste(\n  onImages: (images: File[]) => void,\n  documentPaste: boolean,\n  pasteFrom: RefObject<HTMLElement | null> | undefined,\n  /** `disabled` / locked (0.23.0): the paste goes where it was going, untouched — not\n   *  swallowed, so a text half still lands in the box it was made in. */\n  off: boolean,\n) {\n  // `null` while off, so the listeners below leave the event alone entirely.\n  const handler = off ? null : onImages;\n  const latest = useRef(handler);\n  useEffect(() => {\n    latest.current = handler;\n  });\n\n  // The element listened on, where it is not this field's own subtree: the\n  // document for a modal, the given parent for an inline editor. Read inside\n  // the effect rather than in render, because a ref's `current` is only set\n  // once the parent has mounted — which it has by the time effects run.\n  useEffect(() => {\n    const target: EventTarget | null = documentPaste ? document : (pasteFrom?.current ?? null);\n    if (!target) return;\n    const onPaste = (event: Event) => {\n      if (!latest.current) return;\n      const clipboard = (event as ClipboardEvent).clipboardData;\n      takeImages(clipboard, () => event.preventDefault(), latest.current);\n    };\n    target.addEventListener(\"paste\", onPaste);\n    return () => target.removeEventListener(\"paste\", onPaste);\n  }, [documentPaste, pasteFrom]);\n\n  const listensElsewhere = documentPaste || pasteFrom !== undefined;\n  return listensElsewhere\n    ? undefined\n    : (event: ReactClipboardEvent) => {\n        if (!latest.current) return;\n        takeImages(event.clipboardData, () => event.preventDefault(), latest.current);\n      };\n}\n\nfunction takeImages(clipboard: DataTransfer | null, stop: () => void, onImages: (images: File[]) => void) {\n  const images = Array.from(clipboard?.items ?? [])\n    .filter((item) => item.kind === \"file\" && item.type.startsWith(\"image/\"))\n    .map((item) => item.getAsFile())\n    .filter((file): file is File => file !== null);\n  if (images.length === 0) return;\n  // Only once there IS an image: a paste of text into a field must stay a\n  // paste of text, and a clipboard holding both is a copy whose text half is\n  // what the field was focused for.\n  stop();\n  onImages(images);\n}\n\n/** What a pasted image is called once it is an attachment.\n *\n *  The extension is read off the mime type rather than assumed to be `.png`:\n *  Safari puts TIFF on the clipboard and a file called `pasted.png` that is not\n *  a PNG is one the receiving end opens wrong. */\nexport function pastedName(type: string): string {\n  const subtype = type.split(\"/\")[1] ?? \"png\";\n  // `image/svg+xml` and friends carry a suffix that is not part of the\n  // extension, and none of them are in the accepted list anyway.\n  return `pasted.${subtype.split(\"+\")[0]}`;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-attachment.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\nimport {\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ClipboardEvent as ReactClipboardEvent,\n  type ReactNode,\n  type RefObject,\n} from \"react\";\nimport { Camera, FileText, Image as ImageIcon, Paperclip, X } from \"lucide-react\";\nimport { Button, IconButton, Spinner } from \"../components/ui\";\nimport type { ButtonSize, ButtonVariant } from \"../components/ui\";\nimport { DEFAULT_FILE_PICKER_LABELS, formatAccept } from \"../components/file-button\";\nimport { useCommitReason } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels } from \"../i18n/kit-labels\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\nexport const DEFAULT_ATTACHMENT_ACCEPT = [\"image/png\", \"image/jpeg\", \"image/webp\", \"image/gif\"];\nexport const DEFAULT_MAX_ATTACHMENT_BYTES = 10 * 1024 * 1024;\n/** How many files `<FeedbackAttachmentField multiple>` takes when `max` is not given\n *  (0.15.5). Five photos of one problem is already a lot to look through; a report\n *  that needs more is a conversation, which the thread is for. */\nexport const DEFAULT_MAX_ATTACHMENTS = 5;\n\n/**\n * The field's own strings — the `feedbackAttachment` namespace of `<UiKitProvider\n * labels>`. The keys are {@link FeedbackAttachmentLabels}' own, so the `labels` prop\n * (and a whole `FeedbackDialogLabels` handed down by the dialog) merges over them\n * one to one. The optional heading, `attachment`, stays a prop: a note editor puts\n * the buttons straight under its textarea and wants none.\n *\n * Before 0.7.0 the two optional keys fell back to hard-coded English, so a German app\n * that relied on its provider got \"Capture screenshot\" under a German form.\n *\n * The three keys added in 0.15.5 for `multiple` mode are optional, so a complete\n * `UiKitLabels` typed before it still compiles; they fall back to English. So is\n * `attachmentScreenshot` (0.16.0).\n */\nexport interface FeedbackAttachmentFieldLabels {\n  attachmentAdd: string;\n  attachmentCapture: string;\n  attachmentPaste: string;\n  attachmentRemove: string;\n  /** `multiple` mode: the accessible name of the list of chosen files — and, since\n   *  0.16.0, the heading `<FeedbackDialog attachments=\"multiple\">` puts over it. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): what the screenshot slot's chip is called — \"Screenshot\"\n   *  rather than the capture's file name (\"screenshot.webp\"), which says nothing a\n   *  reporter chose. The file name stays as the chip's second line. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button — \"Remove photo.jpg\". Named per file,\n   *  because five buttons all called \"Remove attachment\" say nothing about which. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown in place of the add buttons once `max` is reached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0, keksdose K16): the second line of a chip whose upload is still\n   *  running, where an uploaded one shows its size — \"Uploading…\". Optional, like the\n   *  keys above, so a `UiKitLabels` typed before it still compiles. */\n  attachmentUploading?: string;\n  /** `refs` mode (0.23.0, keksdose G5a): {@link FeedbackAttachmentErrorInfo.message} for\n   *  an `\"upload\"` refusal — \"“huge.png” could not be uploaded\". The other refusals'\n   *  sentences are the `filePicker` namespace's, shared with FileButton. Optional, like\n   *  the keys above. */\n  attachmentUploadFailed?: (name: string) => string;\n}\n\nexport const DEFAULT_FEEDBACK_ATTACHMENT_LABELS: FeedbackAttachmentFieldLabels = {\n  attachmentAdd: \"Attach image\",\n  attachmentCapture: \"Capture screenshot\",\n  attachmentPaste: \"…or paste a screenshot from the clipboard.\",\n  attachmentRemove: \"Remove attachment\",\n  attachmentList: \"Attachments\",\n  attachmentScreenshot: \"Screenshot\",\n  attachmentRemoveFile: (name) => `Remove ${name}`,\n  attachmentLimit: (max) =>\n    `Up to ${max} ${max === 1 ? \"attachment\" : \"attachments\"} — remove one to add another.`,\n  attachmentUploading: \"Uploading…\",\n  attachmentUploadFailed: (name) => `“${name}” could not be uploaded`,\n};\n\n/** Why a file was turned away. `\"count\"` only ever comes from `multiple` (and `refs`)\n *  mode: more files arrived at once than `max` left room for, and the surplus was\n *  dropped. */\nexport type FeedbackAttachmentError = \"type\" | \"size\" | \"count\";\n\n/** `refs` mode's reasons: {@link FeedbackAttachmentError}, or `\"upload\"` — `onUpload`\n *  rejected, and what it rejected with is `onError`'s second argument. A type of its\n *  own so a host's exhaustive switch over the File modes' reasons stays exhaustive. */\nexport type FeedbackAttachmentRefsError = FeedbackAttachmentError | \"upload\";\n\n/**\n * What `onError` knows about a refusal beyond its kind (0.23.0, keksdose G5a): the file\n * it was about, the limit that refused it, and a sentence that says both.\n *\n * keksdose's support chat toasted \"File too large\" with no name — the field's `onError`\n * carried a kind and nothing else, so a refusal could not say WHICH of three pasted\n * screenshots went, nor what the ceiling was, and its own `AttachmentPicker` (a\n * FileButton, whose `onReject` hands over `{ file, message }`) said more than the kit's\n * field would have. This is that, for every mode.\n *\n * It arrives as an EXTRA argument, after the ones `onError` already had, so a handler\n * written for 0.22 — `(kind) => …`, or `refs` mode's `(kind, error) => …` — compiles\n * and behaves as before:\n *\n * - single and `multiple`: `onError(kind, info)`;\n * - `refs`: `onError(kind, error, info)` — the second place is `onUpload`'s rejection\n *   since 0.22 (`undefined` for the other kinds, as it always was), so the info comes\n *   third rather than changing what a 0.22 handler reads there. It also carries that\n *   `error`, so one helper `(kind, info) => …` serves all three modes.\n *\n * An object rather than more positional arguments because what a host reaches for\n * differs by kind — the bytes for `\"size\"`, `max` for `\"count\"`, the server's answer for\n * `\"upload\"` — and a field added later must not shift anyone's arguments.\n */\nexport interface FeedbackAttachmentErrorInfo {\n  /** The file refused — under the name the field would have given it (a pasted image\n   *  is already \"pasted.png\"). For `\"count\"`, the first of the surplus; for\n   *  `\"upload\"`, the file whose upload failed. */\n  file: File;\n  /** `\"count\"`: every file of the surplus (several can arrive in one pick). Otherwise\n   *  `[file]`. */\n  files: File[];\n  /**\n   * One translated sentence naming the file and the limit — the ones FileButton's\n   * `onReject` hands over, from the same `filePicker` namespace: \"“huge.png” is larger\n   * than 10 MB\", \"Only image/png, image/jpeg files\", \"“c.png” was not added: at most 5\n   * files\" (several at once: \"3 files were not added\"). `\"upload\"`: the field's own\n   * `attachmentUploadFailed`, \"“huge.png” could not be uploaded\" — a host with a better\n   * sentence from the server's answer uses `error`. Ready for a toast as it is.\n   */\n  message: string;\n  /** The field's `maxBytes` — the ceiling a `\"size\"` refusal went over, in bytes. */\n  maxBytes: number;\n  /** The field's `accept` — the types a `\"type\"` refusal was not among. */\n  accept: string[];\n  /** The field's `max` — the ceiling a `\"count\"` refusal hit. Absent in single mode,\n   *  which holds one file by definition. */\n  max?: number;\n  /** `\"upload\"` only: what `onUpload` rejected with — `onError`'s second argument. */\n  error?: unknown;\n}\n\n/**\n * One uploaded attachment in `refs` mode: what the host's upload answered with. `key`\n * identifies it (a storage key, an upload id) and is what a remove goes by; `name` is\n * what the chip says. `size` (bytes) and `type` (mime) are optional — given, the chip\n * shows the size and an image icon or a file icon accordingly.\n */\nexport interface FeedbackAttachmentRef {\n  key: string;\n  name: string;\n  size?: number;\n  type?: string;\n}\n\ninterface FeedbackAttachmentFieldBaseProps {\n  /** Prop > `<UiKitProvider labels={{ feedbackAttachment }}>` > English. Optional\n   *  since 0.7.0; `attachment` (the heading) is only ever read from here. */\n  labels?: Partial<FeedbackAttachmentLabels> &\n    Pick<Partial<FeedbackAttachmentFieldLabels>, \"attachmentUploading\" | \"attachmentUploadFailed\">;\n  accept?: string[];\n  maxBytes?: number;\n  /**\n   * Take no files for now (0.23.0, keksdose G5b): the add and capture buttons, the\n   * hidden file input and every chip's remove button are natively disabled, and a paste\n   * is let through untouched. The chips stay as they are — what is about to be sent\n   * stays readable.\n   *\n   * For the moment a send is in flight. keksdose's support picker is `disabled` while\n   * the message goes out, because the message carries the attachments AS THEY WERE at\n   * the press: a chip removed mid-send has gone with it all the same, and one added\n   * mid-send looks as if it had. The field has no drop target; the paste is its drop.\n   *\n   * This is a pause, not a lock that explains itself — for that, `refs` mode (the mode\n   * that commits) takes `commit` and `disabledReason`.\n   */\n  disabled?: boolean;\n  /** Snapshot the app view behind this and return it as a File. A \"Capture\n   *  screenshot\" button appears only when it is given. */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /** Listen for the paste on `document` rather than on this field's own\n   *  subtree. For a modal, which owns the whole page while it is up. */\n  documentPaste?: boolean;\n  /** Listen for the paste within this element's subtree rather than this\n   *  field's own — for a field standing *beside* the text box a paste is made\n   *  in, whose common parent is where the event bubbles to. Ignored when\n   *  `documentPaste` is set. */\n  pasteFrom?: RefObject<HTMLElement | null>;\n  /**\n   * The add and capture buttons' look (0.24.0, keksdose) — Button's own `variant`.\n   * Default `\"secondary\"`, the look they always had.\n   *\n   * keksdose's support chat puts this field in ChatComposer's `attachmentSlot`, in the\n   * row with Send, where its own picker had been a `ghost` / `sm` FileButton: two\n   * bordered full-size buttons under a chat box read as a second form, and the field\n   * gave no way to say otherwise. Every mode, wherever the buttons appear; the chips'\n   * remove buttons keep their size.\n   */\n  buttonVariant?: ButtonVariant;\n  /** The add and capture buttons' size — Button's own `size`, with `buttonVariant`.\n   *  Default `\"md\"`. `\"sm\"` draws their icons at 14px, as a small button's are. */\n  buttonSize?: ButtonSize;\n  className?: string;\n}\n\n/**\n * The field's root, in every mode. `relative` for the `sr-only` file input (see the\n * single field). `min-w-0 max-w-full` (0.24.0, keksdose) because the field is often a\n * FLEX ITEM — ChatComposer's `attachmentSlot` row, FormActions' `start` — and a flex item\n * is never narrower than its content's min-content width unless told it may be. A chip\n * truncates its name only inside a box of bounded width, and a screenshot's name\n * (\"Screenshot 2026-10-03 at 07.45.12.png\") was the min-content: the field grew to it\n * and ran off a 390px phone composer (measured in Chromium: the field's right edge at\n * 592px, the page 614px wide). keksdose passed `className=\"min-w-0 max-w-full\"` at both\n * its callers to stop it; here once, for every host. In normal flow — a dialog, a note\n * editor — both are no-ops.\n */\nconst FIELD_ROOT = \"relative min-w-0 max-w-full\";\n\n/** Paperclip and camera at the size the button's text is: 16px at `md`, 14px at `sm`. */\nconst buttonIcon = (size: ButtonSize) => (size === \"sm\" ? \"size-3.5\" : \"size-4\");\n\n/** One file: choosing a second means removing the first. The field's only mode until 0.15.5. */\nexport interface FeedbackAttachmentFieldSingleProps extends FeedbackAttachmentFieldBaseProps {\n  multiple?: false;\n  refs?: false;\n  value: File | null;\n  onChange: (file: File | null) => void;\n  /** A file was refused. `info` (0.23.0) names it and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  // Multiple-mode props, refused here: without `multiple` they would be silently ignored.\n  max?: never;\n  screenshot?: never;\n  onScreenshotChange?: never;\n  // `refs` mode's lock: a staged File is not a commit (see the refs props).\n  commit?: never;\n  disabledReason?: never;\n}\n\n/**\n * Several files (0.15.5, keksdose dev#578: \"pasted two photos, the second overwrote\n * the first\"). Every way in ADDS — a pick of several files, a paste, a capture — up to\n * `max`, and each file is a removable chip.\n */\nexport interface FeedbackAttachmentFieldMultipleProps extends FeedbackAttachmentFieldBaseProps {\n  multiple: true;\n  refs?: false;\n  value: File[];\n  onChange: (files: File[]) => void;\n  /** How many files `value` may hold. Default {@link DEFAULT_MAX_ATTACHMENTS} (5). The\n   *  add buttons and the paste hint are offered only while there is room. */\n  max?: number;\n  /** Per file: a rejected one is reported and the others are still added. `\"count\"` is\n   *  once per pick, with the whole surplus in `info.files`. `info` (0.23.0): see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n  /**\n   * A separate slot for THE screenshot, outside `value` and `max`. Given\n   * `onScreenshotChange`, what `onCaptureScreenshot` returns lands here instead of in\n   * `value`, shown as the first chip, and the capture button is offered only while the\n   * slot is empty — a second snapshot of the same view is not more evidence. This is\n   * how `<FeedbackDialog attachments=\"multiple\">` keeps the screenshot apart from the\n   * photos; a form built from the parts can do the same.\n   */\n  screenshot?: File | null;\n  onScreenshotChange?: (file: File | null) => void;\n  // `refs` mode's lock: a staged File is not a commit (see the refs props).\n  commit?: never;\n  disabledReason?: never;\n}\n\n/**\n * Uploaded on pick (0.22.0, keksdose K16). keksdose's support chat uploads each file\n * the moment it is chosen and sends the message with the REFS the uploads answered —\n * a 10 MB screenshot is refused while the reporter is still typing, not when they\n * press Send — so its `AttachmentPicker` could not use this field, whose value is\n * `File`s held until the form is submitted. Here the value is\n * {@link FeedbackAttachmentRef}s: every way in (pick, paste, capture) validates the\n * file as the other modes do, then hands it to `onUpload` and shows a chip with a\n * spinner until it answers; the ref it resolves to joins `value` through `onChange`.\n * A rejection drops the chip and reports `onError(\"upload\", error)`. A chip is removed\n * BY KEY: `onChange` gets the list without it, and `onRemove` the key, for a host that\n * deletes the upload on the server too.\n *\n * Uploads still running count against `max`, so five picks in quick succession cannot\n * overshoot it; they are not in `value` until they land, so a send that reads `value`\n * sends only what has arrived — hold Send back while {@link onUploadingChange} says\n * an upload is running. Several files upload side by side and join in the order they\n * finish. The File modes are unchanged.\n */\nexport interface FeedbackAttachmentFieldRefsProps extends FeedbackAttachmentFieldBaseProps {\n  refs: true;\n  multiple?: never;\n  value: FeedbackAttachmentRef[];\n  onChange: (refs: FeedbackAttachmentRef[]) => void;\n  /** Upload one file; resolve to its ref, or reject to refuse it. Called once per\n   *  accepted file, the moment it is chosen. */\n  onUpload: (file: File) => Promise<FeedbackAttachmentRef>;\n  /** A chip was removed — after `onChange` — with its ref's key. */\n  onRemove?: (key: string) => void;\n  /** Whether any upload is running: `true` when the first starts, `false` when the\n   *  last settles — for the host's Send, which should wait. */\n  onUploadingChange?: (uploading: boolean) => void;\n  /** How many refs `value` may hold, uploads in flight included. Default\n   *  {@link DEFAULT_MAX_ATTACHMENTS} (5). */\n  max?: number;\n  /** Per file. `\"upload\"` carries what `onUpload` rejected with as `error` (`undefined`\n   *  for the other kinds). `info` (0.23.0) comes third so a 0.22 handler's `error` is\n   *  still the second argument — see {@link FeedbackAttachmentErrorInfo}. */\n  onError?: (kind: FeedbackAttachmentRefsError, error: unknown, info: FeedbackAttachmentErrorInfo) => void;\n  /**\n   * This field COMMITS (0.23.0): each file is uploaded the moment it is chosen, and a\n   * remove may delete the upload (`onRemove`) — a save, unlike the File modes, which\n   * only stage a file for a form sent later (and so stay open under a lock, like every\n   * field). Under a locked {@link WriteLockProvider} it takes the `disabledReason` path\n   * with the lock's reason, which wins over one of its own. No provider, or an unlocked\n   * one: no effect.\n   */\n  commit?: boolean;\n  /**\n   * Why no file can be added or removed — the write lock's sentence, a quota, a thread\n   * closed to replies. Unlike `disabled`, it SAYS so, the kit's commit-control way: the\n   * buttons (add, capture, every chip's remove) stay focusable, `aria-disabled`, with\n   * the reason in the kit Tooltip and their description; no pick, paste or remove gets\n   * through; and the reason stands where the paste hint was, for a phone that never\n   * hovers. The chips stay readable.\n   */\n  disabledReason?: ReactNode;\n  screenshot?: never;\n  onScreenshotChange?: never;\n}\n\nexport type FeedbackAttachmentFieldProps =\n  | FeedbackAttachmentFieldSingleProps\n  | FeedbackAttachmentFieldMultipleProps\n  | FeedbackAttachmentFieldRefsProps;\n\n/**\n * Picking one picture: the file dialog, a capture of the app view, or a paste.\n * With `multiple`, picking several (see {@link FeedbackAttachmentFieldMultipleProps}).\n *\n * Lifted out of {@link FeedbackDialog} so the *reply* half of the feature can\n * have it too (Steering Design feedback #128). A report is a conversation — it\n * is filed, it is answered, and the reporter sends it back saying that is not\n * what they meant — and the screenshot showing what they mean is taken at\n * whichever of those points they looked. Only the first of them had a way to\n * attach one, so everything after it had to be described in words.\n *\n * **Three ways in, and they are three because no one of them covers the others.**\n * The file dialog needs a file on disk; `onCaptureScreenshot` snapshots the\n * *whole* app view; and the clipboard is where a region snip already is on every\n * platform (Steering Design feedback #39). Somebody who wanted to show one panel\n * had to save a crop and then find it again.\n *\n * `documentPaste` and `pasteFrom` decide where the paste is listened for, and\n * it is a real choice rather than a flag with a default. A modal traps focus,\n * so while it is up every paste in the page is meant for it — including one\n * made with nothing in particular focused, which never reaches a React\n * `onPaste` on a child: that is `documentPaste`. An editor **inline on a\n * page** is not that: the page around it has its own fields, so it listens\n * within its own subtree and a paste elsewhere stays where it was aimed. But\n * \"its own subtree\" has to include the text box the paste is actually made in,\n * and that box is this field's *sibling*, not its child — a paste in it bubbles\n * to their common parent and never through here. `pasteFrom` is that parent\n * (Steering Design feedback #140): the element whose subtree is listened to,\n * handed in by whoever renders both the box and this field side by side.\n */\nexport function FeedbackAttachmentField(props: FeedbackAttachmentFieldProps) {\n  // One component per mode rather than one with branches: the modes hold different\n  // state (one preview vs. one per chip vs. uploads in flight), and a hook order that\n  // depends on a prop is a crash the day a caller flips it.\n  if (props.refs) return <RefsField {...props} />;\n  return props.multiple ? <MultipleField {...props} /> : <SingleField {...props} />;\n}\n\nfunction SingleField({\n  value,\n  onChange,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  buttonVariant = \"secondary\",\n  buttonSize = \"md\",\n  className,\n}: FeedbackAttachmentFieldSingleProps) {\n  // The object URL is keyed to the file it was made for, so a stale one (from the\n  // previous file, or after `value` is cleared) is never shown — no reset needed.\n  const [previewFor, setPreviewFor] = useState<{ file: File; url: string } | null>(null);\n  const preview = value && previewFor?.file === value ? previewFor.url : null;\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  // `file.size` from `<UiKitProvider labels>`, formatted in its locale — see FileDropzone.\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const errorInfo = useErrorInfo(accept, maxBytes, undefined, text);\n\n  // Object-URL preview lifecycle (create on change, revoke on cleanup).\n  useEffect(() => {\n    if (!value) return;\n    const url = URL.createObjectURL(value);\n    // The URL is an external resource that must be created and revoked in step\n    // with the effect (a render-time `createObjectURL` would leak, and StrictMode's\n    // remount would revoke a memoised one out from under the <img>).\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- publishing an external resource's handle\n    setPreviewFor({ file: value, url });\n    return () => URL.revokeObjectURL(url);\n  }, [value]);\n\n  const pick = (file: File | undefined | null) => {\n    if (!file) return;\n    const problem = rejection(file, accept, maxBytes);\n    if (problem) {\n      onError?.(problem, errorInfo(problem, [file]));\n      return;\n    }\n    onChange(file);\n  };\n\n  const onPaste = usePaste(\n    (images) => {\n      // Clipboard images arrive named \"image.png\" at best and unnamed at worst,\n      // and the name is what the inbox shows beside the thumbnail. A name that\n      // says where it came from is more use than the browser's.\n      const file = images[0];\n      pick(new File([file], pastedName(file.type), { type: file.type }));\n    },\n    documentPaste,\n    pasteFrom,\n    disabled,\n  );\n\n  return (\n    <div\n      // `relative` for the same reason as FileDropzone: the `sr-only` file input below\n      // is `position: absolute`, and without a positioned ancestor it is laid out\n      // against the initial containing block — extending the DOCUMENT height to its own\n      // offset and producing a phantom second scrollbar on any long page. And\n      // `min-w-0 max-w-full`, so a long name truncates in a flex row: see FIELD_ROOT.\n      className={cn(FIELD_ROOT, className)}\n      onPaste={onPaste}\n    >\n      <Heading text={labelsProp?.attachment} />\n      {value ? (\n        <div className=\"flex items-start gap-2\">\n          {value.type.startsWith(\"image/\") && preview ? (\n            <img\n              src={preview}\n              alt={value.name}\n              className=\"h-20 w-20 rounded border border-[var(--border)] object-cover\"\n            />\n          ) : (\n            // Non-image attachments (PDF, text) can't preview as an <img>, so\n            // show a neutral file tile with the name/size beside it instead.\n            <div className=\"flex h-20 w-20 items-center justify-center rounded border border-[var(--border)] text-[var(--text-placeholder)]\">\n              <FileText className=\"size-8\" />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate text-sm text-[var(--text-secondary)]\">{value.name}</div>\n            <div className=\"text-xs text-[var(--text-muted)]\">\n              {fileText.size(value.size)}\n            </div>\n          </div>\n          <RemoveButton label={text.attachmentRemove} onClick={() => onChange(null)} disabled={disabled} />\n        </div>\n      ) : (\n        <div className=\"space-y-1.5\">\n          <div className=\"flex flex-wrap gap-2\">\n            <Button\n              type=\"button\"\n              variant={buttonVariant}\n              size={buttonSize}\n              disabled={disabled}\n              onClick={() => fileInputRef.current?.click()}\n            >\n              <Paperclip className={buttonIcon(buttonSize)} /> {text.attachmentAdd}\n            </Button>\n            {onCaptureScreenshot && (\n              <CaptureButton\n                capture={onCaptureScreenshot}\n                onFile={pick}\n                label={text.attachmentCapture}\n                disabled={disabled}\n                variant={buttonVariant}\n                size={buttonSize}\n              />\n            )}\n          </div>\n          {/* Said out loud, because a gesture with no affordance is a gesture\n              nobody finds. */}\n          <p className=\"text-xs text-[var(--text-muted)]\">\n            {text.attachmentPaste}\n          </p>\n        </div>\n      )}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        disabled={disabled}\n        onChange={(e) => {\n          pick(e.target.files?.[0]);\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\nfunction MultipleField({\n  value,\n  onChange,\n  max = DEFAULT_MAX_ATTACHMENTS,\n  screenshot = null,\n  onScreenshotChange,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  buttonVariant = \"secondary\",\n  buttonSize = \"md\",\n  className,\n}: FeedbackAttachmentFieldMultipleProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const removeLabel = text.attachmentRemoveFile ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentRemoveFile!;\n  const limitLabel = text.attachmentLimit ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentLimit!;\n  const screenshotLabel = text.attachmentScreenshot ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentScreenshot!;\n  const errorInfo = useErrorInfo(accept, maxBytes, max, text);\n\n  // What an add or a remove builds on: the `value` prop, plus whatever this field has\n  // already handed to `onChange` since the parent last rendered. The field is\n  // controlled, so between an `onChange` and the re-render that brings it back, `value`\n  // is stale — and two adds in that gap (two pastes, a paste and a pick, delivered by\n  // native listeners whose updates React batches) each spread the SAME old list, and\n  // the second dropped the first. Re-synced to the prop after every commit, so a\n  // parent that refuses a change (or edits the list itself) is what wins.\n  const latest = useRef(value);\n  useLayoutEffect(() => {\n    latest.current = value;\n  });\n  const commit = (next: File[]) => {\n    latest.current = next;\n    onChange(next);\n  };\n\n  const hasSlot = onScreenshotChange !== undefined;\n  const room = Math.max(0, max - value.length);\n  // The screenshot slot is its own thing: it neither counts against `max` nor is\n  // closed by it, so a full set of photos still leaves the capture on offer.\n  const canCapture = !!onCaptureScreenshot && (hasSlot ? !screenshot : room > 0);\n\n  const add = (incoming: File[], pasted = false) => {\n    const current = latest.current;\n    const accepted: File[] = [];\n    const taken = new Set([...current, ...(screenshot ? [screenshot] : [])].map((f) => f.name));\n    for (const raw of incoming) {\n      // Two pastes are two files called \"pasted.png\", and a backend that stores by\n      // name keeps one of them — the very loss this mode exists to end. A picked\n      // file keeps its own name: it is the user's, and they may look for it. Named\n      // before the check, so a refusal names it as the single field's does.\n      const file = pasted ? renamed(raw, uniqueName(pastedName(raw.type), taken)) : raw;\n      const problem = rejection(file, accept, maxBytes);\n      if (problem) {\n        onError?.(problem, errorInfo(problem, [file]));\n        continue;\n      }\n      taken.add(file.name);\n      // The same File object twice is one file chosen twice, not two.\n      if (!current.includes(file)) accepted.push(file);\n    }\n    if (accepted.length === 0) return;\n    const space = Math.max(0, max - current.length);\n    if (accepted.length > space) onError?.(\"count\", errorInfo(\"count\", accepted.slice(space)));\n    const kept = accepted.slice(0, space);\n    if (kept.length > 0) commit([...current, ...kept]);\n  };\n\n  const onPaste = usePaste((images) => add(images, true), documentPaste, pasteFrom, disabled);\n\n  const capture = (file: File) => {\n    if (!hasSlot) {\n      add([file]);\n      return;\n    }\n    const problem = rejection(file, accept, maxBytes);\n    if (problem) onError?.(problem, errorInfo(problem, [file]));\n    else onScreenshotChange(file);\n  };\n\n  // Removing a chip removes the button that had focus. Focus goes to the chip that\n  // took its place — the next one — and, when it was the last, to the first action\n  // button (there is room again, so \"Attach\" is back), else to the chip before it.\n  // Applied once the parent has re-rendered with the shorter list: the field is\n  // controlled, and focusing before that would land on the chip being removed.\n  const pendingFocus = useRef<number | null>(null);\n  useEffect(() => {\n    const index = pendingFocus.current;\n    if (index === null) return;\n    pendingFocus.current = null;\n    const root = rootRef.current;\n    if (!root) return;\n    const removes = root.querySelectorAll<HTMLElement>(\"[data-attachment-remove]\");\n    const target =\n      removes[index] ?? root.querySelector<HTMLElement>(\"[data-attachment-action]\") ?? removes[index - 1];\n    target?.focus();\n  }, [value, screenshot]);\n\n  const chips: Array<{ file: File; screenshot: boolean; name: string; remove: () => void }> = [\n    ...(hasSlot && screenshot\n      ? [{ file: screenshot, screenshot: true, name: screenshotLabel, remove: () => onScreenshotChange(null) }]\n      : []),\n    ...value.map((file) => ({\n      file,\n      screenshot: false,\n      name: file.name,\n      remove: () => commit(latest.current.filter((f) => f !== file)),\n    })),\n  ];\n\n  return (\n    <div ref={rootRef} className={cn(FIELD_ROOT, \"space-y-2\", className)} onPaste={onPaste}>\n      <Heading text={labelsProp?.attachment} className=\"mb-0\" />\n      {chips.length > 0 && (\n        // One chip per row, full width: wrapped chips of name-dependent widths made a\n        // ragged block in a 430px dialog, and a column keeps every name and remove\n        // button in the same place — the next chip's button is right under the last.\n        <ul aria-label={text.attachmentList} className=\"flex flex-col gap-2\">\n          {chips.map((chip, index) => (\n            <li\n              key={fileKey(chip.file)}\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <ChipPreview file={chip.file} screenshot={chip.screenshot} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{chip.name}</div>\n                <div className=\"truncate text-xs text-[var(--text-muted)]\">\n                  {/* The screenshot's file name moves down here: still there for the\n                      reporter who wants to know what will be sent, not its title. */}\n                  {chip.screenshot ? `${chip.file.name} · ${fileText.size(chip.file.size)}` : fileText.size(chip.file.size)}\n                </div>\n              </div>\n              <RemoveButton\n                label={removeLabel(chip.name)}\n                disabled={disabled}\n                onClick={() => {\n                  pendingFocus.current = index;\n                  chip.remove();\n                }}\n              />\n            </li>\n          ))}\n        </ul>\n      )}\n      {(room > 0 || canCapture) && (\n        <div className=\"flex flex-wrap gap-2\">\n          {room > 0 && (\n            <Button\n              type=\"button\"\n              variant={buttonVariant}\n              size={buttonSize}\n              data-attachment-action=\"\"\n              disabled={disabled}\n              onClick={() => fileInputRef.current?.click()}\n            >\n              <Paperclip className={buttonIcon(buttonSize)} /> {text.attachmentAdd}\n            </Button>\n          )}\n          {canCapture && onCaptureScreenshot && (\n            <CaptureButton\n              capture={onCaptureScreenshot}\n              onFile={capture}\n              label={text.attachmentCapture}\n              disabled={disabled}\n              variant={buttonVariant}\n              size={buttonSize}\n              data-attachment-action=\"\"\n            />\n          )}\n        </div>\n      )}\n      <p className=\"text-xs text-[var(--text-muted)]\">\n        {room > 0 ? text.attachmentPaste : limitLabel(max)}\n      </p>\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple={room > 1}\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        // Out of the tab order and the accessibility tree: the button above is\n        // the way in, and a second, unlabelled \"Choose files\" stop is noise.\n        tabIndex={-1}\n        aria-hidden\n        disabled={disabled}\n        onChange={(e) => {\n          add(Array.from(e.target.files ?? []));\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\n/** A file `refs` mode is uploading: its own id (a ref has no key yet), and the file. */\ninterface Upload {\n  id: number;\n  file: File;\n}\n\nlet nextUploadId = 0;\n\nfunction RefsField({\n  value,\n  onChange,\n  onUpload,\n  onRemove,\n  onUploadingChange,\n  max = DEFAULT_MAX_ATTACHMENTS,\n  labels: labelsProp,\n  accept = DEFAULT_ATTACHMENT_ACCEPT,\n  maxBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n  onError,\n  onCaptureScreenshot,\n  documentPaste = false,\n  pasteFrom,\n  disabled = false,\n  commit: commits,\n  disabledReason: ownDisabledReason,\n  buttonVariant = \"secondary\",\n  buttonSize = \"md\",\n  className,\n}: FeedbackAttachmentFieldRefsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const fileText = useKitFileLabels();\n  const text = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  const removeLabel = text.attachmentRemoveFile ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentRemoveFile!;\n  const limitLabel = text.attachmentLimit ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentLimit!;\n  const uploadingLabel = text.attachmentUploading ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploading!;\n  const errorInfo = useErrorInfo(accept, maxBytes, max, text);\n  // The lock's reason (under `commit`) over the field's own; with either, the controls\n  // take the focusable `aria-disabled` path and say why — Button's and IconButton's\n  // `disabledReason`, handed down as is.\n  const disabledReason = useCommitReason(commits, ownDisabledReason);\n  const locked = hasReason(disabledReason);\n  const reason = locked ? disabledReason : undefined;\n  const inert = disabled || locked;\n\n  // As in `multiple` mode: `value` plus whatever has been handed to `onChange` since\n  // the parent last rendered — two uploads landing in one tick must both survive.\n  const latest = useRef(value);\n  useLayoutEffect(() => {\n    latest.current = value;\n  });\n  const commit = (next: FeedbackAttachmentRef[]) => {\n    latest.current = next;\n    onChange(next);\n  };\n\n  const [uploads, setUploads] = useState<Upload[]>([]);\n  // The uploads in flight, kept in a ref as well: `add` runs several times before a\n  // render when files arrive together, and each must see the others — their count\n  // against `max`, their names against a pasted image's.\n  const inFlight = useRef<Upload[]>([]);\n  // Unmounted (the dialog closed mid-upload): a late answer is not this field's to\n  // commit, and setting state on it would be a no-op at best.\n  const mounted = useRef(true);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n  const uploadingChange = useRef(onUploadingChange);\n  useEffect(() => {\n    uploadingChange.current = onUploadingChange;\n  });\n\n  const room = Math.max(0, max - value.length - uploads.length);\n\n  const start = (file: File) => {\n    const upload: Upload = { id: nextUploadId++, file };\n    inFlight.current = [...inFlight.current, upload];\n    if (inFlight.current.length === 1) uploadingChange.current?.(true);\n    setUploads(inFlight.current);\n    const settle = () => {\n      inFlight.current = inFlight.current.filter((u) => u.id !== upload.id);\n      if (!mounted.current) return;\n      setUploads(inFlight.current);\n      if (inFlight.current.length === 0) uploadingChange.current?.(false);\n    };\n    let answer: Promise<FeedbackAttachmentRef>;\n    try {\n      answer = Promise.resolve(onUpload(file));\n    } catch (error) {\n      answer = Promise.reject(error);\n    }\n    answer.then(\n      (ref) => {\n        settle();\n        if (mounted.current) commit([...latest.current, ref]);\n      },\n      (error: unknown) => {\n        settle();\n        if (mounted.current) onError?.(\"upload\", error, errorInfo(\"upload\", [file], error));\n      },\n    );\n  };\n\n  const add = (incoming: File[], pasted = false) => {\n    let space = Math.max(0, max - latest.current.length - inFlight.current.length);\n    const taken = new Set([...latest.current.map((r) => r.name), ...inFlight.current.map((u) => u.file.name)]);\n    const dropped: File[] = [];\n    for (const raw of incoming) {\n      // Pasted images are all \"image.png\" to the clipboard; as in `multiple` mode,\n      // each gets a name of its own before it is checked and uploaded under it.\n      const file = pasted ? renamed(raw, uniqueName(pastedName(raw.type), taken)) : raw;\n      const problem = rejection(file, accept, maxBytes);\n      if (problem) {\n        // `undefined` in `error`'s place, as in 0.22: only an upload has one.\n        onError?.(problem, undefined, errorInfo(problem, [file]));\n        continue;\n      }\n      taken.add(file.name);\n      if (space === 0) {\n        dropped.push(file);\n        continue;\n      }\n      space -= 1;\n      start(file);\n    }\n    if (dropped.length > 0) onError?.(\"count\", undefined, errorInfo(\"count\", dropped));\n  };\n\n  const onPaste = usePaste((images) => add(images, true), documentPaste, pasteFrom, inert);\n\n  // Focus after a remove, as in `multiple` mode: the next chip, else the first action.\n  const pendingFocus = useRef<number | null>(null);\n  useEffect(() => {\n    const index = pendingFocus.current;\n    if (index === null) return;\n    pendingFocus.current = null;\n    const root = rootRef.current;\n    if (!root) return;\n    const removes = root.querySelectorAll<HTMLElement>(\"[data-attachment-remove]\");\n    const target =\n      removes[index] ?? root.querySelector<HTMLElement>(\"[data-attachment-action]\") ?? removes[index - 1];\n    target?.focus();\n  }, [value]);\n\n  const remove = (key: string, index: number) => {\n    if (inert) return;\n    pendingFocus.current = index;\n    commit(latest.current.filter((r) => r.key !== key));\n    onRemove?.(key);\n  };\n\n  const hasChips = value.length > 0 || uploads.length > 0;\n\n  return (\n    <div ref={rootRef} className={cn(FIELD_ROOT, \"space-y-2\", className)} onPaste={onPaste}>\n      <Heading text={labelsProp?.attachment} className=\"mb-0\" />\n      {hasChips && (\n        <ul aria-label={text.attachmentList} className=\"flex flex-col gap-2\">\n          {value.map((ref, index) => (\n            <li\n              key={`ref:${ref.key}`}\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <RefGlyph type={ref.type} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{ref.name}</div>\n                {ref.size !== undefined && (\n                  <div className=\"truncate text-xs text-[var(--text-muted)]\">{fileText.size(ref.size)}</div>\n                )}\n              </div>\n              <RemoveButton\n                label={removeLabel(ref.name)}\n                onClick={() => remove(ref.key, index)}\n                disabled={disabled}\n                reason={reason}\n              />\n            </li>\n          ))}\n          {uploads.map((upload) => (\n            <li\n              key={`upload:${upload.id}`}\n              aria-busy=\"true\"\n              data-attachment-uploading=\"\"\n              className=\"flex min-w-0 items-center gap-2 rounded-md border border-dashed border-[var(--border)] bg-[var(--bg-surface)] p-1\"\n            >\n              <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n                <Spinner label={null} className=\"size-5\" />\n              </span>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate text-sm text-[var(--text-secondary)]\">{upload.file.name}</div>\n                <div className=\"truncate text-xs text-[var(--text-muted)]\">{uploadingLabel}</div>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {room > 0 && (\n        <div className=\"flex flex-wrap gap-2\">\n          <Button\n            type=\"button\"\n            variant={buttonVariant}\n            size={buttonSize}\n            data-attachment-action=\"\"\n            disabled={disabled}\n            disabledReason={reason}\n            onClick={() => fileInputRef.current?.click()}\n          >\n            <Paperclip className={buttonIcon(buttonSize)} /> {text.attachmentAdd}\n          </Button>\n          {onCaptureScreenshot && (\n            <CaptureButton\n              capture={onCaptureScreenshot}\n              onFile={(file) => add([file])}\n              label={text.attachmentCapture}\n              disabled={disabled}\n              disabledReason={reason}\n              variant={buttonVariant}\n              size={buttonSize}\n              data-attachment-action=\"\"\n            />\n          )}\n        </div>\n      )}\n      {locked ? (\n        // Where the paste hint was: a phone never hovers, so the Tooltip alone would\n        // leave a touch user with buttons that do nothing and no word why.\n        <div data-attachment-reason=\"\" className=\"text-xs text-[var(--text-muted)]\">\n          {disabledReason}\n        </div>\n      ) : (\n        <p className=\"text-xs text-[var(--text-muted)]\">{room > 0 ? text.attachmentPaste : limitLabel(max)}</p>\n      )}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        multiple={room > 1}\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        tabIndex={-1}\n        aria-hidden\n        disabled={inert}\n        onChange={(e) => {\n          add(Array.from(e.target.files ?? []));\n          e.target.value = \"\";\n        }}\n      />\n    </div>\n  );\n}\n\n/** A ref chip's picture. The bytes are on the server, not here, so there is nothing to\n *  preview: an image glyph for an image `type`, a file glyph for anything else. */\nfunction RefGlyph({ type }: { type?: string }) {\n  return (\n    <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n      {type?.startsWith(\"image/\") ? <ImageIcon aria-hidden className=\"size-6\" /> : <FileText aria-hidden className=\"size-6\" />}\n    </span>\n  );\n}\n\nfunction Heading({ text, className }: { text?: string; className?: string }) {\n  if (!text) return null;\n  return (\n    <div className={cn(\"mb-1 text-xs font-medium uppercase tracking-wide text-[var(--text-muted)]\", className)}>\n      {text}\n    </div>\n  );\n}\n\nfunction CaptureButton({\n  capture,\n  onFile,\n  label,\n  disabled = false,\n  disabledReason,\n  variant,\n  size,\n  ...rest\n}: {\n  capture: () => Promise<File | null>;\n  onFile: (file: File) => void;\n  label: string;\n  disabled?: boolean;\n  disabledReason?: ReactNode;\n  variant: ButtonVariant;\n  size: ButtonSize;\n  \"data-attachment-action\"?: string;\n}) {\n  const [capturing, setCapturing] = useState(false);\n  return (\n    <Button\n      type=\"button\"\n      variant={variant}\n      size={size}\n      disabled={capturing || disabled}\n      disabledReason={disabledReason}\n      {...rest}\n      onClick={() => {\n        if (capturing || disabled) return;\n        setCapturing(true);\n        void capture()\n          .then((file) => {\n            if (file) onFile(file);\n          })\n          .finally(() => setCapturing(false));\n      }}\n    >\n      <Camera className={buttonIcon(size)} /> {capturing ? \"…\" : label}\n    </Button>\n  );\n}\n\n/**\n * A chip's (or the single file's) remove button: the kit's IconButton at the 28px the\n * hand-built one had, so `disabled` (0.23.0) dims and disables it the kit way and a\n * `reason` takes IconButton's `disabledReason` path — focusable, `aria-disabled`, the\n * reason in the Tooltip — rather than a third copy of either here.\n */\nfunction RemoveButton({\n  label,\n  onClick,\n  disabled,\n  reason,\n}: {\n  label: string;\n  onClick: () => void;\n  disabled: boolean;\n  reason?: ReactNode;\n}) {\n  return (\n    <IconButton\n      type=\"button\"\n      size=\"xs\"\n      tone=\"muted\"\n      data-attachment-remove=\"\"\n      aria-label={label}\n      disabled={disabled}\n      disabledReason={reason}\n      onClick={onClick}\n      className=\"shrink-0\"\n    >\n      <X aria-hidden />\n    </IconButton>\n  );\n}\n\n/** A reason worth showing: `null`, `false` and `\"\"` are a caller's \"no reason\". */\nfunction hasReason(reason: ReactNode): boolean {\n  return reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n}\n\n/**\n * The {@link FeedbackAttachmentErrorInfo} builder of one field: its limits, and the\n * sentence for each refusal. The sentences are the `filePicker` namespace's — the ones\n * FileButton and FileDropzone say — so an app that translated those has these too, and\n * a refusal reads the same whichever of the kit's pickers made it. Only the upload\n * failure, which no other picker has, is this field's own (`attachmentUploadFailed`).\n */\nfunction useErrorInfo(\n  accept: string[],\n  maxBytes: number,\n  max: number | undefined,\n  text: FeedbackAttachmentFieldLabels,\n) {\n  const picker = useKitLabels(\"filePicker\", DEFAULT_FILE_PICKER_LABELS);\n  const fileText = useKitFileLabels();\n  const uploadFailed = text.attachmentUploadFailed ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentUploadFailed!;\n  return (kind: FeedbackAttachmentRefsError, files: File[], error?: unknown): FeedbackAttachmentErrorInfo => {\n    const file = files[0];\n    let message: string;\n    if (kind === \"type\") {\n      // FileButton's rule: name what IS accepted (\"Only image/png, image/jpeg files\"),\n      // unless the app translated `rejectedType` but not yet `rejectedTypeOnly` — its\n      // own sentence beats an English one.\n      const acceptText = formatAccept(accept.join(\",\"));\n      const useOnly =\n        acceptText !== \"\" &&\n        (picker.rejectedTypeOnly !== DEFAULT_FILE_PICKER_LABELS.rejectedTypeOnly ||\n          picker.rejectedType === DEFAULT_FILE_PICKER_LABELS.rejectedType);\n      message = useOnly ? picker.rejectedTypeOnly(acceptText, file.name) : picker.rejectedType(file.name);\n    } else if (kind === \"size\") {\n      message = picker.rejectedSize(file.name, fileText.size(maxBytes));\n    } else if (kind === \"count\") {\n      message = files.length === 1 ? picker.rejectedCount(file.name, max ?? 1) : picker.rejectedMany(files.length);\n    } else {\n      message = uploadFailed(file.name);\n    }\n    return {\n      file,\n      files,\n      message,\n      maxBytes,\n      accept,\n      ...(max !== undefined ? { max } : null),\n      ...(kind === \"upload\" ? { error } : null),\n    };\n  };\n}\n\n/** A chip's picture: the image itself, or a file glyph for anything that is not one.\n *  Decorative (`alt=\"\"`) — the name stands beside it. Its own component so the object\n *  URL lives exactly as long as the chip: removing the chip unmounts it and revokes. */\nfunction ChipPreview({ file, screenshot }: { file: File; screenshot: boolean }) {\n  const isImage = file.type.startsWith(\"image/\");\n  const [previewFor, setPreviewFor] = useState<{ file: File; url: string } | null>(null);\n  const url = previewFor?.file === file ? previewFor.url : null;\n  useEffect(() => {\n    if (!isImage) return;\n    const next = URL.createObjectURL(file);\n    // As in the single field: an external resource created and revoked with the effect.\n    // eslint-disable-next-line react-hooks/set-state-in-effect -- publishing an external resource's handle\n    setPreviewFor({ file, url: next });\n    return () => URL.revokeObjectURL(next);\n  }, [file, isImage]);\n\n  return (\n    <span className=\"relative flex size-12 shrink-0 items-center justify-center overflow-hidden rounded border border-[var(--border)] bg-[var(--bg-surface-2)] text-[var(--text-placeholder)]\">\n      {isImage && url ? (\n        <img src={url} alt=\"\" className=\"size-full object-cover\" />\n      ) : (\n        <FileText aria-hidden className=\"size-6\" />\n      )}\n      {screenshot && (\n        // Marks the slot apart from the photos: it is why the capture button is gone.\n        <span className=\"absolute bottom-0.5 end-0.5 rounded-sm bg-[var(--bg-surface)] p-0.5 text-[var(--text-secondary)]\">\n          <Camera aria-hidden className=\"size-3\" />\n        </span>\n      )}\n    </span>\n  );\n}\n\n/** A stable React key per File object — the name is not one (two pastes, two\n *  \"pasted.png\" before renaming; the same photo picked from two folders). */\nconst fileKeys = new WeakMap<File, number>();\nlet nextFileKey = 0;\nfunction fileKey(file: File): number {\n  let key = fileKeys.get(file);\n  if (key === undefined) {\n    key = nextFileKey++;\n    fileKeys.set(file, key);\n  }\n  return key;\n}\n\nfunction rejection(file: File, accept: string[], maxBytes: number): \"type\" | \"size\" | null {\n  if (!accept.includes(file.type)) return \"type\";\n  if (file.size > maxBytes) return \"size\";\n  return null;\n}\n\nfunction renamed(file: File, name: string): File {\n  return new File([file], name, { type: file.type });\n}\n\n/** `pasted.png`, then `pasted-2.png`, `pasted-3.png`… — the first name not in `taken`. */\nfunction uniqueName(name: string, taken: Set<string>): string {\n  if (!taken.has(name)) return name;\n  const dot = name.lastIndexOf(\".\");\n  const [stem, ext] = dot > 0 ? [name.slice(0, dot), name.slice(dot)] : [name, \"\"];\n  let n = 2;\n  while (taken.has(`${stem}-${n}${ext}`)) n++;\n  return `${stem}-${n}${ext}`;\n}\n\n/**\n * The paste listener both modes share. `onImages` gets every image file on the\n * clipboard (the single field takes the first). It is registered once rather than per\n * render, so it reads the handler — which closes over props that change identity on\n * every render — out of a ref rather than out of its own dependency list. Returns the\n * `onPaste` for the field's root, or `undefined` when listening elsewhere.\n */\nfunction usePaste(\n  onImages: (images: File[]) => void,\n  documentPaste: boolean,\n  pasteFrom: RefObject<HTMLElement | null> | undefined,\n  /** `disabled` / locked (0.23.0): the paste goes where it was going, untouched — not\n   *  swallowed, so a text half still lands in the box it was made in. */\n  off: boolean,\n) {\n  // `null` while off, so the listeners below leave the event alone entirely.\n  const handler = off ? null : onImages;\n  const latest = useRef(handler);\n  useEffect(() => {\n    latest.current = handler;\n  });\n\n  // The element listened on, where it is not this field's own subtree: the\n  // document for a modal, the given parent for an inline editor. Read inside\n  // the effect rather than in render, because a ref's `current` is only set\n  // once the parent has mounted — which it has by the time effects run.\n  useEffect(() => {\n    const target: EventTarget | null = documentPaste ? document : (pasteFrom?.current ?? null);\n    if (!target) return;\n    const onPaste = (event: Event) => {\n      if (!latest.current) return;\n      const clipboard = (event as ClipboardEvent).clipboardData;\n      takeImages(clipboard, () => event.preventDefault(), latest.current);\n    };\n    target.addEventListener(\"paste\", onPaste);\n    return () => target.removeEventListener(\"paste\", onPaste);\n  }, [documentPaste, pasteFrom]);\n\n  const listensElsewhere = documentPaste || pasteFrom !== undefined;\n  return listensElsewhere\n    ? undefined\n    : (event: ReactClipboardEvent) => {\n        if (!latest.current) return;\n        takeImages(event.clipboardData, () => event.preventDefault(), latest.current);\n      };\n}\n\nfunction takeImages(clipboard: DataTransfer | null, stop: () => void, onImages: (images: File[]) => void) {\n  const images = Array.from(clipboard?.items ?? [])\n    .filter((item) => item.kind === \"file\" && item.type.startsWith(\"image/\"))\n    .map((item) => item.getAsFile())\n    .filter((file): file is File => file !== null);\n  if (images.length === 0) return;\n  // Only once there IS an image: a paste of text into a field must stay a\n  // paste of text, and a clipboard holding both is a copy whose text half is\n  // what the field was focused for.\n  stop();\n  onImages(images);\n}\n\n/** What a pasted image is called once it is an attachment.\n *\n *  The extension is read off the mime type rather than assumed to be `.png`:\n *  Safari puts TIFF on the clipboard and a file called `pasted.png` that is not\n *  a PNG is one the receiving end opens wrong. */\nexport function pastedName(type: string): string {\n  const subtype = type.split(\"/\")[1] ?? \"png\";\n  // `image/svg+xml` and friends carry a suffix that is not part of the\n  // extension, and none of them are in the accepted list anyway.\n  return `pasted.${subtype.split(\"+\")[0]}`;\n}\n"],"mappings":"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","names":[]}