@eifi1/ui-kit 0.51.4 → 0.51.5

package/dist/components/user-avatar.js

@@ -22,27 +22,8 @@ function UserAvatar({ name, email, person, size = "md", badge, className, ...res
   const initials = (person ? personInitials(person, locale) : "") || avatarInitials(name, email);
   if (badge) {
     return /* @__PURE__ */ jsxs("span", { ...rest, className: "relative inline-flex shrink-0", children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          "aria-hidden": true,
-          className: cn(
-            CHIP,
-            AVATAR_SIZES[size],
-            className
-          ),
-          children: initials
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        StatusDot,
-        {
-          ring: true,
-          tone: badge.tone ?? "danger",
-          size: BADGE_SIZES[size],
-          className: "absolute -end-0.5 -top-0.5"
-        }
-      ),
+      /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: cn(CHIP, AVATAR_SIZES[size], className), children: initials }),
+      /* @__PURE__ */ jsx(StatusDot, { ring: true, tone: badge.tone ?? "danger", size: BADGE_SIZES[size], className: "absolute -end-0.5 -top-0.5" }),
       /* @__PURE__ */ jsx("span", { className: "sr-only", children: badge.label })
     ] });
   }
@@ -51,11 +32,7 @@ function UserAvatar({ name, email, person, size = "md", badge, className, ...res
     {
       "aria-hidden": true,
       ...rest,
-      className: cn(
-        CHIP,
-        AVATAR_SIZES[size],
-        className
-      ),
+      className: cn(CHIP, AVATAR_SIZES[size], className),
       children: initials
     }
   );

package/dist/components/user-avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { personInitials } from \"../lib/person-name\";\nimport type { PersonName } from \"../lib/person-name\";\nimport { useKitLocale } from \"../i18n/kit-labels\";\nimport { StatusDot } from \"./status-dot\";\nimport type { StatusDotSize, StatusDotTone } from \"./status-dot\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-caption\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\nconst CHIP =\n  \"inline-flex shrink-0 items-center justify-center rounded-full bg-inverse font-semibold text-inverse\";\n\n/** The dot grows with the avatar: 8px on `sm`, 10px on `md` (keksdose's), 12px on `lg`. */\nconst BADGE_SIZES: Record<keyof typeof AVATAR_SIZES, StatusDotSize> = { sm: \"sm\", md: \"md\", lg: \"lg\" };\n\n/** A status dot in the avatar's top corner — an unread count, presence. */\nexport interface UserAvatarBadge {\n  /** What the dot MEANS, for a screen reader (\"3 unread\"). Required: a coloured circle\n   *  says nothing to someone who cannot see it. */\n  label: ReactNode;\n  /** Default `danger`, the unread dot both apps draw by hand. */\n  tone?: StatusDotTone;\n}\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `person`/`name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  /**\n   * The person's first and last name (0.29.0, docs/auth-harmonization.md §3.2) —\n   * preferred over `name` whenever either part is filled in. The initials follow the\n   * READER's language, the provider's `locale`: \"AE\" for Ada Example, \"EA\" in Hungarian\n   * (family name first), the family name's first character alone in Chinese. See\n   * {@link personInitials}.\n   *\n   * `name` stays the fallback for an API that still sends only `display_name`, and\n   * `email` after it: a person whose two parts are both blank falls through to them.\n   * A migrated user (the whole old display name in `first`, no `last`, §3.3) keeps the\n   * initials they had.\n   */\n  person?: PersonName | null;\n  size?: keyof typeof AVATAR_SIZES;\n  /**\n   * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed\n   * in the surface colour so it reads as its own mark (keksdose account-menu ~385,\n   * top-bar :152). Its `label` is read as text where the dot sits — inside a button\n   * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the\n   * button is named by the menu's `aria-label` followed by this label: \"Account menu\n   * 3 unread\". The initials stay hidden either way, so the person's name is NOT part\n   * of it — put it in `aria-label` (\"Marcel Eifert, account menu\") if it should be.\n   */\n  badge?: UserAvatarBadge | null;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, person, size = \"md\", badge, className, ...rest }: UserAvatarProps) {\n  const locale = useKitLocale();\n  const initials = (person ? personInitials(person, locale) : \"\") || avatarInitials(name, email);\n  if (badge) {\n    // A wrapper, because the chip itself is `aria-hidden` and the badge label must not\n    // be. `className` stays on the chip (a size override still sizes the circle); the\n    // other attributes go on the wrapper, which is what a caller addresses. `relative`\n    // also contains the sr-only text.\n    return (\n      <span {...rest} className=\"relative inline-flex shrink-0\">\n        <span\n          aria-hidden\n          className={cn(\n            CHIP,\n            AVATAR_SIZES[size],\n            className,\n          )}\n        >\n          {initials}\n        </span>\n        <StatusDot\n          ring\n          tone={badge.tone ?? \"danger\"}\n          size={BADGE_SIZES[size]}\n          className=\"absolute -end-0.5 -top-0.5\"\n        />\n        <span className=\"sr-only\">{badge.label}</span>\n      </span>\n    );\n  }\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(\n        CHIP,\n        AVATAR_SIZES[size],\n        className,\n      )}\n    >\n      {initials}\n    </span>\n  );\n}\n"],"mappings":";AA2FM,SACE,KADF;AA1FN,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAcnB,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,OACJ;AAGF,MAAM,cAAgE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AA8C9F,SAAS,WAAW,EAAE,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,WAAW,GAAG,KAAK,GAAoB;AAC3G,QAAM,SAAS,aAAa;AAC5B,QAAM,YAAY,SAAS,eAAe,QAAQ,MAAM,IAAI,OAAO,eAAe,MAAM,KAAK;AAC7F,MAAI,OAAO;AAKT,WACE,qBAAC,UAAM,GAAG,MAAM,WAAU,iCACxB;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,eAAW;AAAA,UACX,WAAW;AAAA,YACT;AAAA,YACA,aAAa,IAAI;AAAA,YACjB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAI;AAAA,UACJ,MAAM,MAAM,QAAQ;AAAA,UACpB,MAAM,YAAY,IAAI;AAAA,UACtB,WAAU;AAAA;AAAA,MACZ;AAAA,MACA,oBAAC,UAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,OACzC;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA,aAAa,IAAI;AAAA,QACjB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/user-avatar.tsx"],"sourcesContent":["import type { ComponentPropsWithRef, ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { personInitials } from \"../lib/person-name\";\nimport type { PersonName } from \"../lib/person-name\";\nimport { useKitLocale } from \"../i18n/kit-labels\";\nimport { StatusDot } from \"./status-dot\";\nimport type { StatusDotSize, StatusDotTone } from \"./status-dot\";\n\n/** Initials from a display name (first + last) or, failing that, an email —\n *  e.g. \"Marcel Eifert\" → \"ME\", \"marcel@x.com\" → \"MA\". App-agnostic.\n *\n *  \"Failing that\" means BLANK, not merely absent. This was `name ?? email ?? \"?\"`,\n *  and `??` falls through on null/undefined alone — so an empty or whitespace-only\n *  display name short-circuited the email it had in hand and landed on the guard\n *  below, returning \"?\" for a user whose address says \"MA\" perfectly well. Keksdose\n *  cannot reach it (its `display_name` has `min_length=1`), but this is exported as\n *  app-agnostic, and any consumer whose profile name is optional free text got a wall\n *  of \"?\" chips. The guard is what shows the empty case was foreseen; it just\n *  answered it at the wrong end. */\nexport function avatarInitials(name?: string | null, email?: string | null): string {\n  const source = [name, email].map((s) => s?.trim()).find(Boolean) ?? \"?\";\n  const parts = source.split(/\\s+/).filter(Boolean);\n  if (parts.length >= 2) return (parts[0][0] + parts[1][0]).toUpperCase();\n  return source.slice(0, 2).toUpperCase();\n}\n\nconst AVATAR_SIZES = {\n  sm: \"size-7 text-caption\",\n  md: \"size-8 text-xs\",\n  lg: \"size-12 text-base\",\n} as const;\n\nconst CHIP = \"inline-flex shrink-0 items-center justify-center rounded-full bg-inverse font-semibold text-inverse\";\n\n/** The dot grows with the avatar: 8px on `sm`, 10px on `md` (keksdose's), 12px on `lg`. */\nconst BADGE_SIZES: Record<keyof typeof AVATAR_SIZES, StatusDotSize> = { sm: \"sm\", md: \"md\", lg: \"lg\" };\n\n/** A status dot in the avatar's top corner — an unread count, presence. */\nexport interface UserAvatarBadge {\n  /** What the dot MEANS, for a screen reader (\"3 unread\"). Required: a coloured circle\n   *  says nothing to someone who cannot see it. */\n  label: ReactNode;\n  /** Default `danger`, the unread dot both apps draw by hand. */\n  tone?: StatusDotTone;\n}\n\n/** A `<span>`'s props, minus `children`: the content is the initials this computes\n *  from `person`/`name`/`email`, so there is nothing for a caller to put inside. */\nexport interface UserAvatarProps extends Omit<ComponentPropsWithRef<\"span\">, \"children\"> {\n  name?: string | null;\n  email?: string | null;\n  /**\n   * The person's first and last name (0.29.0, docs/auth-harmonization.md §3.2) —\n   * preferred over `name` whenever either part is filled in. The initials follow the\n   * READER's language, the provider's `locale`: \"AE\" for Ada Example, \"EA\" in Hungarian\n   * (family name first), the family name's first character alone in Chinese. See\n   * {@link personInitials}.\n   *\n   * `name` stays the fallback for an API that still sends only `display_name`, and\n   * `email` after it: a person whose two parts are both blank falls through to them.\n   * A migrated user (the whole old display name in `first`, no `last`, §3.3) keeps the\n   * initials they had.\n   */\n  person?: PersonName | null;\n  size?: keyof typeof AVATAR_SIZES;\n  /**\n   * A status dot in the top-end corner (the top-right in LTR, top-left in RTL), ringed\n   * in the surface colour so it reads as its own mark (keksdose account-menu ~385,\n   * top-bar :152). Its `label` is read as text where the dot sits — inside a button\n   * named by its content it joins that name. In `TopBarActionMenu`'s `trigger` the\n   * button is named by the menu's `aria-label` followed by this label: \"Account menu\n   * 3 unread\". The initials stay hidden either way, so the person's name is NOT part\n   * of it — put it in `aria-label` (\"Marcel Eifert, account menu\") if it should be.\n   */\n  badge?: UserAvatarBadge | null;\n}\n\n/**\n * A round initials avatar — the common user chip shared across apps (feedback\n * #333). Purely presentational; wrap it in a button for the account menu trigger.\n */\nexport function UserAvatar({ name, email, person, size = \"md\", badge, className, ...rest }: UserAvatarProps) {\n  const locale = useKitLocale();\n  const initials = (person ? personInitials(person, locale) : \"\") || avatarInitials(name, email);\n  if (badge) {\n    // A wrapper, because the chip itself is `aria-hidden` and the badge label must not\n    // be. `className` stays on the chip (a size override still sizes the circle); the\n    // other attributes go on the wrapper, which is what a caller addresses. `relative`\n    // also contains the sr-only text.\n    return (\n      <span {...rest} className=\"relative inline-flex shrink-0\">\n        <span aria-hidden className={cn(CHIP, AVATAR_SIZES[size], className)}>\n          {initials}\n        </span>\n        <StatusDot ring tone={badge.tone ?? \"danger\"} size={BADGE_SIZES[size]} className=\"absolute -end-0.5 -top-0.5\" />\n        <span className=\"sr-only\">{badge.label}</span>\n      </span>\n    );\n  }\n  return (\n    <span\n      // `aria-hidden` sits BEFORE the spread, unlike the structural attributes on the\n      // other components here, because it is a DEFAULT rather than an invariant. The\n      // avatar is decorative next to the name it belongs to — which is where all three\n      // apps render it — so hiding it stops a screen reader saying \"ME\" after the word\n      // \"Marcel Eifert\". A caller who renders one ALONE (an assignee column, a\n      // presence dot) needs the opposite, and now has it: `aria-hidden={false}` plus an\n      // `aria-label` arrives through `...rest` and wins.\n      aria-hidden\n      {...rest}\n      className={cn(CHIP, AVATAR_SIZES[size], className)}\n    >\n      {initials}\n    </span>\n  );\n}\n"],"mappings":";AA0FM,SACE,KADF;AAzFN,SAAS,UAAU;AACnB,SAAS,sBAAsB;AAE/B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAcnB,SAAS,eAAe,MAAsB,OAA+B;AAClF,QAAM,SAAS,CAAC,MAAM,KAAK,EAAE,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC,EAAE,KAAK,OAAO,KAAK;AACpE,QAAM,QAAQ,OAAO,MAAM,KAAK,EAAE,OAAO,OAAO;AAChD,MAAI,MAAM,UAAU,EAAG,SAAQ,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,EAAE,CAAC,GAAG,YAAY;AACtE,SAAO,OAAO,MAAM,GAAG,CAAC,EAAE,YAAY;AACxC;AAEA,MAAM,eAAe;AAAA,EACnB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEA,MAAM,OAAO;AAGb,MAAM,cAAgE,EAAE,IAAI,MAAM,IAAI,MAAM,IAAI,KAAK;AA8C9F,SAAS,WAAW,EAAE,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,WAAW,GAAG,KAAK,GAAoB;AAC3G,QAAM,SAAS,aAAa;AAC5B,QAAM,YAAY,SAAS,eAAe,QAAQ,MAAM,IAAI,OAAO,eAAe,MAAM,KAAK;AAC7F,MAAI,OAAO;AAKT,WACE,qBAAC,UAAM,GAAG,MAAM,WAAU,iCACxB;AAAA,0BAAC,UAAK,eAAW,MAAC,WAAW,GAAG,MAAM,aAAa,IAAI,GAAG,SAAS,GAChE,oBACH;AAAA,MACA,oBAAC,aAAU,MAAI,MAAC,MAAM,MAAM,QAAQ,UAAU,MAAM,YAAY,IAAI,GAAG,WAAU,8BAA6B;AAAA,MAC9G,oBAAC,UAAK,WAAU,WAAW,gBAAM,OAAM;AAAA,OACzC;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MAQC,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,WAAW,GAAG,MAAM,aAAa,IAAI,GAAG,SAAS;AAAA,MAEhD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/demo/demo-start.js

@@ -48,10 +48,14 @@ function DemoStart({
   const accessLink = useAccessAction(access, landingLabels);
   const [refusal, setRefusal] = useState(null);
   useNoIndex(noIndex);
-  useOncePerKey(ONCE, () => start(), (_key, result) => {
-    if (result.ok) onStarted(result.value);
-    else setRefusal(refusalOf(result.error));
-  });
+  useOncePerKey(
+    ONCE,
+    () => start(),
+    (_key, result) => {
+      if (result.ok) onStarted(result.value);
+      else setRefusal(refusalOf(result.error));
+    }
+  );
   return /* @__PURE__ */ jsxs("div", { ...rest, className: cn("flex flex-col items-center gap-4 py-4 text-center", className), children: [
     /* @__PURE__ */ jsx("div", { role: "status", "aria-live": "polite", className: "w-full", children: refusal === null ? /* @__PURE__ */ jsxs("p", { className: "flex items-center justify-center gap-2 text-sm text-secondary", children: [
       /* @__PURE__ */ jsx(Spinner, { label: null, className: "size-5" }),

package/dist/demo/demo-start.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/demo/demo-start.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { Spinner } from \"../components/spinner\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { authErrorCode, isRateLimited, retryAfterSeconds } from \"../auth/auth-errors\";\nimport { useOncePerKey } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/** Why a start was refused, in the page's terms (§5.2). */\ntype Refusal =\n  | { reason: \"rateLimited\"; minutes?: number }\n  | { reason: \"capacity\" }\n  | { reason: \"unavailable\" }\n  | { reason: \"failed\" };\n\n/**\n * The server's answer to `POST /auth/demo-session`, read as a refusal (§5.1, §6.2):\n * `demo_rate_limited` (429, with `Retry-After`), `demo_capacity` (429, without),\n * `demo_disabled` (404) and `demo_not_ready` (503) by their codes; a bare 429 as the\n * per-IP window too; anything else is a plain failure.\n */\nfunction refusalOf(error: unknown): Refusal {\n  const code = authErrorCode(error);\n  if (code === \"demo_capacity\") return { reason: \"capacity\" };\n  if (code === \"demo_disabled\" || code === \"demo_not_ready\") return { reason: \"unavailable\" };\n  if (code === \"demo_rate_limited\" || (code === undefined && isRateLimited(error))) {\n    const seconds = retryAfterSeconds(error);\n    return { reason: \"rateLimited\", minutes: seconds ? Math.ceil(seconds / 60) : undefined };\n  }\n  return { reason: \"failed\" };\n}\n\nfunction messageOf(refusal: Refusal, labels: DemoLabels): string {\n  switch (refusal.reason) {\n    case \"rateLimited\":\n      return labels.rateLimited(refusal.minutes);\n    case \"capacity\":\n      return labels.capacity;\n    case \"unavailable\":\n      return labels.unavailable;\n    case \"failed\":\n      return labels.failed;\n  }\n}\n\n/** The one start a mount makes. */\nconst ONCE = \"demo\";\n\nexport interface DemoStartProps<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /**\n   * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it\n   * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the\n   * client's error — the codes are read out of it. Called once per mount.\n   */\n  start: () => Promise<T>;\n  /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and\n   *  replace to the app's home. The page keeps saying \"Starting the demo…\" meanwhile. */\n  onStarted: (session: T) => void;\n  /** \"Request access\" beside a refusal. */\n  access: AccessChoice;\n  /** \"Back to the start page\". Default `/`. */\n  backHref?: string;\n  /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed\n   *  (§4.3). */\n  noIndex?: boolean;\n  labels?: LabelOverride<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the\n * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says\n * \"Starting the demo…\" until the app has the session and has moved on.\n *\n * A refusal says why, in the visitor's words, and offers \"Request access\" and \"Back to\n * the start page\":\n *\n * | code | says |\n * |---|---|\n * | `demo_rate_limited` (429) | \"Too many demos from this network. Try again in N min.\" — N from `Retry-After` |\n * | `demo_capacity` (429) | \"The demo is full right now. Try again later.\" |\n * | `demo_disabled` (404), `demo_not_ready` (503) | \"The demo isn't available right now.\" |\n * | anything else | \"The demo could not be started. Please try again.\" |\n *\n * keksdose fell back to `/register` with a toast; registration is invitation-only now,\n * so the way on is the access mail.\n *\n * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`\n * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at\n * its resume target instead of starting a second one. A cold start is the kit's\n * `ServerWakeNotice`'s, once the app's watcher counts this POST\n * (`watchReadsAnd(/\\/auth\\/demo-session\\b/)`).\n */\nexport function DemoStart<T>({\n  start,\n  onStarted,\n  access,\n  backHref = \"/\",\n  noIndex = true,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoStartProps<T>) {\n  const labels = useDemoLabels(labelsProp);\n  const accessLink = useAccessAction(access, landingLabels);\n  const [refusal, setRefusal] = useState<Refusal | null>(null);\n  useNoIndex(noIndex);\n  useOncePerKey<T>(ONCE, () => start(), (_key, result) => {\n    if (result.ok) onStarted(result.value);\n    else setRefusal(refusalOf(result.error));\n  });\n\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-4 py-4 text-center\", className)}>\n      {/* One live region, there from the start, so the refusal that replaces the\n          progress line is announced (a region inserted with its text often is not). */}\n      <div role=\"status\" aria-live=\"polite\" className=\"w-full\">\n        {refusal === null ? (\n          <p className=\"flex items-center justify-center gap-2 text-sm text-secondary\">\n            <Spinner label={null} className=\"size-5\" />\n            {labels.starting}\n          </p>\n        ) : (\n          <AlertBanner tone={refusal.reason === \"failed\" ? \"danger\" : \"warning\"} className=\"text-start\">\n            {messageOf(refusal, labels)}\n          </AlertBanner>\n        )}\n      </div>\n      {refusal !== null && (\n        <div className=\"flex flex-wrap justify-center gap-3\">\n          <Button href={accessLink.href} variant=\"accent\">\n            {accessLink.label}\n          </Button>\n          <Button href={backHref} variant=\"secondary\">\n            {labels.backToStart}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAiIU,SACE,KADF;AAjIV,SAAS,gBAAgB;AAGzB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe,yBAAyB;AAChE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAGhC,SAAS,qBAAqB;AAiB9B,SAAS,UAAU,OAAyB;AAC1C,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,SAAS,gBAAiB,QAAO,EAAE,QAAQ,WAAW;AAC1D,MAAI,SAAS,mBAAmB,SAAS,iBAAkB,QAAO,EAAE,QAAQ,cAAc;AAC1F,MAAI,SAAS,uBAAwB,SAAS,UAAa,cAAc,KAAK,GAAI;AAChF,UAAM,UAAU,kBAAkB,KAAK;AACvC,WAAO,EAAE,QAAQ,eAAe,SAAS,UAAU,KAAK,KAAK,UAAU,EAAE,IAAI,OAAU;AAAA,EACzF;AACA,SAAO,EAAE,QAAQ,SAAS;AAC5B;AAEA,SAAS,UAAU,SAAkB,QAA4B;AAC/D,UAAQ,QAAQ,QAAQ;AAAA,IACtB,KAAK;AACH,aAAO,OAAO,YAAY,QAAQ,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;AAGA,MAAM,OAAO;AAgDN,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,aAAW,OAAO;AAClB,gBAAiB,MAAM,MAAM,MAAM,GAAG,CAAC,MAAM,WAAW;AACtD,QAAI,OAAO,GAAI,WAAU,OAAO,KAAK;AAAA,QAChC,YAAW,UAAU,OAAO,KAAK,CAAC;AAAA,EACzC,CAAC;AAED,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GAGzF;AAAA,wBAAC,SAAI,MAAK,UAAS,aAAU,UAAS,WAAU,UAC7C,sBAAY,OACX,qBAAC,OAAE,WAAU,iEACX;AAAA,0BAAC,WAAQ,OAAO,MAAM,WAAU,UAAS;AAAA,MACxC,OAAO;AAAA,OACV,IAEA,oBAAC,eAAY,MAAM,QAAQ,WAAW,WAAW,WAAW,WAAW,WAAU,cAC9E,oBAAU,SAAS,MAAM,GAC5B,GAEJ;AAAA,IACC,YAAY,QACX,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,UACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAC7B,iBAAO,aACV;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/demo/demo-start.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ComponentPropsWithRef } from \"react\";\n\nimport { cn } from \"../lib/cn\";\nimport { AlertBanner } from \"../components/alert-banner\";\nimport { Button } from \"../components/button\";\nimport { Spinner } from \"../components/spinner\";\nimport { useNoIndex } from \"../hooks/use-noindex\";\nimport { authErrorCode, isRateLimited, retryAfterSeconds } from \"../auth/auth-errors\";\nimport { useOncePerKey } from \"../auth/status-parts\";\nimport { useAccessAction } from \"../landing/access\";\nimport type { AccessChoice } from \"../landing/access\";\nimport type { LandingLabels } from \"../landing/landing-labels\";\nimport { useDemoLabels } from \"./demo-labels\";\nimport type { DemoLabels } from \"./demo-labels\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\n\n/** Why a start was refused, in the page's terms (§5.2). */\ntype Refusal =\n  | { reason: \"rateLimited\"; minutes?: number }\n  | { reason: \"capacity\" }\n  | { reason: \"unavailable\" }\n  | { reason: \"failed\" };\n\n/**\n * The server's answer to `POST /auth/demo-session`, read as a refusal (§5.1, §6.2):\n * `demo_rate_limited` (429, with `Retry-After`), `demo_capacity` (429, without),\n * `demo_disabled` (404) and `demo_not_ready` (503) by their codes; a bare 429 as the\n * per-IP window too; anything else is a plain failure.\n */\nfunction refusalOf(error: unknown): Refusal {\n  const code = authErrorCode(error);\n  if (code === \"demo_capacity\") return { reason: \"capacity\" };\n  if (code === \"demo_disabled\" || code === \"demo_not_ready\") return { reason: \"unavailable\" };\n  if (code === \"demo_rate_limited\" || (code === undefined && isRateLimited(error))) {\n    const seconds = retryAfterSeconds(error);\n    return { reason: \"rateLimited\", minutes: seconds ? Math.ceil(seconds / 60) : undefined };\n  }\n  return { reason: \"failed\" };\n}\n\nfunction messageOf(refusal: Refusal, labels: DemoLabels): string {\n  switch (refusal.reason) {\n    case \"rateLimited\":\n      return labels.rateLimited(refusal.minutes);\n    case \"capacity\":\n      return labels.capacity;\n    case \"unavailable\":\n      return labels.unavailable;\n    case \"failed\":\n      return labels.failed;\n  }\n}\n\n/** The one start a mount makes. */\nconst ONCE = \"demo\";\n\nexport interface DemoStartProps<T> extends Omit<ComponentPropsWithRef<\"div\">, \"children\"> {\n  /**\n   * Create the demo: the app's `POST /auth/demo-session {locale}`. Resolve with what it\n   * answered (the `TokenResponse`, `refresh_token: null`, `expires_at`); reject with the\n   * client's error — the codes are read out of it. Called once per mount.\n   */\n  start: () => Promise<T>;\n  /** The demo exists: store the session (and, for kastlan, `kastlan.demoSession`) and\n   *  replace to the app's home. The page keeps saying \"Starting the demo…\" meanwhile. */\n  onStarted: (session: T) => void;\n  /** \"Request access\" beside a refusal. */\n  access: AccessChoice;\n  /** \"Back to the start page\". Default `/`. */\n  backHref?: string;\n  /** `false` adds no `noindex` — for a preview. Default `true`: `/demo` is never indexed\n   *  (§4.3). */\n  noIndex?: boolean;\n  labels?: LabelOverride<DemoLabels>;\n  /** The access words (`landing` namespace) for this instance. */\n  landingLabels?: Partial<LandingLabels>;\n}\n\n/**\n * The `/demo` page's content (docs/landing-demo-harmonization.md §5.2): it starts the\n * demo ONCE — StrictMode's double mount included, keksdose's ref guard — and says\n * \"Starting the demo…\" until the app has the session and has moved on.\n *\n * A refusal says why, in the visitor's words, and offers \"Request access\" and \"Back to\n * the start page\":\n *\n * | code | says |\n * |---|---|\n * | `demo_rate_limited` (429) | \"Too many demos from this network. Try again in N min.\" — N from `Retry-After` |\n * | `demo_capacity` (429) | \"The demo is full right now. Try again later.\" |\n * | `demo_disabled` (404), `demo_not_ready` (503) | \"The demo isn't available right now.\" |\n * | anything else | \"The demo could not be started. Please try again.\" |\n *\n * keksdose fell back to `/register` with a toast; registration is invitation-only now,\n * so the way on is the access mail.\n *\n * Put it in the app's `AuthLayout`. A live demo session never reaches it: the `/demo`\n * route sits in `RedirectIfAuthed` WITHOUT `allowDemo`, which continues the live demo at\n * its resume target instead of starting a second one. A cold start is the kit's\n * `ServerWakeNotice`'s, once the app's watcher counts this POST\n * (`watchReadsAnd(/\\/auth\\/demo-session\\b/)`).\n */\nexport function DemoStart<T>({\n  start,\n  onStarted,\n  access,\n  backHref = \"/\",\n  noIndex = true,\n  labels: labelsProp,\n  landingLabels,\n  className,\n  ...rest\n}: DemoStartProps<T>) {\n  const labels = useDemoLabels(labelsProp);\n  const accessLink = useAccessAction(access, landingLabels);\n  const [refusal, setRefusal] = useState<Refusal | null>(null);\n  useNoIndex(noIndex);\n  useOncePerKey<T>(\n    ONCE,\n    () => start(),\n    (_key, result) => {\n      if (result.ok) onStarted(result.value);\n      else setRefusal(refusalOf(result.error));\n    },\n  );\n\n  return (\n    <div {...rest} className={cn(\"flex flex-col items-center gap-4 py-4 text-center\", className)}>\n      {/* One live region, there from the start, so the refusal that replaces the\n          progress line is announced (a region inserted with its text often is not). */}\n      <div role=\"status\" aria-live=\"polite\" className=\"w-full\">\n        {refusal === null ? (\n          <p className=\"flex items-center justify-center gap-2 text-sm text-secondary\">\n            <Spinner label={null} className=\"size-5\" />\n            {labels.starting}\n          </p>\n        ) : (\n          <AlertBanner tone={refusal.reason === \"failed\" ? \"danger\" : \"warning\"} className=\"text-start\">\n            {messageOf(refusal, labels)}\n          </AlertBanner>\n        )}\n      </div>\n      {refusal !== null && (\n        <div className=\"flex flex-wrap justify-center gap-3\">\n          <Button href={accessLink.href} variant=\"accent\">\n            {accessLink.label}\n          </Button>\n          <Button href={backHref} variant=\"secondary\">\n            {labels.backToStart}\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAqIU,SACE,KADF;AArIV,SAAS,gBAAgB;AAGzB,SAAS,UAAU;AACnB,SAAS,mBAAmB;AAC5B,SAAS,cAAc;AACvB,SAAS,eAAe;AACxB,SAAS,kBAAkB;AAC3B,SAAS,eAAe,eAAe,yBAAyB;AAChE,SAAS,qBAAqB;AAC9B,SAAS,uBAAuB;AAGhC,SAAS,qBAAqB;AAiB9B,SAAS,UAAU,OAAyB;AAC1C,QAAM,OAAO,cAAc,KAAK;AAChC,MAAI,SAAS,gBAAiB,QAAO,EAAE,QAAQ,WAAW;AAC1D,MAAI,SAAS,mBAAmB,SAAS,iBAAkB,QAAO,EAAE,QAAQ,cAAc;AAC1F,MAAI,SAAS,uBAAwB,SAAS,UAAa,cAAc,KAAK,GAAI;AAChF,UAAM,UAAU,kBAAkB,KAAK;AACvC,WAAO,EAAE,QAAQ,eAAe,SAAS,UAAU,KAAK,KAAK,UAAU,EAAE,IAAI,OAAU;AAAA,EACzF;AACA,SAAO,EAAE,QAAQ,SAAS;AAC5B;AAEA,SAAS,UAAU,SAAkB,QAA4B;AAC/D,UAAQ,QAAQ,QAAQ;AAAA,IACtB,KAAK;AACH,aAAO,OAAO,YAAY,QAAQ,OAAO;AAAA,IAC3C,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,IAChB,KAAK;AACH,aAAO,OAAO;AAAA,EAClB;AACF;AAGA,MAAM,OAAO;AAgDN,SAAS,UAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,SAAS,cAAc,UAAU;AACvC,QAAM,aAAa,gBAAgB,QAAQ,aAAa;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAyB,IAAI;AAC3D,aAAW,OAAO;AAClB;AAAA,IACE;AAAA,IACA,MAAM,MAAM;AAAA,IACZ,CAAC,MAAM,WAAW;AAChB,UAAI,OAAO,GAAI,WAAU,OAAO,KAAK;AAAA,UAChC,YAAW,UAAU,OAAO,KAAK,CAAC;AAAA,IACzC;AAAA,EACF;AAEA,SACE,qBAAC,SAAK,GAAG,MAAM,WAAW,GAAG,qDAAqD,SAAS,GAGzF;AAAA,wBAAC,SAAI,MAAK,UAAS,aAAU,UAAS,WAAU,UAC7C,sBAAY,OACX,qBAAC,OAAE,WAAU,iEACX;AAAA,0BAAC,WAAQ,OAAO,MAAM,WAAU,UAAS;AAAA,MACxC,OAAO;AAAA,OACV,IAEA,oBAAC,eAAY,MAAM,QAAQ,WAAW,WAAW,WAAW,WAAW,WAAU,cAC9E,oBAAU,SAAS,MAAM,GAC5B,GAEJ;AAAA,IACC,YAAY,QACX,qBAAC,SAAI,WAAU,uCACb;AAAA,0BAAC,UAAO,MAAM,WAAW,MAAM,SAAQ,UACpC,qBAAW,OACd;AAAA,MACA,oBAAC,UAAO,MAAM,UAAU,SAAQ,aAC7B,iBAAO,aACV;AAAA,OACF;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/eslint/index.js

@@ -47,7 +47,7 @@ const roleUtilities = {
     };
   }
 };
-const VERSION = true ? "0.51.4" : "0.0.0-source";
+const VERSION = true ? "0.51.5" : "0.0.0-source";
 const recommended = {
   name: "@eifi1/ui-kit/recommended",
   // Not the tests, as check:tokens skips the kit's: a test names the old class to assert it

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-attachment-labels.ts"],"sourcesContent":["// The English words of ./feedback-attachment, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-attachment\n// re-exports them.\n\nimport type { FeedbackAttachmentFieldLabels } from \"./feedback-attachment\";\n\n/**\n * English, in the feedback contract's wording since 0.27.0 (docs/feedback-harmonization.md\n * §4.2: keksdose's `feedback.*` keys are the canon, and the kit owns them now). Three\n * strings moved with it:\n *\n * - `attachmentAdd` \"Attach image\" → **\"Add attachment\"**: the field takes a PDF or a text\n *   log as well wherever the app passes `FEEDBACK_ATTACHMENT_ACCEPT` (keksdose feedback\n *   #87), and a button that says \"image\" over a picker that offers a PDF is wrong in one\n *   of the two places.\n * - `attachmentPaste` → keksdose's longer line, which says WHY one would paste — a region\n *   snip shows one corner rather than the whole page (Steering Design feedback #39).\n * - `attachmentLimit` for one: \"remove **it**\", as keksdose's `attachments_full_one`;\n *   \"remove one\" of a single file read oddly.\n */\nexport const DEFAULT_FEEDBACK_ATTACHMENT_LABELS: FeedbackAttachmentFieldLabels = {\n  attachmentAdd: \"Add attachment\",\n  attachmentCapture: \"Capture screenshot\",\n  attachmentPaste: \"…or paste a screenshot straight from the clipboard, so you can show one corner rather than the whole page.\",\n  attachmentRemove: \"Remove attachment\",\n  attachmentList: \"Attachments\",\n  attachmentScreenshot: \"Screenshot\",\n  attachmentRemoveFile: (name) => `Remove ${name}`,\n  attachmentLimit: (max) =>\n    max === 1\n      ? \"Up to 1 attachment — remove it to add another.\"\n      : `Up to ${max} attachments — remove one to add another.`,\n  attachmentUploading: \"Uploading…\",\n  attachmentUploadFailed: (name) => `“${name}” could not be uploaded`,\n};\n"],"mappings":";AAqBO,MAAM,qCAAoE;AAAA,EAC/E,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,sBAAsB,CAAC,SAAS,UAAU,IAAI;AAAA,EAC9C,iBAAiB,CAAC,QAChB,QAAQ,IACJ,wDACA,SAAS,GAAG;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB,CAAC,SAAS,SAAI,IAAI;AAC5C;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-attachment-labels.ts"],"sourcesContent":["// The English words of ./feedback-attachment, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-attachment\n// re-exports them.\n\nimport type { FeedbackAttachmentFieldLabels } from \"./feedback-attachment\";\n\n/**\n * English, in the feedback contract's wording since 0.27.0 (docs/feedback-harmonization.md\n * §4.2: keksdose's `feedback.*` keys are the canon, and the kit owns them now). Three\n * strings moved with it:\n *\n * - `attachmentAdd` \"Attach image\" → **\"Add attachment\"**: the field takes a PDF or a text\n *   log as well wherever the app passes `FEEDBACK_ATTACHMENT_ACCEPT` (keksdose feedback\n *   #87), and a button that says \"image\" over a picker that offers a PDF is wrong in one\n *   of the two places.\n * - `attachmentPaste` → keksdose's longer line, which says WHY one would paste — a region\n *   snip shows one corner rather than the whole page (Steering Design feedback #39).\n * - `attachmentLimit` for one: \"remove **it**\", as keksdose's `attachments_full_one`;\n *   \"remove one\" of a single file read oddly.\n */\nexport const DEFAULT_FEEDBACK_ATTACHMENT_LABELS: FeedbackAttachmentFieldLabels = {\n  attachmentAdd: \"Add attachment\",\n  attachmentCapture: \"Capture screenshot\",\n  attachmentPaste:\n    \"…or paste a screenshot straight from the clipboard, so you can show one corner rather than the whole page.\",\n  attachmentRemove: \"Remove attachment\",\n  attachmentList: \"Attachments\",\n  attachmentScreenshot: \"Screenshot\",\n  attachmentRemoveFile: (name) => `Remove ${name}`,\n  attachmentLimit: (max) =>\n    max === 1\n      ? \"Up to 1 attachment — remove it to add another.\"\n      : `Up to ${max} attachments — remove one to add another.`,\n  attachmentUploading: \"Uploading…\",\n  attachmentUploadFailed: (name) => `“${name}” could not be uploaded`,\n};\n"],"mappings":";AAqBO,MAAM,qCAAoE;AAAA,EAC/E,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB,iBACE;AAAA,EACF,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,sBAAsB,CAAC,SAAS,UAAU,IAAI;AAAA,EAC9C,iBAAiB,CAAC,QAChB,QAAQ,IACJ,wDACA,SAAS,GAAG;AAAA,EAClB,qBAAqB;AAAA,EACrB,wBAAwB,CAAC,SAAS,SAAI,IAAI;AAC5C;","names":[]}

package/dist/feedback/feedback-attachment.js

@@ -76,14 +76,7 @@ function SingleField({
       children: [
         /* @__PURE__ */ jsx(Heading, { text: labelsProp?.attachment }),
         value ? /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
-          value.type.startsWith("image/") && preview ? /* @__PURE__ */ jsx(
-            "img",
-            {
-              src: preview,
-              alt: value.name,
-              className: "h-20 w-20 rounded border border-subtle object-cover"
-            }
-          ) : (
+          value.type.startsWith("image/") && preview ? /* @__PURE__ */ jsx("img", { src: preview, alt: value.name, className: "h-20 w-20 rounded border border-subtle object-cover" }) : (
             // Non-image attachments (PDF, text) can't preview as an <img>, so
             // show a neutral file tile with the name/size beside it instead.
             /* @__PURE__ */ jsx("div", { className: "flex h-20 w-20 items-center justify-center rounded border border-subtle text-placeholder", children: /* @__PURE__ */ jsx(FileText, { className: "size-8" }) })

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-attachment.tsx"],"sourcesContent":["import { cn } from \"../lib/cn\";\nimport { hasContent } from \"../lib/presence\";\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 } from \"../components/button\";\nimport { IconButton } from \"../components/icon-button\";\nimport { Spinner } from \"../components/spinner\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { DEFAULT_FILE_PICKER_LABELS, formatAccept } from \"../components/file-button\";\nimport { useCommitReason, type CommitScope } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from \"./feedback-attachment-labels\";\nimport { DEFAULT_ATTACHMENT_ACCEPT, DEFAULT_MAX_ATTACHMENT_BYTES, DEFAULT_MAX_ATTACHMENTS } from \"./feedback-record\";\n\n// Defined in ./feedback-record since 0.34, which a top bar can import without this\n// field (MOD-1); still exported from here, where they always were.\nexport { DEFAULT_ATTACHMENT_ACCEPT, DEFAULT_MAX_ATTACHMENT_BYTES, DEFAULT_MAX_ATTACHMENTS };\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\n// Defined in ./feedback-attachment-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS };\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?: LabelOverride<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 *\n * The names and sizes under it are `truncate-until-large` (0.33, docs/text-size-harmonization.md\n * §10.17): \"…\" at Normal, and from Large up they wrap, breaking a long file name\n * anywhere, so the bound above still holds and nothing is cut.\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?: CommitScope;\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-subtle 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-subtle text-placeholder\">\n              <FileText className=\"size-8\" />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate-until-large text-sm text-secondary\">{value.name}</div>\n            <div className=\"text-xs 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-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        // Out of the tab order and the accessibility tree, as in the other two modes:\n        // the add button is the way in (round 0.34, the showcase's axe check — this one\n        // was a second, nameless stop).\n        tabIndex={-1}\n        aria-hidden\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-subtle 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-until-large text-sm text-secondary\">{chip.name}</div>\n                <div className=\"truncate-until-large text-xs 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-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 = hasContent(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-subtle bg-surface p-1\"\n            >\n              <RefGlyph type={ref.type} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate-until-large text-sm text-secondary\">{ref.name}</div>\n                {ref.size !== undefined && (\n                  <div className=\"truncate-until-large text-xs 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-subtle bg-surface p-1\"\n            >\n              <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-subtle bg-surface-2 text-placeholder\">\n                <Spinner label={null} className=\"size-5\" />\n              </span>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate-until-large text-sm text-secondary\">{upload.file.name}</div>\n                <div className=\"truncate-until-large text-xs 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-muted\">\n          {disabledReason}\n        </div>\n      ) : (\n        <p className=\"text-xs 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-subtle bg-surface-2 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-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\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-subtle bg-surface-2 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-surface p-0.5 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 { hasContent } from \"../lib/presence\";\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 } from \"../components/button\";\nimport { IconButton } from \"../components/icon-button\";\nimport { Spinner } from \"../components/spinner\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { DEFAULT_FILE_PICKER_LABELS, formatAccept } from \"../components/file-button\";\nimport { useCommitReason, type CommitScope } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS } from \"./feedback-attachment-labels\";\nimport { DEFAULT_ATTACHMENT_ACCEPT, DEFAULT_MAX_ATTACHMENT_BYTES, DEFAULT_MAX_ATTACHMENTS } from \"./feedback-record\";\n\n// Defined in ./feedback-record since 0.34, which a top bar can import without this\n// field (MOD-1); still exported from here, where they always were.\nexport { DEFAULT_ATTACHMENT_ACCEPT, DEFAULT_MAX_ATTACHMENT_BYTES, DEFAULT_MAX_ATTACHMENTS };\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\n// Defined in ./feedback-attachment-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_ATTACHMENT_LABELS };\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?: LabelOverride<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 *\n * The names and sizes under it are `truncate-until-large` (0.33, docs/text-size-harmonization.md\n * §10.17): \"…\" at Normal, and from Large up they wrap, breaking a long file name\n * anywhere, so the bound above still holds and nothing is cut.\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?: CommitScope;\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 | FeedbackAttachmentFieldMultipleProps | 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 src={preview} alt={value.name} className=\"h-20 w-20 rounded border border-subtle object-cover\" />\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-subtle text-placeholder\">\n              <FileText className=\"size-8\" />\n            </div>\n          )}\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"truncate-until-large text-sm text-secondary\">{value.name}</div>\n            <div className=\"text-xs text-muted\">{fileText.size(value.size)}</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-muted\">{text.attachmentPaste}</p>\n        </div>\n      )}\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept={accept.join(\",\")}\n        className=\"sr-only\"\n        // Out of the tab order and the accessibility tree, as in the other two modes:\n        // the add button is the way in (round 0.34, the showcase's axe check — this one\n        // was a second, nameless stop).\n        tabIndex={-1}\n        aria-hidden\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 = 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-subtle 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-until-large text-sm text-secondary\">{chip.name}</div>\n                <div className=\"truncate-until-large text-xs 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\n                    ? `${chip.file.name} · ${fileText.size(chip.file.size)}`\n                    : 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-muted\">{room > 0 ? text.attachmentPaste : limitLabel(max)}</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 = hasContent(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 = 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-subtle bg-surface p-1\"\n            >\n              <RefGlyph type={ref.type} />\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate-until-large text-sm text-secondary\">{ref.name}</div>\n                {ref.size !== undefined && (\n                  <div className=\"truncate-until-large text-xs 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-subtle bg-surface p-1\"\n            >\n              <span className=\"flex size-12 shrink-0 items-center justify-center rounded border border-subtle bg-surface-2 text-placeholder\">\n                <Spinner label={null} className=\"size-5\" />\n              </span>\n              <div className=\"min-w-0 flex-1\">\n                <div className=\"truncate-until-large text-sm text-secondary\">{upload.file.name}</div>\n                <div className=\"truncate-until-large text-xs 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-muted\">\n          {disabledReason}\n        </div>\n      ) : (\n        <p className=\"text-xs 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-subtle bg-surface-2 text-placeholder\">\n      {type?.startsWith(\"image/\") ? (\n        <ImageIcon aria-hidden className=\"size-6\" />\n      ) : (\n        <FileText aria-hidden className=\"size-6\" />\n      )}\n    </span>\n  );\n}\n\nfunction Heading({ text, className }: { text?: string; className?: string }) {\n  if (!text) return null;\n  return <div className={cn(\"mb-1 text-xs font-medium uppercase tracking-wide text-muted\", className)}>{text}</div>;\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/**\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-subtle bg-surface-2 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-surface p-0.5 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":[]}

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

@@ -66,4 +66,4 @@ export interface CaptureAppScreenshotOptions {
  * Call it from the "Capture screenshot" button's own click and nowhere else (keksdose
  * checked: running it at dialog OPEN was suspected and was never the cause of the wait).
  */
-export declare function captureAppScreenshot({ rootId }?: CaptureAppScreenshotOptions): Promise<File | null>;
+export declare function captureAppScreenshot({ rootId, }?: CaptureAppScreenshotOptions): Promise<File | null>;

package/dist/feedback/feedback-capture.js

@@ -165,7 +165,9 @@ function inViewport(node) {
   if (rect.width === 0 && rect.height === 0) return true;
   return !(rect.bottom <= 0 || rect.right <= 0 || rect.top >= window.innerHeight || rect.left >= window.innerWidth);
 }
-async function captureAppScreenshot({ rootId = "root" } = {}) {
+async function captureAppScreenshot({
+  rootId = "root"
+} = {}) {
   let domToBlob;
   try {
     ({ domToBlob } = await import("modern-screenshot"));