@eifi1/ui-kit 0.51.4 → 0.51.6

package/dist/feedback/feedback-thread.js

@@ -14,10 +14,7 @@ import { Tooltip } from "../components/tooltip.js";
 import { useWriteLock } from "../components/write-lock.js";
 import { useKitFileLabels, useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
 import { FeedbackAttachmentField } from "./feedback-attachment.js";
-import {
-  DEFAULT_FEEDBACK_COMPOSER_LABELS,
-  DEFAULT_FEEDBACK_THREAD_LABELS
-} from "./feedback-thread-labels.js";
+import { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS } from "./feedback-thread-labels.js";
 function FeedbackThread({
   messages,
   loading = false,
@@ -41,15 +38,7 @@ function FeedbackThread({
     return /* @__PURE__ */ jsx(Skeleton, { lines: 3, label: labels.loading, className });
   }
   if (messages.length === 0) {
-    return /* @__PURE__ */ jsx(
-      EmptyState,
-      {
-        variant: "inline",
-        size: "sm",
-        title: empty ?? labels.empty,
-        className: cn("justify-start", className)
-      }
-    );
+    return /* @__PURE__ */ jsx(EmptyState, { variant: "inline", size: "sm", title: empty ?? labels.empty, className: cn("justify-start", className) });
   }
   const days = [];
   for (const message of messages) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-thread.tsx"],"sourcesContent":["import { useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { ReactNode, Ref, RefObject } from \"react\";\nimport { ImageIcon, ImageOff, Paperclip, Send } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate, formatRelativeTime } from \"../lib/format\";\nimport { hasContent } from \"../lib/presence\";\nimport { Button } from \"../components/button\";\nimport { EmptyState } from \"../components/empty-state\";\nimport { Spinner } from \"../components/spinner\";\nimport { Textarea } from \"../components/textarea\";\nimport type { CharacterCountLabels } from \"../components/field-base\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { useWriteLock } from \"../components/write-lock\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackAttachmentField } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentFieldSingleProps } from \"./feedback-attachment\";\nimport type { FeedbackNoteAttachment } from \"./feedback-inbox\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport {\n  DEFAULT_FEEDBACK_COMPOSER_LABELS,\n  DEFAULT_FEEDBACK_THREAD_LABELS,\n} from \"./feedback-thread-labels\";\n\n/**\n * The conversation under a report: who said what, when, with what attached — and the\n * box to answer in.\n *\n * Both apps had written it by hand. kastlan's feedback page grew a comment list of\n * bordered boxes with `slate-*` literals (feedback-page.tsx, \"keksdose left this\n * unbuilt\"), and keksdose built the same thing a second time for support\n * (support-thread.tsx) with sides, bubbles and a composer that clears only what it\n * sent. This is that second one, generalised: the kit owns the look and the\n * behaviour, the app owns the data, the upload and every word it does not share.\n *\n * **Own vs other** is the caller's per message (`own`), not a comparison the kit makes\n * against a user id: whose message sits at the END side depends on who is reading,\n * and only the app knows that (keksdose's support thread labelled a member's question\n * \"Du\" in the admin panel the first time round, by reading the wrong field).\n *\n * **Redaction.** A thread is somebody's words about their own data — exactly what a\n * host's demo / screen-share mode blurs. Bodies, authors and attachments carry\n * `data-private` (the attribute `Tooltip redact` and `StatTile sensitive` use) unless\n * `redact={false}`.\n *\n * **RTL.** Sides are logical — `justify-end` is the reading end, and the bubble's\n * tucked corner is `rounded-ee` / `rounded-es` — and each body is `dir=\"auto\"`, so a\n * Hebrew reply in an English thread (or the reverse) lays out as its own language.\n *\n * **A chat, too** (keksdose G4/G5). keksdose's support chat is the same conversation\n * read the chat way: status lines between the messages (\"Closed automatically\",\n * \"Reopened\"), a day line where the date changes, clock times under it, Enter to send\n * and several files uploaded ahead of the send. Each of those is an opt-in here\n * (`kind: \"event\"`, `daySeparators`, `timeFormat=\"clock\"`, `sendOn=\"enter\"`,\n * `attachmentSlot` + `canSend`), so the feedback thread's defaults stay as they were.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackThread` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackThreadLabels {\n  /** Accessible name of the message list. */\n  thread: string;\n  empty: string;\n  loading: string;\n  /** Author line of an `own` message that has no `author` of its own. */\n  you: string;\n  /** The badge beside a `staff` author. */\n  staff: string;\n  /** Accessible name of a message's attachment list. */\n  attachments: string;\n}\n\n// Defined in ./feedback-thread-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_THREAD_LABELS };\n\n/** The `feedbackComposer` namespace of `<UiKitProvider labels>`. The attach buttons'\n *  words are `feedbackAttachment`'s, shared with the dialog and the note editor. */\nexport interface FeedbackComposerLabels {\n  /** Accessible name of the text box. */\n  field: string;\n  placeholder: string;\n  send: string;\n  /** The shortcut line, given the platform's modifier (\"Ctrl\" or \"⌘\"). */\n  sendHint: (modifier: string) => string;\n  /** The shortcut line under `sendOn=\"enter\"` (keksdose G5): Enter sends, so say how a\n   *  new line is made. */\n  sendHintEnter: string;\n}\n\n// Defined in ./feedback-thread-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_COMPOSER_LABELS };\n\n/* ── Thread ───────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackThreadAttachment {\n  id?: string | number;\n  name: string;\n  /** Where to open it. Left out, the attachment is listed by name only. */\n  url?: string;\n  /** MIME type; an `image/*` with a `url` is shown as a thumbnail. */\n  type?: string;\n  /** Bytes, shown beside a non-image. */\n  size?: number;\n}\n\nexport interface FeedbackThreadMessage {\n  /** Leave out, or `\"message\"`. `\"event\"` is a {@link FeedbackThreadEvent}. */\n  kind?: \"message\";\n  id: string | number;\n  /** Who wrote it. Left out on an `own` message, it reads \"You\". */\n  author?: ReactNode;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: string;\n  attachments?: readonly FeedbackThreadAttachment[];\n  /** Written by whoever is reading: sits at the end side, in the brand tint. */\n  own?: boolean;\n  /** Written by the team rather than a user: gets the \"Staff\" badge. */\n  staff?: boolean;\n  /** 0.38: beside the author and time — a reply's \"→ Done\" status chip. Not\n   *  `data-private`: it is the app's, not somebody's words. */\n  badge?: ReactNode;\n  /** 0.38: the body struck through and muted — a hidden comment as its admin sees it. */\n  struck?: boolean;\n  /** 0.38: under the body — a note (\"Hidden by an admin\") and the message's actions\n   *  (Hide, Delete). Not `data-private`. */\n  footer?: ReactNode;\n}\n\n/**\n * A line in the thread that nobody wrote — \"Closed automatically\", \"Marked as\n * resolved\", \"Reopened\" — drawn centred and muted with its time, no author, no side,\n * no bubble.\n *\n * keksdose G4: its support chat interleaves these with the messages, and as a message\n * they came out as a bubble from nobody at the start side, which reads as the member\n * having said \"resolved\". Word it for the READER, as with `own`: the app knows whether\n * \"you reopened it\" or \"Anna reopened it\" is true for the person looking.\n *\n * The text is the app's, not somebody's words about their data, so it is NOT tagged\n * `data-private`; one that names a person can wrap the name in its own\n * `<span data-private>` (`body` is a node for that reason).\n */\nexport interface FeedbackThreadEvent {\n  kind: \"event\";\n  id: string | number;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: ReactNode;\n}\n\n/** One row of a {@link FeedbackThread}: a message, or an event line between them. */\nexport type FeedbackThreadItem = FeedbackThreadMessage | FeedbackThreadEvent;\n\nexport interface FeedbackThreadProps {\n  /** Oldest first. Event lines ({@link FeedbackThreadEvent}) sit among the messages. */\n  messages: readonly FeedbackThreadItem[];\n  loading?: boolean;\n  /** Replaces the default \"No comments yet\". */\n  empty?: ReactNode;\n  /**\n   * Draw one attachment yourself — for files behind auth, which a plain `<img src>`\n   * cannot fetch (kastlan's `AuthedImage`), or a lightbox. The default is a thumbnail\n   * link for an image with a `url`, a file link otherwise.\n   */\n  renderAttachment?: (attachment: FeedbackThreadAttachment, message: FeedbackThreadMessage) => ReactNode;\n  /** Tag bodies, authors and attachments `data-private`. Default true. */\n  redact?: boolean;\n  /**\n   * How a row's time reads. `\"relative\"` (default): \"5 minutes ago\", a date past six\n   * days — right for a report's comments, read days apart. `\"clock\"`: the time of day\n   * in the locale (\"14:05\", \"2:05 PM\") — the chat look, keksdose G4; pair it with\n   * `daySeparators`, which say which day that clock time is on. Either way the full\n   * date and time is in the Tooltip.\n   */\n  timeFormat?: \"relative\" | \"clock\";\n  /**\n   * A centred day line before the first row and wherever the next row is on another\n   * calendar day (the device's zone): \"Today\", \"Yesterday\", else the date — keksdose\n   * G4. \"Today\" / \"Yesterday\" are `Intl.RelativeTimeFormat`'s own words in the kit\n   * locale, so there is no label to translate. Default false.\n   */\n  daySeparators?: boolean;\n  /** \"Now\" for the relative times and the day lines — pin it in tests and stories.\n   *  Default: the clock. */\n  now?: Date | number;\n  /** Overrides the provider's locale for the times. */\n  locale?: string;\n  labels?: LabelOverride<FeedbackThreadLabels>;\n  className?: string;\n}\n\nexport function FeedbackThread({\n  messages,\n  loading = false,\n  empty,\n  renderAttachment,\n  redact = true,\n  now,\n  locale: localeProp,\n  timeFormat = \"relative\",\n  daySeparators = false,\n  labels: labelsProp,\n  className,\n}: FeedbackThreadProps) {\n  const labels = useKitLabels(\"feedbackThread\", DEFAULT_FEEDBACK_THREAD_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const file = useKitFileLabels();\n  const priv = redact ? \"\" : undefined;\n  const clock = useMinuteClock(now === undefined);\n  const reference = now === undefined ? clock : +now;\n\n  if (loading && messages.length === 0) {\n    return <Skeleton lines={3} label={labels.loading} className={className} />;\n  }\n  if (messages.length === 0) {\n    return (\n      <EmptyState\n        variant=\"inline\"\n        size=\"sm\"\n        title={empty ?? labels.empty}\n        className={cn(\"justify-start\", className)}\n      />\n    );\n  }\n\n  // Per row, the calendar day of the last readable date up to it — what a day line\n  // compares against.\n  const days: (number | null)[] = [];\n  for (const message of messages) {\n    const date = toDate(message.createdAt);\n    days.push(date ? dayNumber(date) : (days.at(-1) ?? null));\n  }\n\n  return (\n    <ol aria-label={labels.thread} aria-busy={loading || undefined} className={cn(\"space-y-3\", className)}>\n      {messages.flatMap((message, index) => {\n        const date = toDate(message.createdAt);\n        const time = date && (\n          // The kit's Tooltip, not a native title: one tooltip look app-wide\n          // (keksdose F0 / dev#523).\n          <Tooltip label={new Intl.DateTimeFormat(locale, { dateStyle: \"full\", timeStyle: \"short\" }).format(date)}>\n            <time dateTime={date.toISOString()} className=\"tabular-nums\">\n              {timeFormat === \"clock\"\n                ? formatDate(date, \"time\", { locale })\n                : formatRelativeTime(date, {\n                    now: reference,\n                    locale,\n                    // Past the kit's day steps it is a date: \"2 weeks ago\" makes\n                    // the reader do arithmetic the date already did.\n                    absoluteAfterDays: 6.5,\n                  })}\n            </time>\n          </Tooltip>\n        );\n        const rows: ReactNode[] = [];\n        const day = date && dayNumber(date);\n        // Against the last row WITH a readable date: an unparseable one neither starts\n        // a day nor hides the next change.\n        if (daySeparators && date && day !== days[index - 1]) {\n          rows.push(<DaySeparator key={`day-${message.id}`} date={date} now={reference} locale={locale} />);\n        }\n        if (message.kind === \"event\") {\n          // A list item like the rest, so \"Reopened\" is read in its place, but not an\n          // article: an article is somebody's post, and this has no author.\n          rows.push(\n            <li\n              key={message.id}\n              data-event=\"\"\n              className=\"flex flex-wrap items-baseline justify-center gap-x-2 px-4 text-center text-xs text-muted\"\n            >\n              <span>{message.body}</span>\n              {time && <span className=\"text-caption\">{time}</span>}\n            </li>,\n          );\n          return rows;\n        }\n        const author = message.author ?? (message.own ? labels.you : null);\n        const attachments = message.attachments ?? [];\n        rows.push(\n          <li\n            key={message.id}\n            className={cn(\"flex\", message.own ? \"justify-end\" : \"justify-start\")}\n            data-own={message.own ? \"\" : undefined}\n          >\n            <article\n              className={cn(\n                \"max-w-[85%] min-w-0 rounded-lg px-3 py-2 text-sm\",\n                message.own\n                  ? \"rounded-ee-sm bg-brand-soft\"\n                  : \"rounded-es-sm bg-surface-2\",\n              )}\n            >\n              <header className=\"mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-caption text-muted\">\n                {author != null && (\n                  <span data-private={priv} className=\"font-medium text-secondary\">\n                    {author}\n                  </span>\n                )}\n                {message.staff && (\n                  <span className=\"rounded border border-subtle bg-surface px-1 text-micro font-medium uppercase tracking-wide text-secondary\">\n                    {labels.staff}\n                  </span>\n                )}\n                {message.badge}\n                {time}\n              </header>\n              {message.body && (\n                <p\n                  data-private={priv}\n                  dir=\"auto\"\n                  className={cn(\n                    \"whitespace-pre-wrap break-words text-start\",\n                    message.struck ? \"text-muted line-through\" : \"text-primary\",\n                  )}\n                >\n                  {message.body}\n                </p>\n              )}\n              {attachments.length > 0 && (\n                <ul aria-label={labels.attachments} data-private={priv} className=\"mt-2 flex flex-wrap gap-2\">\n                  {attachments.map((attachment, index) => (\n                    <li key={attachment.id ?? `${index}-${attachment.name}`} className=\"min-w-0\">\n                      {renderAttachment ? (\n                        renderAttachment(attachment, message)\n                      ) : (\n                        <DefaultAttachment attachment={attachment} size={file.size} />\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {message.footer != null && (\n                <div className=\"mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n                  {message.footer}\n                </div>\n              )}\n            </article>\n          </li>,\n        );\n        return rows;\n      })}\n    </ol>\n  );\n}\n\nfunction DefaultAttachment({\n  attachment,\n  size,\n}: {\n  attachment: FeedbackThreadAttachment;\n  size: (bytes: number) => string;\n}) {\n  const { name, url, type } = attachment;\n  if (url && type?.startsWith(\"image/\")) return <ImageThumbnail url={url} name={name} />;\n  const content = (\n    <>\n      <Paperclip className=\"size-3.5 shrink-0\" aria-hidden />\n      {/* A file name wraps from Large up, as the attachments of the composer do (text\n          size §10.17; round 0.34 T1: the sweep read \"export-20…\"). */}\n      <span className=\"min-w-0 truncate-until-large\">{name}</span>\n      {attachment.size !== undefined && (\n        <span className=\"shrink-0 text-muted\">{size(attachment.size)}</span>\n      )}\n    </>\n  );\n  const chip =\n    \"inline-flex max-w-full items-center gap-1 rounded border border-subtle bg-surface px-2 py-1 text-xs text-secondary\";\n  return url ? (\n    <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className={cn(chip, \"hover:bg-hover\")}>\n      {content}\n    </a>\n  ) : (\n    <span className={chip}>{content}</span>\n  );\n}\n\n/** An image attachment's thumbnail. The box is drawn before the picture arrives —\n *  `loading=\"lazy\"` leaves it empty until it nears the viewport, and a URL that has\n *  expired never fills it — and an empty bordered square read as a broken layout, not\n *  as a picture. So the box carries an image glyph underneath until the picture\n *  covers it, and swaps it for a broken-image glyph when the load fails. */\nfunction ImageThumbnail({ url, name }: { url: string; name: string }) {\n  // Keyed on the URL, so a message whose attachment is replaced tries the new one.\n  const [failedUrl, setFailedUrl] = useState<string | null>(null);\n  const failed = failedUrl === url;\n  const Glyph = failed ? ImageOff : ImageIcon;\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"relative block h-20 w-20 overflow-hidden rounded border border-subtle bg-surface-2\"\n    >\n      <Glyph aria-hidden className=\"absolute inset-0 m-auto size-6 text-muted\" />\n      {!failed && (\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- load/error are resource events, not interactions\n        <img\n          src={url}\n          alt={name}\n          loading=\"lazy\"\n          onError={() => setFailedUrl(url)}\n          className=\"relative h-full w-full object-cover\"\n        />\n      )}\n      {/* The <img> and its alt are gone once it failed; the link still needs a name. */}\n      {failed && <span className=\"sr-only\">{name}</span>}\n    </a>\n  );\n}\n\n/** The time, refreshed once a minute while `active`, so \"2 minutes ago\" does not stay\n *  \"just now\" on a page left open. Read in state rather than in render, which must be\n *  pure. */\nfunction useMinuteClock(active: boolean): number {\n  const [time, setTime] = useState(() => Date.now());\n  useEffect(() => {\n    if (!active) return;\n    const id = setInterval(() => setTime(Date.now()), 60_000);\n    return () => clearInterval(id);\n  }, [active]);\n  return time;\n}\n\n/** The local calendar day as one number (20260926), for \"same day?\" and keys. */\nfunction dayNumber(date: Date): number {\n  return date.getFullYear() * 10_000 + (date.getMonth() + 1) * 100 + date.getDate();\n}\n\n/**\n * The day line of `daySeparators` (keksdose G4): \"Today\" / \"Yesterday\" from\n * `Intl.RelativeTimeFormat` (`numeric: \"auto\"`) — the locale's own words, capitalised\n * for a line that stands alone (\"heute\" → \"Heute\"; a script without case is left as\n * is) — else the weekday and date, with the year only when it is not this one.\n *\n * Counted in calendar days, not 24-hour spans: 23:50 yesterday is \"Yesterday\" at\n * 00:10 today.\n */\nfunction DaySeparator({ date, now, locale }: { date: Date; now: number; locale: string | undefined }) {\n  const today = new Date(now);\n  const days = Math.round(\n    (Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()) -\n      Date.UTC(today.getFullYear(), today.getMonth(), today.getDate())) /\n      86_400_000,\n  );\n  let label: string;\n  if (days === 0 || days === -1) {\n    const word = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" }).format(days + 0, \"day\");\n    label = word.charAt(0).toLocaleUpperCase(locale) + word.slice(1);\n  } else {\n    label = formatDate(\n      date,\n      {\n        weekday: \"long\",\n        day: \"numeric\",\n        month: \"long\",\n        ...(date.getFullYear() === today.getFullYear() ? null : { year: \"numeric\" }),\n      },\n      { locale },\n    );\n  }\n  const y = String(date.getFullYear()).padStart(4, \"0\");\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return (\n    <li data-day-separator=\"\" className=\"flex items-center gap-3 py-1 text-xs text-muted\">\n      <span aria-hidden className=\"h-px flex-1 bg-[var(--border)]\" />\n      <time dateTime={`${y}-${m}-${d}`} className=\"font-medium\">\n        {label}\n      </time>\n      <span aria-hidden className=\"h-px flex-1 bg-[var(--border)]\" />\n    </li>\n  );\n}\n\nfunction toDate(value: Date | string | number): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n/* ── Composer ─────────────────────────────────────────────────────────────── */\n\n/** What the composer's attach control takes — {@link FeedbackNoteAttachment} with the\n *  labels optional, since the field reads `feedbackAttachment` from the provider, and\n *  `onError` the field's own (0.23.0): it is handed the refused file and the limit too\n *  (`FeedbackAttachmentErrorInfo`), and a `(kind) => …` handler still fits. Since\n *  0.24.0 also the field's `buttonVariant` / `buttonSize`, for a composer whose row\n *  wants smaller or quieter attach buttons than the bordered `md` default. */\nexport type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, \"labels\" | \"onError\"> & {\n  labels?: LabelOverride<FeedbackAttachmentLabels>;\n  onError?: FeedbackAttachmentFieldSingleProps[\"onError\"];\n} & Pick<FeedbackAttachmentFieldSingleProps, \"buttonVariant\" | \"buttonSize\">;\n\n/**\n * What a render-prop {@link FeedbackComposerProps.attachmentSlot} is handed (0.24.0,\n * keksdose).\n *\n * keksdose's support chat put `<FeedbackAttachmentField refs>` in the slot and a\n * screenshot pasted into the reply box never reached it: the box is the field's\n * sibling, so the paste bubbles to their common parent — the composer's root — and the\n * field hears it only through `pasteFrom`, which needs that root. The composer kept it\n * to itself, so keksdose wrapped the whole composer in a ref'd `<div>` of its own just\n * to have an element to hand over.\n */\nexport interface FeedbackComposerSlotContext {\n  /**\n   * The composer's root, round the text box and this slot — the field's `pasteFrom`,\n   * as it is: `pasteFrom={slot.root}`.\n   *\n   * A ref, not the element, because `pasteFrom` is one: the field reads `.current` in\n   * an effect, and the slot renders INSIDE this root, so the two are committed together\n   * and React attaches the root before any effect of the slot's runs — the first paste\n   * after the first paint already lands. The element itself would be `null` on the\n   * first render (it does not exist yet) and could only arrive by a second render\n   * through state; the ref is the same object every render, so the field's listener is\n   * added once and never re-added.\n   *\n   * With the built-in `attachment` on as well, it listens on this root too: hand the\n   * root to one field only, or an image pasted once is attached twice.\n   */\n  root: RefObject<HTMLElement | null>;\n  /** The composer's `pending` — a send is in flight. For the field's `disabled`\n   *  (keksdose G5b): the message carries the attachments as they were at the press. */\n  pending: boolean;\n}\n\nexport interface FeedbackComposerProps {\n  /**\n   * Send the comment. Return the promise: the box clears when it RESOLVES, and only of\n   * what was sent — text typed while it was in flight stays. A rejection keeps\n   * everything for a retry (surface the error yourself; the composer stays quiet).\n   *\n   * `attachment` is the built-in field's one picture. Files the host uploaded ahead\n   * (`attachmentSlot`) are the host's state, read by the host here — and `body` may be\n   * `\"\"` when `canSend` let an attachments-only message go.\n   */\n  onSend: (body: string, attachment: File | null) => void | Promise<unknown>;\n  /** The send is in flight: a spinner on the button and no second send. */\n  pending?: boolean;\n  /** Offer one picture with the comment (file, paste or `onCaptureScreenshot`).\n   *  `true` for the defaults. Left out, the composer is text only. */\n  attachment?: boolean | FeedbackComposerAttachment;\n  /**\n   * The host's own attach control, in the row with Send where the built-in field sits\n   * (after it, if both are on) — keksdose G5: its support chat uploads up to N files\n   * AHEAD of the send and sends their refs, which one `File` in `onSend` cannot carry.\n   * The slot is the host's picker plus the chips of what is uploaded; the upload, the\n   * refs and clearing them once `onSend` resolves stay with the host. Pair it with\n   * `canSend`.\n   *\n   * A node, or (0.24.0) a function of {@link FeedbackComposerSlotContext} that returns\n   * one — for a field that wants the composer's root as its `pasteFrom`, so a\n   * screenshot pasted into the box reaches it, and `pending` for its `disabled`:\n   *\n   * ```tsx\n   * attachmentSlot={({ root, pending }) => (\n   *   <FeedbackAttachmentField refs pasteFrom={root} disabled={pending} … />\n   * )}\n   * ```\n   *\n   * Called once per render of the composer, and not at all while `disabledReason`\n   * stands in for it.\n   */\n  attachmentSlot?: ReactNode | ((slot: FeedbackComposerSlotContext) => ReactNode);\n  /**\n   * Whether Send is enabled, over the composer's own rule (some text in the box) —\n   * for state the composer cannot see, i.e. `attachmentSlot`'s (keksdose G5): `true`\n   * with files ready makes an empty draft sendable (`onSend(\"\", null)`), `false` while\n   * an upload is still running holds even a written reply back. Left out, the text\n   * decides. `pending` blocks a send either way, as does a draft past `maxLength`.\n   */\n  canSend?: boolean;\n  /**\n   * Which key sends. `\"mod-enter\"` (default): Ctrl/⌘+Enter, the report dialog's and\n   * note editor's shortcut, with plain Enter a new line — feedback is written in\n   * paragraphs. `\"enter\"`: the chat way (keksdose G5) — Enter sends, Shift+Enter is a\n   * new line, Ctrl/⌘+Enter still sends; an Enter that confirms an IME composition\n   * (Japanese, Chinese input) is the IME's, never a send.\n   */\n  sendOn?: \"mod-enter\" | \"enter\";\n  /** Rendered INSTEAD of the composer — the thread is closed, or read-only for this\n   *  reader. */\n  disabledReason?: ReactNode;\n  /**\n   * Send COMMITS (0.33.1, kastlan's assistant): under a locked {@link WriteLockProvider}\n   * Send is disabled the `disabledReason` way — focusable, the lock's reason in its\n   * tooltip and description, as on {@link Button}'s `commit` — and neither Enter nor\n   * Ctrl/⌘+Enter sends. The box stays editable and the draft stays: nothing in it\n   * reaches the server until Send, and the lock may lift. No provider, or an unlocked\n   * one: no effect. A {@link CommitScope}: kastlan's assistant answers under the demo\n   * and not under a lapsed plan (its backend's 402), so it passes\n   * `commit={{ except: [\"demo\"] }}` where it read `useWriteLock` and fed `canSend` and a\n   * reason by hand. Not the prop above: that one replaces the box, this one keeps it.\n   */\n  commit?: CommitScope;\n  rows?: number;\n  /**\n   * The longest draft the box takes, in UTF-16 code units as the browser counts — the\n   * server's limit, so a reply too long for it is cut off while it is typed rather than\n   * refused by a 422 after the press (keksdose G6: its support replies are capped at\n   * 4,000 on the server, and its other text fields already count against that with\n   * Textarea's `maxLength` + `showCount` since 0.22; the reply box, a composer, could\n   * not). The box's own `maxLength`, so typing and pasting stop at it.\n   *\n   * {@link FeedbackComposerHandle.insertText} is not stopped by it — the browser limits\n   * typing, not a script — and a canned reply is not cut mid-sentence to fit. A draft\n   * past the limit therefore holds Send back (whatever `canSend` says, as `pending`\n   * does) until it is trimmed; with `showCount` the counter, red at the limit, says by\n   * how much.\n   */\n  maxLength?: number;\n  /**\n   * A live \"12/4000\" under the box, with `maxLength` — Textarea's `showCount`, the same\n   * counter (keksdose G6): the count is part of the box's description, read with it on\n   * focus, and a polite live region speaks only on entering the last stretch and at the\n   * limit, never per keystroke. Under `size=\"sm\"` the hidden send hint stays the box's\n   * description too, before the count. Ignored without `maxLength`.\n   */\n  showCount?: boolean;\n  /** The counter's words — the `characterCount` namespace, as on Textarea. */\n  countLabels?: Partial<CharacterCountLabels>;\n  /**\n   * The box's hint, over the `placeholder` label — keksdose F9: an admin answering a\n   * support ticket is asked something else (\"Reply to Anna…\") than a member adding to\n   * their own report, and one provider-wide label cannot say both.\n   */\n  placeholder?: string;\n  /**\n   * The draft, controlled — for a host that keeps it itself (saves it per ticket,\n   * prefills a template). Left out, the composer keeps its own. Either way a send\n   * that resolves clears only what was sent: controlled, that is an\n   * `onValueChange(\"\")` the host receives like any keystroke, and only if the draft\n   * is still the one that went out.\n   */\n  value?: string;\n  /** Every change to the draft — typing, {@link FeedbackComposerHandle.insertText}, the\n   *  clear after a send. Required to change a controlled `value`. */\n  onValueChange?: (value: string) => void;\n  /** {@link FeedbackComposerHandle}: put text into the draft from outside (canned-reply\n   *  chips) or focus the box. */\n  ref?: Ref<FeedbackComposerHandle>;\n  labels?: LabelOverride<FeedbackComposerLabels>;\n  className?: string;\n  /**\n   * `\"sm\"` for a narrow host — keksdose's assistant launcher, a small floating panel\n   * (0.22): a small Send button, and the send hint (\"Enter to send, Shift + Enter for a\n   * new line\") hidden from view but kept as the box's description, so a keyboard or\n   * screen-reader user still learns the shortcut. Default `\"md\"`.\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * On the composer's root — the box, or the `disabledReason` line in its place —\n   * with any `data-*` attribute beside it (keksdose K17). keksdose's assistant tour\n   * points at the chat box with `[data-tour=\"assistant-ask\"]`, and a composer that\n   * dropped every attribute it was not told about left the anchor nowhere: the\n   * assistant kept its hand-built box rather than lose the tour step.\n   */\n  id?: string;\n  /** `data-*` attributes for the root, as `id` — a tour anchor, a test id. */\n  [dataAttribute: `data-${string}`]: string | number | boolean | undefined;\n}\n\n/**\n * What a {@link ChatComposer} `ref` holds.\n *\n * keksdose F9: the support admin answers the same five questions all day and wants\n * chips above the box (\"Thanks, fixed in the next release\") that drop their text in\n * where the caret is. A controlled `value` alone cannot do that well — the host sees\n * the string, not the caret, so it could only append — so the composer, which owns\n * the textarea, does the splice.\n */\nexport interface FeedbackComposerHandle {\n  /**\n   * Insert `text` at the caret, replacing any selection (the caret the box last had:\n   * a click on a chip blurs it, and the selection survives the blur), then focus the\n   * box with the caret after the inserted text so the reply can go on. Nothing is\n   * added around it — put a space or a newline in `text` if the reply needs one. A\n   * no-op while `disabledReason` replaces the box.\n   */\n  insertText: (text: string) => void;\n  focus: () => void;\n}\n\nconst noSubscribe = () => () => {};\nconst isApple = () =>\n  typeof navigator !== \"undefined\" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);\n\n/**\n * The answer box under a {@link FeedbackThread}: a textarea, an optional picture,\n * and Send — Ctrl/⌘+Enter sends, the shortcut the report dialog and the note editor\n * use, so the habit carries across the feature. Plain Enter is a new line: feedback is\n * written in paragraphs, unlike a chat — which `sendOn=\"enter\"` is for (keksdose G5).\n *\n * Named for what it is since 0.22 (keksdose K17): the component was never\n * feedback-specific — a textarea, an optional picture or a host's upload slot, Send,\n * `sendOn=\"enter\"` for the chat way — and keksdose's assistant and support chat are\n * chats, not reports. `FeedbackComposer`, its old name, was removed in 0.35 (refactor\n * audit 2026-10, API-6d; deprecated in 0.34); its types keep theirs.\n */\nexport function ChatComposer({\n  onSend,\n  pending = false,\n  attachment,\n  attachmentSlot,\n  canSend: canSendProp,\n  sendOn = \"mod-enter\",\n  disabledReason,\n  commit,\n  rows = 3,\n  maxLength,\n  showCount,\n  countLabels,\n  placeholder,\n  value,\n  onValueChange,\n  ref,\n  labels: labelsProp,\n  className,\n  id,\n  size = \"md\",\n  ...rest\n}: FeedbackComposerProps) {\n  const labels = useKitLabels(\"feedbackComposer\", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);\n  // The lock as Send sees it, with its scope (§12.36). Send's Button reads the same\n  // through its own `commit`; this holds the keyboard's send back with it.\n  const lock = useWriteLock(commit ?? false);\n  const rootAttributes = { id, ...dataAttributes(rest) };\n  const hintId = useId();\n  const [ownDraft, setOwnDraft] = useState(\"\");\n  const controlled = value !== undefined;\n  const draft = controlled ? value : ownDraft;\n  const [file, setFile] = useState<File | null>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const box = useRef<HTMLTextAreaElement>(null);\n  // The draft as of the last commit. The send's `.then` and `insertText` run after\n  // renders their closure did not see — text typed while the send was in flight, a\n  // second chip clicked before the first one's render — and must not act on a stale\n  // string (for a controlled draft there is no updater function to lean on).\n  const latest = useRef(draft);\n  useLayoutEffect(() => {\n    latest.current = draft;\n  });\n  // Where the caret goes once an inserted text has rendered.\n  const caret = useRef<number | null>(null);\n  useLayoutEffect(() => {\n    const el = box.current;\n    if (caret.current === null || !el) return;\n    el.focus();\n    el.setSelectionRange(caret.current, caret.current);\n    caret.current = null;\n  });\n\n  const setDraft = (next: string) => {\n    latest.current = next;\n    if (!controlled) setOwnDraft(next);\n    onValueChange?.(next);\n  };\n\n  useImperativeHandle(ref, () => ({\n    insertText: (text) => {\n      const el = box.current;\n      if (!el) return;\n      const current = latest.current;\n      // A second insert before the first has rendered goes after the first, not at the\n      // textarea's not-yet-moved caret. Otherwise the textarea's selection, which may\n      // be past the end of a controlled value the host has just shortened: clamp it.\n      const pending = caret.current;\n      const start = Math.min(pending ?? el.selectionStart ?? current.length, current.length);\n      const end = pending ?? Math.max(start, Math.min(el.selectionEnd ?? start, current.length));\n      caret.current = start + text.length;\n      setDraft(current.slice(0, start) + text + current.slice(end));\n    },\n    focus: () => box.current?.focus(),\n  }));\n  // The server snapshot is \"Ctrl\"; the client corrects it after hydration.\n  const modifier = useSyncExternalStore(\n    noSubscribe,\n    () => (isApple() ? \"⌘\" : \"Ctrl\"),\n    () => \"Ctrl\",\n  );\n\n  // The kit's one presence rule (DUP-11): `\"\"` is no reason either, so it keeps the box.\n  if (hasContent(disabledReason)) {\n    return (\n      <p {...rootAttributes} className={cn(\"text-xs text-muted\", className)}>\n        {disabledReason}\n      </p>\n    );\n  }\n\n  // Longer than `maxLength` only through `insertText` or a controlled value (typing\n  // stops at it): the server would refuse it, so it does not go.\n  const tooLong = maxLength !== undefined && draft.length > maxLength;\n  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending && !tooLong && !lock.locked;\n  const send = () => {\n    if (!canSend) return;\n    const sentDraft = draft;\n    const sentFile = file;\n    Promise.resolve(onSend(draft.trim(), file))\n      .then(() => {\n        if (latest.current === sentDraft) setDraft(\"\");\n        setFile((current) => (current === sentFile ? null : current));\n      })\n      .catch(() => {});\n  };\n\n  const config = attachment === true ? {} : attachment || null;\n  // The slot is handed the ref OBJECT, for a field's `pasteFrom`, which reads `.current`\n  // in an effect once the root is attached — nothing reads it during this render (see\n  // FeedbackComposerSlotContext.root).\n  const slot =\n    typeof attachmentSlot === \"function\"\n      ? // eslint-disable-next-line react-hooks/refs -- handed on for an effect, not read here\n        attachmentSlot({ root, pending })\n      : attachmentSlot;\n\n  return (\n    <div {...rootAttributes} ref={root} className={cn(\"space-y-2\", className)}>\n      <Textarea\n        rows={rows}\n        dir=\"auto\"\n        aria-label={labels.field}\n        // Textarea puts the counter's description after this one, so under \"sm\" the box\n        // reads \"Enter to send… 12 of 4000 characters\".\n        aria-describedby={size === \"sm\" ? hintId : undefined}\n        maxLength={maxLength}\n        // Passed only when given: Textarea keeps a wrapper for a `showCount` it was\n        // handed at all, and a composer without one keeps the DOM it had.\n        {...(showCount !== undefined ? { showCount } : null)}\n        countLabels={countLabels}\n        ref={box}\n        placeholder={placeholder ?? labels.placeholder}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key !== \"Enter\") return;\n          const mod = event.ctrlKey || event.metaKey;\n          // Under \"enter\": plain Enter sends, Shift+Enter falls through to the\n          // textarea's new line, and an Enter that ends an IME composition is the\n          // IME's (keyCode 229 is how Safari reports it after the composition ended).\n          const chat =\n            sendOn === \"enter\" &&\n            !event.shiftKey &&\n            !event.altKey &&\n            !event.nativeEvent.isComposing &&\n            event.keyCode !== 229;\n          if (mod || chat) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      {/* The `data-chat-composer-*` marks are for a host that lines its slot up with the\n          send button — FeedbackReplyComposer's status Select (#417). */}\n      <div data-chat-composer-actions=\"\" className=\"flex flex-wrap items-end justify-between gap-2\">\n        {config || slot != null ? (\n          <div className=\"flex min-w-0 flex-wrap items-end gap-2\">\n            {config && (\n              <FeedbackAttachmentField\n                value={file}\n                onChange={setFile}\n                labels={config.labels}\n                accept={config.accept}\n                maxBytes={config.maxBytes}\n                onError={config.onError}\n                onCaptureScreenshot={config.onCaptureScreenshot}\n                buttonVariant={config.buttonVariant}\n                buttonSize={config.buttonSize}\n                // The box is this field's sibling; a paste in it bubbles to `root`.\n                pasteFrom={root}\n              />\n            )}\n            {slot}\n          </div>\n        ) : (\n          <span />\n        )}\n        <div className=\"ms-auto flex items-center gap-2\">\n          <span\n            id={hintId}\n            data-chat-composer-hint=\"\"\n            className={size === \"sm\" ? \"sr-only\" : \"text-xs text-placeholder\"}\n          >\n            {sendOn === \"enter\" ? labels.sendHintEnter : labels.sendHint(modifier)}\n          </span>\n          <Button\n            data-chat-composer-send=\"\"\n            onClick={send}\n            disabled={!canSend}\n            commit={commit}\n            aria-busy={pending || undefined}\n            size={size === \"sm\" ? \"sm\" : undefined}\n          >\n            {pending ? (\n              <Spinner label={null} className=\"size-4\" />\n            ) : (\n              <Send className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n            )}\n            {labels.send}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/** The `data-*` entries of a rest-props object, and nothing else: whatever a caller\n *  spread in that the composer does not know is not the root's to receive. */\nfunction dataAttributes(props: object): Record<string, unknown> {\n  const out: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) if (key.startsWith(\"data-\")) out[key] = value;\n  return out;\n}\n\n/** {@link FeedbackComposerProps}, for {@link ChatComposer}. */\nexport type ChatComposerProps = FeedbackComposerProps;\n/** {@link FeedbackComposerHandle}, for {@link ChatComposer}. */\nexport type ChatComposerHandle = FeedbackComposerHandle;\n/** {@link FeedbackComposerLabels}, for {@link ChatComposer} — still the `feedbackComposer`\n *  namespace of the provider. */\nexport type ChatComposerLabels = FeedbackComposerLabels;\n/** {@link FeedbackComposerSlotContext}, for {@link ChatComposer}'s `attachmentSlot`. */\nexport type ChatComposerSlotContext = FeedbackComposerSlotContext;\n"],"mappings":"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","names":["index","pending"]}
+{"version":3,"sources":["../../src/feedback/feedback-thread.tsx"],"sourcesContent":["import { useEffect, useId, useImperativeHandle, useLayoutEffect, useRef, useState, useSyncExternalStore } from \"react\";\nimport type { ReactNode, Ref, RefObject } from \"react\";\nimport { ImageIcon, ImageOff, Paperclip, Send } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate, formatRelativeTime } from \"../lib/format\";\nimport { hasContent } from \"../lib/presence\";\nimport { Button } from \"../components/button\";\nimport { EmptyState } from \"../components/empty-state\";\nimport { Spinner } from \"../components/spinner\";\nimport { Textarea } from \"../components/textarea\";\nimport type { CharacterCountLabels } from \"../components/field-base\";\nimport { Skeleton } from \"../components/skeleton\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { useWriteLock } from \"../components/write-lock\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitFileLabels, useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackAttachmentField } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentFieldSingleProps } from \"./feedback-attachment\";\nimport type { FeedbackNoteAttachment } from \"./feedback-inbox\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport { DEFAULT_FEEDBACK_COMPOSER_LABELS, DEFAULT_FEEDBACK_THREAD_LABELS } from \"./feedback-thread-labels\";\n\n/**\n * The conversation under a report: who said what, when, with what attached — and the\n * box to answer in.\n *\n * Both apps had written it by hand. kastlan's feedback page grew a comment list of\n * bordered boxes with `slate-*` literals (feedback-page.tsx, \"keksdose left this\n * unbuilt\"), and keksdose built the same thing a second time for support\n * (support-thread.tsx) with sides, bubbles and a composer that clears only what it\n * sent. This is that second one, generalised: the kit owns the look and the\n * behaviour, the app owns the data, the upload and every word it does not share.\n *\n * **Own vs other** is the caller's per message (`own`), not a comparison the kit makes\n * against a user id: whose message sits at the END side depends on who is reading,\n * and only the app knows that (keksdose's support thread labelled a member's question\n * \"Du\" in the admin panel the first time round, by reading the wrong field).\n *\n * **Redaction.** A thread is somebody's words about their own data — exactly what a\n * host's demo / screen-share mode blurs. Bodies, authors and attachments carry\n * `data-private` (the attribute `Tooltip redact` and `StatTile sensitive` use) unless\n * `redact={false}`.\n *\n * **RTL.** Sides are logical — `justify-end` is the reading end, and the bubble's\n * tucked corner is `rounded-ee` / `rounded-es` — and each body is `dir=\"auto\"`, so a\n * Hebrew reply in an English thread (or the reverse) lays out as its own language.\n *\n * **A chat, too** (keksdose G4/G5). keksdose's support chat is the same conversation\n * read the chat way: status lines between the messages (\"Closed automatically\",\n * \"Reopened\"), a day line where the date changes, clock times under it, Enter to send\n * and several files uploaded ahead of the send. Each of those is an opt-in here\n * (`kind: \"event\"`, `daySeparators`, `timeFormat=\"clock\"`, `sendOn=\"enter\"`,\n * `attachmentSlot` + `canSend`), so the feedback thread's defaults stay as they were.\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackThread` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackThreadLabels {\n  /** Accessible name of the message list. */\n  thread: string;\n  empty: string;\n  loading: string;\n  /** Author line of an `own` message that has no `author` of its own. */\n  you: string;\n  /** The badge beside a `staff` author. */\n  staff: string;\n  /** Accessible name of a message's attachment list. */\n  attachments: string;\n}\n\n// Defined in ./feedback-thread-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_THREAD_LABELS };\n\n/** The `feedbackComposer` namespace of `<UiKitProvider labels>`. The attach buttons'\n *  words are `feedbackAttachment`'s, shared with the dialog and the note editor. */\nexport interface FeedbackComposerLabels {\n  /** Accessible name of the text box. */\n  field: string;\n  placeholder: string;\n  send: string;\n  /** The shortcut line, given the platform's modifier (\"Ctrl\" or \"⌘\"). */\n  sendHint: (modifier: string) => string;\n  /** The shortcut line under `sendOn=\"enter\"` (keksdose G5): Enter sends, so say how a\n   *  new line is made. */\n  sendHintEnter: string;\n}\n\n// Defined in ./feedback-thread-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_COMPOSER_LABELS };\n\n/* ── Thread ───────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackThreadAttachment {\n  id?: string | number;\n  name: string;\n  /** Where to open it. Left out, the attachment is listed by name only. */\n  url?: string;\n  /** MIME type; an `image/*` with a `url` is shown as a thumbnail. */\n  type?: string;\n  /** Bytes, shown beside a non-image. */\n  size?: number;\n}\n\nexport interface FeedbackThreadMessage {\n  /** Leave out, or `\"message\"`. `\"event\"` is a {@link FeedbackThreadEvent}. */\n  kind?: \"message\";\n  id: string | number;\n  /** Who wrote it. Left out on an `own` message, it reads \"You\". */\n  author?: ReactNode;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: string;\n  attachments?: readonly FeedbackThreadAttachment[];\n  /** Written by whoever is reading: sits at the end side, in the brand tint. */\n  own?: boolean;\n  /** Written by the team rather than a user: gets the \"Staff\" badge. */\n  staff?: boolean;\n  /** 0.38: beside the author and time — a reply's \"→ Done\" status chip. Not\n   *  `data-private`: it is the app's, not somebody's words. */\n  badge?: ReactNode;\n  /** 0.38: the body struck through and muted — a hidden comment as its admin sees it. */\n  struck?: boolean;\n  /** 0.38: under the body — a note (\"Hidden by an admin\") and the message's actions\n   *  (Hide, Delete). Not `data-private`. */\n  footer?: ReactNode;\n}\n\n/**\n * A line in the thread that nobody wrote — \"Closed automatically\", \"Marked as\n * resolved\", \"Reopened\" — drawn centred and muted with its time, no author, no side,\n * no bubble.\n *\n * keksdose G4: its support chat interleaves these with the messages, and as a message\n * they came out as a bubble from nobody at the start side, which reads as the member\n * having said \"resolved\". Word it for the READER, as with `own`: the app knows whether\n * \"you reopened it\" or \"Anna reopened it\" is true for the person looking.\n *\n * The text is the app's, not somebody's words about their data, so it is NOT tagged\n * `data-private`; one that names a person can wrap the name in its own\n * `<span data-private>` (`body` is a node for that reason).\n */\nexport interface FeedbackThreadEvent {\n  kind: \"event\";\n  id: string | number;\n  /** A `Date`, an ISO string or epoch ms. */\n  createdAt: Date | string | number;\n  body: ReactNode;\n}\n\n/** One row of a {@link FeedbackThread}: a message, or an event line between them. */\nexport type FeedbackThreadItem = FeedbackThreadMessage | FeedbackThreadEvent;\n\nexport interface FeedbackThreadProps {\n  /** Oldest first. Event lines ({@link FeedbackThreadEvent}) sit among the messages. */\n  messages: readonly FeedbackThreadItem[];\n  loading?: boolean;\n  /** Replaces the default \"No comments yet\". */\n  empty?: ReactNode;\n  /**\n   * Draw one attachment yourself — for files behind auth, which a plain `<img src>`\n   * cannot fetch (kastlan's `AuthedImage`), or a lightbox. The default is a thumbnail\n   * link for an image with a `url`, a file link otherwise.\n   */\n  renderAttachment?: (attachment: FeedbackThreadAttachment, message: FeedbackThreadMessage) => ReactNode;\n  /** Tag bodies, authors and attachments `data-private`. Default true. */\n  redact?: boolean;\n  /**\n   * How a row's time reads. `\"relative\"` (default): \"5 minutes ago\", a date past six\n   * days — right for a report's comments, read days apart. `\"clock\"`: the time of day\n   * in the locale (\"14:05\", \"2:05 PM\") — the chat look, keksdose G4; pair it with\n   * `daySeparators`, which say which day that clock time is on. Either way the full\n   * date and time is in the Tooltip.\n   */\n  timeFormat?: \"relative\" | \"clock\";\n  /**\n   * A centred day line before the first row and wherever the next row is on another\n   * calendar day (the device's zone): \"Today\", \"Yesterday\", else the date — keksdose\n   * G4. \"Today\" / \"Yesterday\" are `Intl.RelativeTimeFormat`'s own words in the kit\n   * locale, so there is no label to translate. Default false.\n   */\n  daySeparators?: boolean;\n  /** \"Now\" for the relative times and the day lines — pin it in tests and stories.\n   *  Default: the clock. */\n  now?: Date | number;\n  /** Overrides the provider's locale for the times. */\n  locale?: string;\n  labels?: LabelOverride<FeedbackThreadLabels>;\n  className?: string;\n}\n\nexport function FeedbackThread({\n  messages,\n  loading = false,\n  empty,\n  renderAttachment,\n  redact = true,\n  now,\n  locale: localeProp,\n  timeFormat = \"relative\",\n  daySeparators = false,\n  labels: labelsProp,\n  className,\n}: FeedbackThreadProps) {\n  const labels = useKitLabels(\"feedbackThread\", DEFAULT_FEEDBACK_THREAD_LABELS, labelsProp);\n  const locale = useKitLocale(localeProp);\n  const file = useKitFileLabels();\n  const priv = redact ? \"\" : undefined;\n  const clock = useMinuteClock(now === undefined);\n  const reference = now === undefined ? clock : +now;\n\n  if (loading && messages.length === 0) {\n    return <Skeleton lines={3} label={labels.loading} className={className} />;\n  }\n  if (messages.length === 0) {\n    return (\n      <EmptyState variant=\"inline\" size=\"sm\" title={empty ?? labels.empty} className={cn(\"justify-start\", className)} />\n    );\n  }\n\n  // Per row, the calendar day of the last readable date up to it — what a day line\n  // compares against.\n  const days: (number | null)[] = [];\n  for (const message of messages) {\n    const date = toDate(message.createdAt);\n    days.push(date ? dayNumber(date) : (days.at(-1) ?? null));\n  }\n\n  return (\n    <ol aria-label={labels.thread} aria-busy={loading || undefined} className={cn(\"space-y-3\", className)}>\n      {messages.flatMap((message, index) => {\n        const date = toDate(message.createdAt);\n        const time = date && (\n          // The kit's Tooltip, not a native title: one tooltip look app-wide\n          // (keksdose F0 / dev#523).\n          <Tooltip label={new Intl.DateTimeFormat(locale, { dateStyle: \"full\", timeStyle: \"short\" }).format(date)}>\n            <time dateTime={date.toISOString()} className=\"tabular-nums\">\n              {timeFormat === \"clock\"\n                ? formatDate(date, \"time\", { locale })\n                : formatRelativeTime(date, {\n                    now: reference,\n                    locale,\n                    // Past the kit's day steps it is a date: \"2 weeks ago\" makes\n                    // the reader do arithmetic the date already did.\n                    absoluteAfterDays: 6.5,\n                  })}\n            </time>\n          </Tooltip>\n        );\n        const rows: ReactNode[] = [];\n        const day = date && dayNumber(date);\n        // Against the last row WITH a readable date: an unparseable one neither starts\n        // a day nor hides the next change.\n        if (daySeparators && date && day !== days[index - 1]) {\n          rows.push(<DaySeparator key={`day-${message.id}`} date={date} now={reference} locale={locale} />);\n        }\n        if (message.kind === \"event\") {\n          // A list item like the rest, so \"Reopened\" is read in its place, but not an\n          // article: an article is somebody's post, and this has no author.\n          rows.push(\n            <li\n              key={message.id}\n              data-event=\"\"\n              className=\"flex flex-wrap items-baseline justify-center gap-x-2 px-4 text-center text-xs text-muted\"\n            >\n              <span>{message.body}</span>\n              {time && <span className=\"text-caption\">{time}</span>}\n            </li>,\n          );\n          return rows;\n        }\n        const author = message.author ?? (message.own ? labels.you : null);\n        const attachments = message.attachments ?? [];\n        rows.push(\n          <li\n            key={message.id}\n            className={cn(\"flex\", message.own ? \"justify-end\" : \"justify-start\")}\n            data-own={message.own ? \"\" : undefined}\n          >\n            <article\n              className={cn(\n                \"max-w-[85%] min-w-0 rounded-lg px-3 py-2 text-sm\",\n                message.own ? \"rounded-ee-sm bg-brand-soft\" : \"rounded-es-sm bg-surface-2\",\n              )}\n            >\n              <header className=\"mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-caption text-muted\">\n                {author != null && (\n                  <span data-private={priv} className=\"font-medium text-secondary\">\n                    {author}\n                  </span>\n                )}\n                {message.staff && (\n                  <span className=\"rounded border border-subtle bg-surface px-1 text-micro font-medium uppercase tracking-wide text-secondary\">\n                    {labels.staff}\n                  </span>\n                )}\n                {message.badge}\n                {time}\n              </header>\n              {message.body && (\n                <p\n                  data-private={priv}\n                  dir=\"auto\"\n                  className={cn(\n                    \"whitespace-pre-wrap break-words text-start\",\n                    message.struck ? \"text-muted line-through\" : \"text-primary\",\n                  )}\n                >\n                  {message.body}\n                </p>\n              )}\n              {attachments.length > 0 && (\n                <ul aria-label={labels.attachments} data-private={priv} className=\"mt-2 flex flex-wrap gap-2\">\n                  {attachments.map((attachment, index) => (\n                    <li key={attachment.id ?? `${index}-${attachment.name}`} className=\"min-w-0\">\n                      {renderAttachment ? (\n                        renderAttachment(attachment, message)\n                      ) : (\n                        <DefaultAttachment attachment={attachment} size={file.size} />\n                      )}\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {message.footer != null && (\n                <div className=\"mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n                  {message.footer}\n                </div>\n              )}\n            </article>\n          </li>,\n        );\n        return rows;\n      })}\n    </ol>\n  );\n}\n\nfunction DefaultAttachment({\n  attachment,\n  size,\n}: {\n  attachment: FeedbackThreadAttachment;\n  size: (bytes: number) => string;\n}) {\n  const { name, url, type } = attachment;\n  if (url && type?.startsWith(\"image/\")) return <ImageThumbnail url={url} name={name} />;\n  const content = (\n    <>\n      <Paperclip className=\"size-3.5 shrink-0\" aria-hidden />\n      {/* A file name wraps from Large up, as the attachments of the composer do (text\n          size §10.17; round 0.34 T1: the sweep read \"export-20…\"). */}\n      <span className=\"min-w-0 truncate-until-large\">{name}</span>\n      {attachment.size !== undefined && <span className=\"shrink-0 text-muted\">{size(attachment.size)}</span>}\n    </>\n  );\n  const chip =\n    \"inline-flex max-w-full items-center gap-1 rounded border border-subtle bg-surface px-2 py-1 text-xs text-secondary\";\n  return url ? (\n    <a href={url} target=\"_blank\" rel=\"noopener noreferrer\" className={cn(chip, \"hover:bg-hover\")}>\n      {content}\n    </a>\n  ) : (\n    <span className={chip}>{content}</span>\n  );\n}\n\n/** An image attachment's thumbnail. The box is drawn before the picture arrives —\n *  `loading=\"lazy\"` leaves it empty until it nears the viewport, and a URL that has\n *  expired never fills it — and an empty bordered square read as a broken layout, not\n *  as a picture. So the box carries an image glyph underneath until the picture\n *  covers it, and swaps it for a broken-image glyph when the load fails. */\nfunction ImageThumbnail({ url, name }: { url: string; name: string }) {\n  // Keyed on the URL, so a message whose attachment is replaced tries the new one.\n  const [failedUrl, setFailedUrl] = useState<string | null>(null);\n  const failed = failedUrl === url;\n  const Glyph = failed ? ImageOff : ImageIcon;\n  return (\n    <a\n      href={url}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"relative block h-20 w-20 overflow-hidden rounded border border-subtle bg-surface-2\"\n    >\n      <Glyph aria-hidden className=\"absolute inset-0 m-auto size-6 text-muted\" />\n      {!failed && (\n        // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- load/error are resource events, not interactions\n        <img\n          src={url}\n          alt={name}\n          loading=\"lazy\"\n          onError={() => setFailedUrl(url)}\n          className=\"relative h-full w-full object-cover\"\n        />\n      )}\n      {/* The <img> and its alt are gone once it failed; the link still needs a name. */}\n      {failed && <span className=\"sr-only\">{name}</span>}\n    </a>\n  );\n}\n\n/** The time, refreshed once a minute while `active`, so \"2 minutes ago\" does not stay\n *  \"just now\" on a page left open. Read in state rather than in render, which must be\n *  pure. */\nfunction useMinuteClock(active: boolean): number {\n  const [time, setTime] = useState(() => Date.now());\n  useEffect(() => {\n    if (!active) return;\n    const id = setInterval(() => setTime(Date.now()), 60_000);\n    return () => clearInterval(id);\n  }, [active]);\n  return time;\n}\n\n/** The local calendar day as one number (20260926), for \"same day?\" and keys. */\nfunction dayNumber(date: Date): number {\n  return date.getFullYear() * 10_000 + (date.getMonth() + 1) * 100 + date.getDate();\n}\n\n/**\n * The day line of `daySeparators` (keksdose G4): \"Today\" / \"Yesterday\" from\n * `Intl.RelativeTimeFormat` (`numeric: \"auto\"`) — the locale's own words, capitalised\n * for a line that stands alone (\"heute\" → \"Heute\"; a script without case is left as\n * is) — else the weekday and date, with the year only when it is not this one.\n *\n * Counted in calendar days, not 24-hour spans: 23:50 yesterday is \"Yesterday\" at\n * 00:10 today.\n */\nfunction DaySeparator({ date, now, locale }: { date: Date; now: number; locale: string | undefined }) {\n  const today = new Date(now);\n  const days = Math.round(\n    (Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()) -\n      Date.UTC(today.getFullYear(), today.getMonth(), today.getDate())) /\n      86_400_000,\n  );\n  let label: string;\n  if (days === 0 || days === -1) {\n    const word = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" }).format(days + 0, \"day\");\n    label = word.charAt(0).toLocaleUpperCase(locale) + word.slice(1);\n  } else {\n    label = formatDate(\n      date,\n      {\n        weekday: \"long\",\n        day: \"numeric\",\n        month: \"long\",\n        ...(date.getFullYear() === today.getFullYear() ? null : { year: \"numeric\" }),\n      },\n      { locale },\n    );\n  }\n  const y = String(date.getFullYear()).padStart(4, \"0\");\n  const m = String(date.getMonth() + 1).padStart(2, \"0\");\n  const d = String(date.getDate()).padStart(2, \"0\");\n  return (\n    <li data-day-separator=\"\" className=\"flex items-center gap-3 py-1 text-xs text-muted\">\n      <span aria-hidden className=\"h-px flex-1 bg-[var(--border)]\" />\n      <time dateTime={`${y}-${m}-${d}`} className=\"font-medium\">\n        {label}\n      </time>\n      <span aria-hidden className=\"h-px flex-1 bg-[var(--border)]\" />\n    </li>\n  );\n}\n\nfunction toDate(value: Date | string | number): Date | null {\n  const date = value instanceof Date ? value : new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n/* ── Composer ─────────────────────────────────────────────────────────────── */\n\n/** What the composer's attach control takes — {@link FeedbackNoteAttachment} with the\n *  labels optional, since the field reads `feedbackAttachment` from the provider, and\n *  `onError` the field's own (0.23.0): it is handed the refused file and the limit too\n *  (`FeedbackAttachmentErrorInfo`), and a `(kind) => …` handler still fits. Since\n *  0.24.0 also the field's `buttonVariant` / `buttonSize`, for a composer whose row\n *  wants smaller or quieter attach buttons than the bordered `md` default. */\nexport type FeedbackComposerAttachment = Omit<FeedbackNoteAttachment, \"labels\" | \"onError\"> & {\n  labels?: LabelOverride<FeedbackAttachmentLabels>;\n  onError?: FeedbackAttachmentFieldSingleProps[\"onError\"];\n} & Pick<FeedbackAttachmentFieldSingleProps, \"buttonVariant\" | \"buttonSize\">;\n\n/**\n * What a render-prop {@link FeedbackComposerProps.attachmentSlot} is handed (0.24.0,\n * keksdose).\n *\n * keksdose's support chat put `<FeedbackAttachmentField refs>` in the slot and a\n * screenshot pasted into the reply box never reached it: the box is the field's\n * sibling, so the paste bubbles to their common parent — the composer's root — and the\n * field hears it only through `pasteFrom`, which needs that root. The composer kept it\n * to itself, so keksdose wrapped the whole composer in a ref'd `<div>` of its own just\n * to have an element to hand over.\n */\nexport interface FeedbackComposerSlotContext {\n  /**\n   * The composer's root, round the text box and this slot — the field's `pasteFrom`,\n   * as it is: `pasteFrom={slot.root}`.\n   *\n   * A ref, not the element, because `pasteFrom` is one: the field reads `.current` in\n   * an effect, and the slot renders INSIDE this root, so the two are committed together\n   * and React attaches the root before any effect of the slot's runs — the first paste\n   * after the first paint already lands. The element itself would be `null` on the\n   * first render (it does not exist yet) and could only arrive by a second render\n   * through state; the ref is the same object every render, so the field's listener is\n   * added once and never re-added.\n   *\n   * With the built-in `attachment` on as well, it listens on this root too: hand the\n   * root to one field only, or an image pasted once is attached twice.\n   */\n  root: RefObject<HTMLElement | null>;\n  /** The composer's `pending` — a send is in flight. For the field's `disabled`\n   *  (keksdose G5b): the message carries the attachments as they were at the press. */\n  pending: boolean;\n}\n\nexport interface FeedbackComposerProps {\n  /**\n   * Send the comment. Return the promise: the box clears when it RESOLVES, and only of\n   * what was sent — text typed while it was in flight stays. A rejection keeps\n   * everything for a retry (surface the error yourself; the composer stays quiet).\n   *\n   * `attachment` is the built-in field's one picture. Files the host uploaded ahead\n   * (`attachmentSlot`) are the host's state, read by the host here — and `body` may be\n   * `\"\"` when `canSend` let an attachments-only message go.\n   */\n  onSend: (body: string, attachment: File | null) => void | Promise<unknown>;\n  /** The send is in flight: a spinner on the button and no second send. */\n  pending?: boolean;\n  /** Offer one picture with the comment (file, paste or `onCaptureScreenshot`).\n   *  `true` for the defaults. Left out, the composer is text only. */\n  attachment?: boolean | FeedbackComposerAttachment;\n  /**\n   * The host's own attach control, in the row with Send where the built-in field sits\n   * (after it, if both are on) — keksdose G5: its support chat uploads up to N files\n   * AHEAD of the send and sends their refs, which one `File` in `onSend` cannot carry.\n   * The slot is the host's picker plus the chips of what is uploaded; the upload, the\n   * refs and clearing them once `onSend` resolves stay with the host. Pair it with\n   * `canSend`.\n   *\n   * A node, or (0.24.0) a function of {@link FeedbackComposerSlotContext} that returns\n   * one — for a field that wants the composer's root as its `pasteFrom`, so a\n   * screenshot pasted into the box reaches it, and `pending` for its `disabled`:\n   *\n   * ```tsx\n   * attachmentSlot={({ root, pending }) => (\n   *   <FeedbackAttachmentField refs pasteFrom={root} disabled={pending} … />\n   * )}\n   * ```\n   *\n   * Called once per render of the composer, and not at all while `disabledReason`\n   * stands in for it.\n   */\n  attachmentSlot?: ReactNode | ((slot: FeedbackComposerSlotContext) => ReactNode);\n  /**\n   * Whether Send is enabled, over the composer's own rule (some text in the box) —\n   * for state the composer cannot see, i.e. `attachmentSlot`'s (keksdose G5): `true`\n   * with files ready makes an empty draft sendable (`onSend(\"\", null)`), `false` while\n   * an upload is still running holds even a written reply back. Left out, the text\n   * decides. `pending` blocks a send either way, as does a draft past `maxLength`.\n   */\n  canSend?: boolean;\n  /**\n   * Which key sends. `\"mod-enter\"` (default): Ctrl/⌘+Enter, the report dialog's and\n   * note editor's shortcut, with plain Enter a new line — feedback is written in\n   * paragraphs. `\"enter\"`: the chat way (keksdose G5) — Enter sends, Shift+Enter is a\n   * new line, Ctrl/⌘+Enter still sends; an Enter that confirms an IME composition\n   * (Japanese, Chinese input) is the IME's, never a send.\n   */\n  sendOn?: \"mod-enter\" | \"enter\";\n  /** Rendered INSTEAD of the composer — the thread is closed, or read-only for this\n   *  reader. */\n  disabledReason?: ReactNode;\n  /**\n   * Send COMMITS (0.33.1, kastlan's assistant): under a locked {@link WriteLockProvider}\n   * Send is disabled the `disabledReason` way — focusable, the lock's reason in its\n   * tooltip and description, as on {@link Button}'s `commit` — and neither Enter nor\n   * Ctrl/⌘+Enter sends. The box stays editable and the draft stays: nothing in it\n   * reaches the server until Send, and the lock may lift. No provider, or an unlocked\n   * one: no effect. A {@link CommitScope}: kastlan's assistant answers under the demo\n   * and not under a lapsed plan (its backend's 402), so it passes\n   * `commit={{ except: [\"demo\"] }}` where it read `useWriteLock` and fed `canSend` and a\n   * reason by hand. Not the prop above: that one replaces the box, this one keeps it.\n   */\n  commit?: CommitScope;\n  rows?: number;\n  /**\n   * The longest draft the box takes, in UTF-16 code units as the browser counts — the\n   * server's limit, so a reply too long for it is cut off while it is typed rather than\n   * refused by a 422 after the press (keksdose G6: its support replies are capped at\n   * 4,000 on the server, and its other text fields already count against that with\n   * Textarea's `maxLength` + `showCount` since 0.22; the reply box, a composer, could\n   * not). The box's own `maxLength`, so typing and pasting stop at it.\n   *\n   * {@link FeedbackComposerHandle.insertText} is not stopped by it — the browser limits\n   * typing, not a script — and a canned reply is not cut mid-sentence to fit. A draft\n   * past the limit therefore holds Send back (whatever `canSend` says, as `pending`\n   * does) until it is trimmed; with `showCount` the counter, red at the limit, says by\n   * how much.\n   */\n  maxLength?: number;\n  /**\n   * A live \"12/4000\" under the box, with `maxLength` — Textarea's `showCount`, the same\n   * counter (keksdose G6): the count is part of the box's description, read with it on\n   * focus, and a polite live region speaks only on entering the last stretch and at the\n   * limit, never per keystroke. Under `size=\"sm\"` the hidden send hint stays the box's\n   * description too, before the count. Ignored without `maxLength`.\n   */\n  showCount?: boolean;\n  /** The counter's words — the `characterCount` namespace, as on Textarea. */\n  countLabels?: Partial<CharacterCountLabels>;\n  /**\n   * The box's hint, over the `placeholder` label — keksdose F9: an admin answering a\n   * support ticket is asked something else (\"Reply to Anna…\") than a member adding to\n   * their own report, and one provider-wide label cannot say both.\n   */\n  placeholder?: string;\n  /**\n   * The draft, controlled — for a host that keeps it itself (saves it per ticket,\n   * prefills a template). Left out, the composer keeps its own. Either way a send\n   * that resolves clears only what was sent: controlled, that is an\n   * `onValueChange(\"\")` the host receives like any keystroke, and only if the draft\n   * is still the one that went out.\n   */\n  value?: string;\n  /** Every change to the draft — typing, {@link FeedbackComposerHandle.insertText}, the\n   *  clear after a send. Required to change a controlled `value`. */\n  onValueChange?: (value: string) => void;\n  /** {@link FeedbackComposerHandle}: put text into the draft from outside (canned-reply\n   *  chips) or focus the box. */\n  ref?: Ref<FeedbackComposerHandle>;\n  labels?: LabelOverride<FeedbackComposerLabels>;\n  className?: string;\n  /**\n   * `\"sm\"` for a narrow host — keksdose's assistant launcher, a small floating panel\n   * (0.22): a small Send button, and the send hint (\"Enter to send, Shift + Enter for a\n   * new line\") hidden from view but kept as the box's description, so a keyboard or\n   * screen-reader user still learns the shortcut. Default `\"md\"`.\n   */\n  size?: \"md\" | \"sm\";\n  /**\n   * On the composer's root — the box, or the `disabledReason` line in its place —\n   * with any `data-*` attribute beside it (keksdose K17). keksdose's assistant tour\n   * points at the chat box with `[data-tour=\"assistant-ask\"]`, and a composer that\n   * dropped every attribute it was not told about left the anchor nowhere: the\n   * assistant kept its hand-built box rather than lose the tour step.\n   */\n  id?: string;\n  /** `data-*` attributes for the root, as `id` — a tour anchor, a test id. */\n  [dataAttribute: `data-${string}`]: string | number | boolean | undefined;\n}\n\n/**\n * What a {@link ChatComposer} `ref` holds.\n *\n * keksdose F9: the support admin answers the same five questions all day and wants\n * chips above the box (\"Thanks, fixed in the next release\") that drop their text in\n * where the caret is. A controlled `value` alone cannot do that well — the host sees\n * the string, not the caret, so it could only append — so the composer, which owns\n * the textarea, does the splice.\n */\nexport interface FeedbackComposerHandle {\n  /**\n   * Insert `text` at the caret, replacing any selection (the caret the box last had:\n   * a click on a chip blurs it, and the selection survives the blur), then focus the\n   * box with the caret after the inserted text so the reply can go on. Nothing is\n   * added around it — put a space or a newline in `text` if the reply needs one. A\n   * no-op while `disabledReason` replaces the box.\n   */\n  insertText: (text: string) => void;\n  focus: () => void;\n}\n\nconst noSubscribe = () => () => {};\nconst isApple = () =>\n  typeof navigator !== \"undefined\" && /Mac|iPhone|iPad|iPod/i.test(navigator.platform || navigator.userAgent);\n\n/**\n * The answer box under a {@link FeedbackThread}: a textarea, an optional picture,\n * and Send — Ctrl/⌘+Enter sends, the shortcut the report dialog and the note editor\n * use, so the habit carries across the feature. Plain Enter is a new line: feedback is\n * written in paragraphs, unlike a chat — which `sendOn=\"enter\"` is for (keksdose G5).\n *\n * Named for what it is since 0.22 (keksdose K17): the component was never\n * feedback-specific — a textarea, an optional picture or a host's upload slot, Send,\n * `sendOn=\"enter\"` for the chat way — and keksdose's assistant and support chat are\n * chats, not reports. `FeedbackComposer`, its old name, was removed in 0.35 (refactor\n * audit 2026-10, API-6d; deprecated in 0.34); its types keep theirs.\n */\nexport function ChatComposer({\n  onSend,\n  pending = false,\n  attachment,\n  attachmentSlot,\n  canSend: canSendProp,\n  sendOn = \"mod-enter\",\n  disabledReason,\n  commit,\n  rows = 3,\n  maxLength,\n  showCount,\n  countLabels,\n  placeholder,\n  value,\n  onValueChange,\n  ref,\n  labels: labelsProp,\n  className,\n  id,\n  size = \"md\",\n  ...rest\n}: FeedbackComposerProps) {\n  const labels = useKitLabels(\"feedbackComposer\", DEFAULT_FEEDBACK_COMPOSER_LABELS, labelsProp);\n  // The lock as Send sees it, with its scope (§12.36). Send's Button reads the same\n  // through its own `commit`; this holds the keyboard's send back with it.\n  const lock = useWriteLock(commit ?? false);\n  const rootAttributes = { id, ...dataAttributes(rest) };\n  const hintId = useId();\n  const [ownDraft, setOwnDraft] = useState(\"\");\n  const controlled = value !== undefined;\n  const draft = controlled ? value : ownDraft;\n  const [file, setFile] = useState<File | null>(null);\n  const root = useRef<HTMLDivElement>(null);\n  const box = useRef<HTMLTextAreaElement>(null);\n  // The draft as of the last commit. The send's `.then` and `insertText` run after\n  // renders their closure did not see — text typed while the send was in flight, a\n  // second chip clicked before the first one's render — and must not act on a stale\n  // string (for a controlled draft there is no updater function to lean on).\n  const latest = useRef(draft);\n  useLayoutEffect(() => {\n    latest.current = draft;\n  });\n  // Where the caret goes once an inserted text has rendered.\n  const caret = useRef<number | null>(null);\n  useLayoutEffect(() => {\n    const el = box.current;\n    if (caret.current === null || !el) return;\n    el.focus();\n    el.setSelectionRange(caret.current, caret.current);\n    caret.current = null;\n  });\n\n  const setDraft = (next: string) => {\n    latest.current = next;\n    if (!controlled) setOwnDraft(next);\n    onValueChange?.(next);\n  };\n\n  useImperativeHandle(ref, () => ({\n    insertText: (text) => {\n      const el = box.current;\n      if (!el) return;\n      const current = latest.current;\n      // A second insert before the first has rendered goes after the first, not at the\n      // textarea's not-yet-moved caret. Otherwise the textarea's selection, which may\n      // be past the end of a controlled value the host has just shortened: clamp it.\n      const pending = caret.current;\n      const start = Math.min(pending ?? el.selectionStart ?? current.length, current.length);\n      const end = pending ?? Math.max(start, Math.min(el.selectionEnd ?? start, current.length));\n      caret.current = start + text.length;\n      setDraft(current.slice(0, start) + text + current.slice(end));\n    },\n    focus: () => box.current?.focus(),\n  }));\n  // The server snapshot is \"Ctrl\"; the client corrects it after hydration.\n  const modifier = useSyncExternalStore(\n    noSubscribe,\n    () => (isApple() ? \"⌘\" : \"Ctrl\"),\n    () => \"Ctrl\",\n  );\n\n  // The kit's one presence rule (DUP-11): `\"\"` is no reason either, so it keeps the box.\n  if (hasContent(disabledReason)) {\n    return (\n      <p {...rootAttributes} className={cn(\"text-xs text-muted\", className)}>\n        {disabledReason}\n      </p>\n    );\n  }\n\n  // Longer than `maxLength` only through `insertText` or a controlled value (typing\n  // stops at it): the server would refuse it, so it does not go.\n  const tooLong = maxLength !== undefined && draft.length > maxLength;\n  const canSend = (canSendProp ?? draft.trim().length > 0) && !pending && !tooLong && !lock.locked;\n  const send = () => {\n    if (!canSend) return;\n    const sentDraft = draft;\n    const sentFile = file;\n    Promise.resolve(onSend(draft.trim(), file))\n      .then(() => {\n        if (latest.current === sentDraft) setDraft(\"\");\n        setFile((current) => (current === sentFile ? null : current));\n      })\n      .catch(() => {});\n  };\n\n  const config = attachment === true ? {} : attachment || null;\n  // The slot is handed the ref OBJECT, for a field's `pasteFrom`, which reads `.current`\n  // in an effect once the root is attached — nothing reads it during this render (see\n  // FeedbackComposerSlotContext.root).\n  const slot =\n    typeof attachmentSlot === \"function\"\n      ? // eslint-disable-next-line react-hooks/refs -- handed on for an effect, not read here\n        attachmentSlot({ root, pending })\n      : attachmentSlot;\n\n  return (\n    <div {...rootAttributes} ref={root} className={cn(\"space-y-2\", className)}>\n      <Textarea\n        rows={rows}\n        dir=\"auto\"\n        aria-label={labels.field}\n        // Textarea puts the counter's description after this one, so under \"sm\" the box\n        // reads \"Enter to send… 12 of 4000 characters\".\n        aria-describedby={size === \"sm\" ? hintId : undefined}\n        maxLength={maxLength}\n        // Passed only when given: Textarea keeps a wrapper for a `showCount` it was\n        // handed at all, and a composer without one keeps the DOM it had.\n        {...(showCount !== undefined ? { showCount } : null)}\n        countLabels={countLabels}\n        ref={box}\n        placeholder={placeholder ?? labels.placeholder}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onKeyDown={(event) => {\n          if (event.key !== \"Enter\") return;\n          const mod = event.ctrlKey || event.metaKey;\n          // Under \"enter\": plain Enter sends, Shift+Enter falls through to the\n          // textarea's new line, and an Enter that ends an IME composition is the\n          // IME's (keyCode 229 is how Safari reports it after the composition ended).\n          const chat =\n            sendOn === \"enter\" &&\n            !event.shiftKey &&\n            !event.altKey &&\n            !event.nativeEvent.isComposing &&\n            event.keyCode !== 229;\n          if (mod || chat) {\n            event.preventDefault();\n            send();\n          }\n        }}\n      />\n      {/* The `data-chat-composer-*` marks are for a host that lines its slot up with the\n          send button — FeedbackReplyComposer's status Select (#417). */}\n      <div data-chat-composer-actions=\"\" className=\"flex flex-wrap items-end justify-between gap-2\">\n        {config || slot != null ? (\n          <div className=\"flex min-w-0 flex-wrap items-end gap-2\">\n            {config && (\n              <FeedbackAttachmentField\n                value={file}\n                onChange={setFile}\n                labels={config.labels}\n                accept={config.accept}\n                maxBytes={config.maxBytes}\n                onError={config.onError}\n                onCaptureScreenshot={config.onCaptureScreenshot}\n                buttonVariant={config.buttonVariant}\n                buttonSize={config.buttonSize}\n                // The box is this field's sibling; a paste in it bubbles to `root`.\n                pasteFrom={root}\n              />\n            )}\n            {slot}\n          </div>\n        ) : (\n          <span />\n        )}\n        <div className=\"ms-auto flex items-center gap-2\">\n          <span\n            id={hintId}\n            data-chat-composer-hint=\"\"\n            className={size === \"sm\" ? \"sr-only\" : \"text-xs text-placeholder\"}\n          >\n            {sendOn === \"enter\" ? labels.sendHintEnter : labels.sendHint(modifier)}\n          </span>\n          <Button\n            data-chat-composer-send=\"\"\n            onClick={send}\n            disabled={!canSend}\n            commit={commit}\n            aria-busy={pending || undefined}\n            size={size === \"sm\" ? \"sm\" : undefined}\n          >\n            {pending ? (\n              <Spinner label={null} className=\"size-4\" />\n            ) : (\n              <Send className=\"size-4 rtl:-scale-x-100\" aria-hidden />\n            )}\n            {labels.send}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/** The `data-*` entries of a rest-props object, and nothing else: whatever a caller\n *  spread in that the composer does not know is not the root's to receive. */\nfunction dataAttributes(props: object): Record<string, unknown> {\n  const out: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(props)) if (key.startsWith(\"data-\")) out[key] = value;\n  return out;\n}\n\n/** {@link FeedbackComposerProps}, for {@link ChatComposer}. */\nexport type ChatComposerProps = FeedbackComposerProps;\n/** {@link FeedbackComposerHandle}, for {@link ChatComposer}. */\nexport type ChatComposerHandle = FeedbackComposerHandle;\n/** {@link FeedbackComposerLabels}, for {@link ChatComposer} — still the `feedbackComposer`\n *  namespace of the provider. */\nexport type ChatComposerLabels = FeedbackComposerLabels;\n/** {@link FeedbackComposerSlotContext}, for {@link ChatComposer}'s `attachmentSlot`. */\nexport type ChatComposerSlotContext = FeedbackComposerSlotContext;\n"],"mappings":";AAoNW,SAwIP,UAxIO,KAgDC,YAhDD;AApNX,SAAS,WAAW,OAAO,qBAAqB,iBAAiB,QAAQ,UAAU,4BAA4B;AAE/G,SAAS,WAAW,UAAU,WAAW,YAAY;AACrD,SAAS,UAAU;AACnB,SAAS,YAAY,0BAA0B;AAC/C,SAAS,kBAAkB;AAC3B,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAE7B,SAAS,kBAAkB,cAAc,oBAAwC;AACjF,SAAS,+BAA+B;AAIxC,SAAS,kCAAkC,sCAAsC;AA2K1E,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR;AACF,GAAwB;AACtB,QAAM,SAAS,aAAa,kBAAkB,gCAAgC,UAAU;AACxF,QAAM,SAAS,aAAa,UAAU;AACtC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,OAAO,SAAS,KAAK;AAC3B,QAAM,QAAQ,eAAe,QAAQ,MAAS;AAC9C,QAAM,YAAY,QAAQ,SAAY,QAAQ,CAAC;AAE/C,MAAI,WAAW,SAAS,WAAW,GAAG;AACpC,WAAO,oBAAC,YAAS,OAAO,GAAG,OAAO,OAAO,SAAS,WAAsB;AAAA,EAC1E;AACA,MAAI,SAAS,WAAW,GAAG;AACzB,WACE,oBAAC,cAAW,SAAQ,UAAS,MAAK,MAAK,OAAO,SAAS,OAAO,OAAO,WAAW,GAAG,iBAAiB,SAAS,GAAG;AAAA,EAEpH;AAIA,QAAM,OAA0B,CAAC;AACjC,aAAW,WAAW,UAAU;AAC9B,UAAM,OAAO,OAAO,QAAQ,SAAS;AACrC,SAAK,KAAK,OAAO,UAAU,IAAI,IAAK,KAAK,GAAG,EAAE,KAAK,IAAK;AAAA,EAC1D;AAEA,SACE,oBAAC,QAAG,cAAY,OAAO,QAAQ,aAAW,WAAW,QAAW,WAAW,GAAG,aAAa,SAAS,GACjG,mBAAS,QAAQ,CAAC,SAAS,UAAU;AACpC,UAAM,OAAO,OAAO,QAAQ,SAAS;AACrC,UAAM,OAAO;AAAA;AAAA,IAGX,oBAAC,WAAQ,OAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,WAAW,QAAQ,WAAW,QAAQ,CAAC,EAAE,OAAO,IAAI,GACpG,8BAAC,UAAK,UAAU,KAAK,YAAY,GAAG,WAAU,gBAC3C,yBAAe,UACZ,WAAW,MAAM,QAAQ,EAAE,OAAO,CAAC,IACnC,mBAAmB,MAAM;AAAA,MACvB,KAAK;AAAA,MACL;AAAA;AAAA;AAAA,MAGA,mBAAmB;AAAA,IACrB,CAAC,GACP,GACF;AAEF,UAAM,OAAoB,CAAC;AAC3B,UAAM,MAAM,QAAQ,UAAU,IAAI;AAGlC,QAAI,iBAAiB,QAAQ,QAAQ,KAAK,QAAQ,CAAC,GAAG;AACpD,WAAK,KAAK,oBAAC,gBAAuC,MAAY,KAAK,WAAW,UAAjD,OAAO,QAAQ,EAAE,EAAgD,CAAE;AAAA,IAClG;AACA,QAAI,QAAQ,SAAS,SAAS;AAG5B,WAAK;AAAA,QACH;AAAA,UAAC;AAAA;AAAA,YAEC,cAAW;AAAA,YACX,WAAU;AAAA,YAEV;AAAA,kCAAC,UAAM,kBAAQ,MAAK;AAAA,cACnB,QAAQ,oBAAC,UAAK,WAAU,gBAAgB,gBAAK;AAAA;AAAA;AAAA,UALzC,QAAQ;AAAA,QAMf;AAAA,MACF;AACA,aAAO;AAAA,IACT;AACA,UAAM,SAAS,QAAQ,WAAW,QAAQ,MAAM,OAAO,MAAM;AAC7D,UAAM,cAAc,QAAQ,eAAe,CAAC;AAC5C,SAAK;AAAA,MACH;AAAA,QAAC;AAAA;AAAA,UAEC,WAAW,GAAG,QAAQ,QAAQ,MAAM,gBAAgB,eAAe;AAAA,UACnE,YAAU,QAAQ,MAAM,KAAK;AAAA,UAE7B;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,QAAQ,MAAM,gCAAgC;AAAA,cAChD;AAAA,cAEA;AAAA,qCAAC,YAAO,WAAU,gFACf;AAAA,4BAAU,QACT,oBAAC,UAAK,gBAAc,MAAM,WAAU,8BACjC,kBACH;AAAA,kBAED,QAAQ,SACP,oBAAC,UAAK,WAAU,8GACb,iBAAO,OACV;AAAA,kBAED,QAAQ;AAAA,kBACR;AAAA,mBACH;AAAA,gBACC,QAAQ,QACP;AAAA,kBAAC;AAAA;AAAA,oBACC,gBAAc;AAAA,oBACd,KAAI;AAAA,oBACJ,WAAW;AAAA,sBACT;AAAA,sBACA,QAAQ,SAAS,4BAA4B;AAAA,oBAC/C;AAAA,oBAEC,kBAAQ;AAAA;AAAA,gBACX;AAAA,gBAED,YAAY,SAAS,KACpB,oBAAC,QAAG,cAAY,OAAO,aAAa,gBAAc,MAAM,WAAU,6BAC/D,sBAAY,IAAI,CAAC,YAAYA,WAC5B,oBAAC,QAAwD,WAAU,WAChE,6BACC,iBAAiB,YAAY,OAAO,IAEpC,oBAAC,qBAAkB,YAAwB,MAAM,KAAK,MAAM,KAJvD,WAAW,MAAM,GAAGA,MAAK,IAAI,WAAW,IAAI,EAMrD,CACD,GACH;AAAA,gBAED,QAAQ,UAAU,QACjB,oBAAC,SAAI,WAAU,8EACZ,kBAAQ,QACX;AAAA;AAAA;AAAA,UAEJ;AAAA;AAAA,QAtDK,QAAQ;AAAA,MAuDf;AAAA,IACF;AACA,WAAO;AAAA,EACT,CAAC,GACH;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,MAAM,KAAK,KAAK,IAAI;AAC5B,MAAI,OAAO,MAAM,WAAW,QAAQ,EAAG,QAAO,oBAAC,kBAAe,KAAU,MAAY;AACpF,QAAM,UACJ,iCACE;AAAA,wBAAC,aAAU,WAAU,qBAAoB,eAAW,MAAC;AAAA,IAGrD,oBAAC,UAAK,WAAU,gCAAgC,gBAAK;AAAA,IACpD,WAAW,SAAS,UAAa,oBAAC,UAAK,WAAU,uBAAuB,eAAK,WAAW,IAAI,GAAE;AAAA,KACjG;AAEF,QAAM,OACJ;AACF,SAAO,MACL,oBAAC,OAAE,MAAM,KAAK,QAAO,UAAS,KAAI,uBAAsB,WAAW,GAAG,MAAM,gBAAgB,GACzF,mBACH,IAEA,oBAAC,UAAK,WAAW,MAAO,mBAAQ;AAEpC;AAOA,SAAS,eAAe,EAAE,KAAK,KAAK,GAAkC;AAEpE,QAAM,CAAC,WAAW,YAAY,IAAI,SAAwB,IAAI;AAC9D,QAAM,SAAS,cAAc;AAC7B,QAAM,QAAQ,SAAS,WAAW;AAClC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAU;AAAA,MAEV;AAAA,4BAAC,SAAM,eAAW,MAAC,WAAU,6CAA4C;AAAA,QACxE,CAAC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK;AAAA,YACL,SAAQ;AAAA,YACR,SAAS,MAAM,aAAa,GAAG;AAAA,YAC/B,WAAU;AAAA;AAAA,QACZ;AAAA,QAGD,UAAU,oBAAC,UAAK,WAAU,WAAW,gBAAK;AAAA;AAAA;AAAA,EAC7C;AAEJ;AAKA,SAAS,eAAe,QAAyB;AAC/C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,KAAK,IAAI,CAAC;AACjD,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,UAAM,KAAK,YAAY,MAAM,QAAQ,KAAK,IAAI,CAAC,GAAG,GAAM;AACxD,WAAO,MAAM,cAAc,EAAE;AAAA,EAC/B,GAAG,CAAC,MAAM,CAAC;AACX,SAAO;AACT;AAGA,SAAS,UAAU,MAAoB;AACrC,SAAO,KAAK,YAAY,IAAI,OAAU,KAAK,SAAS,IAAI,KAAK,MAAM,KAAK,QAAQ;AAClF;AAWA,SAAS,aAAa,EAAE,MAAM,KAAK,OAAO,GAA4D;AACpG,QAAM,QAAQ,IAAI,KAAK,GAAG;AAC1B,QAAM,OAAO,KAAK;AAAA,KACf,KAAK,IAAI,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC,IAC3D,KAAK,IAAI,MAAM,YAAY,GAAG,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAC,KAC/D;AAAA,EACJ;AACA,MAAI;AACJ,MAAI,SAAS,KAAK,SAAS,IAAI;AAC7B,UAAM,OAAO,IAAI,KAAK,mBAAmB,QAAQ,EAAE,SAAS,OAAO,CAAC,EAAE,OAAO,OAAO,GAAG,KAAK;AAC5F,YAAQ,KAAK,OAAO,CAAC,EAAE,kBAAkB,MAAM,IAAI,KAAK,MAAM,CAAC;AAAA,EACjE,OAAO;AACL,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,KAAK;AAAA,QACL,OAAO;AAAA,QACP,GAAI,KAAK,YAAY,MAAM,MAAM,YAAY,IAAI,OAAO,EAAE,MAAM,UAAU;AAAA,MAC5E;AAAA,MACA,EAAE,OAAO;AAAA,IACX;AAAA,EACF;AACA,QAAM,IAAI,OAAO,KAAK,YAAY,CAAC,EAAE,SAAS,GAAG,GAAG;AACpD,QAAM,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AACrD,QAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAChD,SACE,qBAAC,QAAG,sBAAmB,IAAG,WAAU,mDAClC;AAAA,wBAAC,UAAK,eAAW,MAAC,WAAU,kCAAiC;AAAA,IAC7D,oBAAC,UAAK,UAAU,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,WAAU,eACzC,iBACH;AAAA,IACA,oBAAC,UAAK,eAAW,MAAC,WAAU,kCAAiC;AAAA,KAC/D;AAEJ;AAEA,SAAS,OAAO,OAA4C;AAC1D,QAAM,OAAO,iBAAiB,OAAO,QAAQ,IAAI,KAAK,KAAK;AAC3D,SAAO,OAAO,MAAM,KAAK,QAAQ,CAAC,IAAI,OAAO;AAC/C;AA6MA,MAAM,cAAc,MAAM,MAAM;AAAC;AACjC,MAAM,UAAU,MACd,OAAO,cAAc,eAAe,wBAAwB,KAAK,UAAU,YAAY,UAAU,SAAS;AAcrG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAA0B;AACxB,QAAM,SAAS,aAAa,oBAAoB,kCAAkC,UAAU;AAG5F,QAAM,OAAO,aAAa,UAAU,KAAK;AACzC,QAAM,iBAAiB,EAAE,IAAI,GAAG,eAAe,IAAI,EAAE;AACrD,QAAM,SAAS,MAAM;AACrB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAC3C,QAAM,aAAa,UAAU;AAC7B,QAAM,QAAQ,aAAa,QAAQ;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAClD,QAAM,OAAO,OAAuB,IAAI;AACxC,QAAM,MAAM,OAA4B,IAAI;AAK5C,QAAM,SAAS,OAAO,KAAK;AAC3B,kBAAgB,MAAM;AACpB,WAAO,UAAU;AAAA,EACnB,CAAC;AAED,QAAM,QAAQ,OAAsB,IAAI;AACxC,kBAAgB,MAAM;AACpB,UAAM,KAAK,IAAI;AACf,QAAI,MAAM,YAAY,QAAQ,CAAC,GAAI;AACnC,OAAG,MAAM;AACT,OAAG,kBAAkB,MAAM,SAAS,MAAM,OAAO;AACjD,UAAM,UAAU;AAAA,EAClB,CAAC;AAED,QAAM,WAAW,CAAC,SAAiB;AACjC,WAAO,UAAU;AACjB,QAAI,CAAC,WAAY,aAAY,IAAI;AACjC,oBAAgB,IAAI;AAAA,EACtB;AAEA,sBAAoB,KAAK,OAAO;AAAA,IAC9B,YAAY,CAAC,SAAS;AACpB,YAAM,KAAK,IAAI;AACf,UAAI,CAAC,GAAI;AACT,YAAM,UAAU,OAAO;AAIvB,YAAMC,WAAU,MAAM;AACtB,YAAM,QAAQ,KAAK,IAAIA,YAAW,GAAG,kBAAkB,QAAQ,QAAQ,QAAQ,MAAM;AACrF,YAAM,MAAMA,YAAW,KAAK,IAAI,OAAO,KAAK,IAAI,GAAG,gBAAgB,OAAO,QAAQ,MAAM,CAAC;AACzF,YAAM,UAAU,QAAQ,KAAK;AAC7B,eAAS,QAAQ,MAAM,GAAG,KAAK,IAAI,OAAO,QAAQ,MAAM,GAAG,CAAC;AAAA,IAC9D;AAAA,IACA,OAAO,MAAM,IAAI,SAAS,MAAM;AAAA,EAClC,EAAE;AAEF,QAAM,WAAW;AAAA,IACf;AAAA,IACA,MAAO,QAAQ,IAAI,WAAM;AAAA,IACzB,MAAM;AAAA,EACR;AAGA,MAAI,WAAW,cAAc,GAAG;AAC9B,WACE,oBAAC,OAAG,GAAG,gBAAgB,WAAW,GAAG,sBAAsB,SAAS,GACjE,0BACH;AAAA,EAEJ;AAIA,QAAM,UAAU,cAAc,UAAa,MAAM,SAAS;AAC1D,QAAM,WAAW,eAAe,MAAM,KAAK,EAAE,SAAS,MAAM,CAAC,WAAW,CAAC,WAAW,CAAC,KAAK;AAC1F,QAAM,OAAO,MAAM;AACjB,QAAI,CAAC,QAAS;AACd,UAAM,YAAY;AAClB,UAAM,WAAW;AACjB,YAAQ,QAAQ,OAAO,MAAM,KAAK,GAAG,IAAI,CAAC,EACvC,KAAK,MAAM;AACV,UAAI,OAAO,YAAY,UAAW,UAAS,EAAE;AAC7C,cAAQ,CAAC,YAAa,YAAY,WAAW,OAAO,OAAQ;AAAA,IAC9D,CAAC,EACA,MAAM,MAAM;AAAA,IAAC,CAAC;AAAA,EACnB;AAEA,QAAM,SAAS,eAAe,OAAO,CAAC,IAAI,cAAc;AAIxD,QAAM,OACJ,OAAO,mBAAmB;AAAA;AAAA,IAEtB,eAAe,EAAE,MAAM,QAAQ,CAAC;AAAA,MAChC;AAEN,SACE,qBAAC,SAAK,GAAG,gBAAgB,KAAK,MAAM,WAAW,GAAG,aAAa,SAAS,GACtE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAI;AAAA,QACJ,cAAY,OAAO;AAAA,QAGnB,oBAAkB,SAAS,OAAO,SAAS;AAAA,QAC3C;AAAA,QAGC,GAAI,cAAc,SAAY,EAAE,UAAU,IAAI;AAAA,QAC/C;AAAA,QACA,KAAK;AAAA,QACL,aAAa,eAAe,OAAO;AAAA,QACnC,OAAO;AAAA,QACP,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK;AAAA,QAChD,WAAW,CAAC,UAAU;AACpB,cAAI,MAAM,QAAQ,QAAS;AAC3B,gBAAM,MAAM,MAAM,WAAW,MAAM;AAInC,gBAAM,OACJ,WAAW,WACX,CAAC,MAAM,YACP,CAAC,MAAM,UACP,CAAC,MAAM,YAAY,eACnB,MAAM,YAAY;AACpB,cAAI,OAAO,MAAM;AACf,kBAAM,eAAe;AACrB,iBAAK;AAAA,UACP;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IAGA,qBAAC,SAAI,8BAA2B,IAAG,WAAU,kDAC1C;AAAA,gBAAU,QAAQ,OACjB,qBAAC,SAAI,WAAU,0CACZ;AAAA,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP,UAAU;AAAA,YACV,QAAQ,OAAO;AAAA,YACf,QAAQ,OAAO;AAAA,YACf,UAAU,OAAO;AAAA,YACjB,SAAS,OAAO;AAAA,YAChB,qBAAqB,OAAO;AAAA,YAC5B,eAAe,OAAO;AAAA,YACtB,YAAY,OAAO;AAAA,YAEnB,WAAW;AAAA;AAAA,QACb;AAAA,QAED;AAAA,SACH,IAEA,oBAAC,UAAK;AAAA,MAER,qBAAC,SAAI,WAAU,mCACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,YACJ,2BAAwB;AAAA,YACxB,WAAW,SAAS,OAAO,YAAY;AAAA,YAEtC,qBAAW,UAAU,OAAO,gBAAgB,OAAO,SAAS,QAAQ;AAAA;AAAA,QACvE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,2BAAwB;AAAA,YACxB,SAAS;AAAA,YACT,UAAU,CAAC;AAAA,YACX;AAAA,YACA,aAAW,WAAW;AAAA,YACtB,MAAM,SAAS,OAAO,OAAO;AAAA,YAE5B;AAAA,wBACC,oBAAC,WAAQ,OAAO,MAAM,WAAU,UAAS,IAEzC,oBAAC,QAAK,WAAU,2BAA0B,eAAW,MAAC;AAAA,cAEvD,OAAO;AAAA;AAAA;AAAA,QACV;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAIA,SAAS,eAAe,OAAwC;AAC9D,QAAM,MAA+B,CAAC;AACtC,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,EAAG,KAAI,IAAI,WAAW,OAAO,EAAG,KAAI,GAAG,IAAI;AAC1F,SAAO;AACT;","names":["index","pending"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-vocabulary.ts"],"sourcesContent":["import {\n  Ban,\n  Bug,\n  CheckCircle2,\n  ClipboardCheck,\n  CloudUpload,\n  Eye,\n  HelpCircle,\n  Inbox,\n  Lightbulb,\n  MoreHorizontal,\n  OctagonAlert,\n  PauseCircle,\n  RotateCcw,\n  Wrench,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\n/**\n * The feedback **vocabulary**: the nine statuses and five categories, the glyph and tone\n * of each, their orders, and the policy for how a report moves from status to status.\n *\n * Data and plain functions, no components. Until 0.34 this lived at the top of\n * feedback-inbox.tsx, so the feedback menu every app mounts in its top bar imported the\n * inbox — its components and the attachment field they render — for one constant (a\n * category's glyph), and only tree-shaking kept the rest out of every app's entry chunk.\n * From here the top bar's imports reach none of it (MOD-1, refactor audit 2026-10).\n * feedback-inbox.tsx re-exports every name here, so nothing an app imports has moved.\n */\n\n/** The nine states a report can be in.\n *\n *  Shared value for value across the apps on purpose: it is what lets one habit,\n *  and one agent prompt, work on any repo. Five are a chain and three sit off\n *  it — see {@link visibleFeedbackStatuses} for what that buys. `READY` joined in 0.31\n *  (feedback contract §8.2): OPEN is \"filed, not yet triaged\", READY \"released for\n *  implementation\", and nobody works an OPEN row. `REWORK` joined in 0.40 (§10.2\n *  decisions 2, 4): \"sent back, released for work again\" — a READY that came back. */\nexport type FeedbackStatus =\n  | \"OPEN\"\n  | \"READY\"\n  | \"REWORK\"\n  | \"IN_PROGRESS\"\n  | \"IN_EVALUATION\"\n  | \"NEEDS_LIVE_TEST\"\n  | \"POSTPONED\"\n  | \"DONE\"\n  | \"WONT_DO\";\n\n/** What a report is about. `CRASH` is filed by an error boundary and never\n *  chosen, which is exactly why it is loud below and absent from every picker. */\nexport type FeedbackCategory = \"CRASH\" | \"BUG\" | \"IDEA\" | \"QUESTION\" | \"OTHER\";\n\n/**\n * A glyph and a tone per status.\n *\n * Colour alone is not a label — two of these sit a hue apart, and a consumer who\n * moves `--brand` can park it beside any of the others — so every status carries\n * its own shape as well. Declaration order is chain order, and\n * {@link FEEDBACK_STATUS_ORDER} is derived from it rather than restated, because\n * a restated list cannot be checked for exhaustiveness: an eighth status would\n * break the build here and leave a literal eight long (as READY did in 0.31).\n */\nexport const FEEDBACK_STATUS_META: Record<\n  FeedbackStatus,\n  { icon: LucideIcon; activeBg: string; activeText: string }\n> = {\n  OPEN: {\n    icon: Inbox,\n    activeBg: \"bg-active\",\n    activeText: \"text-primary\",\n  },\n  // Triaged and released for implementation (feedback contract §8.2, keksdose live\n  // #396): OPEN is \"filed, nobody has looked yet\", READY is \"go\". The brand tint at full\n  // strength, so it reads as the go-ahead beside OPEN's neutral fill and\n  // NEEDS_LIVE_TEST's muted brand.\n  READY: {\n    icon: ClipboardCheck,\n    activeBg: \"bg-brand-soft\",\n    activeText: \"text-brand\",\n  },\n  // Sent back by its author or an admin and released for work again (0.40, feedback\n  // contract §10.2 decision 4): the Rework button's `RotateCcw`, in the danger tint so the\n  // queue shows reworks apart from new reports. Not IN_PROGRESS's warning tint — that is\n  // where a REWORK row moves next — and WONT_DO, the only other red, sits at the far end\n  // with `Ban`.\n  REWORK: {\n    icon: RotateCcw,\n    activeBg: \"bg-danger-soft\",\n    activeText: \"text-danger\",\n  },\n  IN_PROGRESS: {\n    icon: Wrench,\n    activeBg: \"bg-warning-soft\",\n    activeText: \"text-warning\",\n  },\n  // Where solved work is parked, waiting on the person who reported it. Its own\n  // colour, because \"somebody has to check this\" is a state you want to find by\n  // scanning rather than by reading.\n  IN_EVALUATION: {\n    icon: Eye,\n    activeBg: \"bg-info-soft\",\n    activeText: \"text-info\",\n  },\n  // Resolved but only checkable on a deployed build — the SOFT brand tint, so it\n  // reads as \"waiting on something\" rather than as a done or a refusal, and it\n  // follows whatever the consumer's brand is instead of pinning an indigo island\n  // beside it.\n  NEEDS_LIVE_TEST: {\n    icon: CloudUpload,\n    activeBg: \"bg-brand-soft\",\n    activeText: \"text-brand-muted\",\n  },\n  // Parked on purpose. Muted, not `--danger`: it is not a refusal.\n  POSTPONED: {\n    icon: PauseCircle,\n    activeBg: \"bg-active\",\n    activeText: \"text-secondary\",\n  },\n  // The one status with nowhere to move to: the vocabulary has a brand, an info, a\n  // warning and a danger, and nothing that means \"succeeded\". Deliberately NOT\n  // borrowed from a family that means something else — `--status-synced` is a\n  // FIELD's trip to the database rather than an outcome, and tokens.css says so in\n  // as many words. Green beside WONT_DO's red is the classic CVD-unsafe pair, which\n  // is why both carry a glyph and neither leans on colour alone.\n  DONE: {\n    icon: CheckCircle2,\n    activeBg: \"bg-success-soft\",\n    activeText: \"text-success\",\n  },\n  WONT_DO: {\n    icon: Ban,\n    activeBg: \"bg-danger-soft\",\n    activeText: \"text-danger\",\n  },\n};\n\n/** Chain order, then the three off it. The order a picker offers, and the rank a\n *  status column sorts by — so a list sorted by status reads as a queue rather\n *  than as an alphabet. */\nexport const FEEDBACK_STATUS_ORDER = Object.keys(FEEDBACK_STATUS_META) as FeedbackStatus[];\n\n/** States that sit OFF the linear chain: reachable from anywhere, leading\n *  nowhere by themselves. `WONT_DO` has always worked this way; `POSTPONED`\n *  (\"not now\") and `NEEDS_LIVE_TEST` (\"resolved, but only provable on a deployed\n *  build\") are the same shape — a row can be parked or handed to the next deploy\n *  from any point, and comes back to the chain when somebody picks a real state\n *  for it.\n *\n *  Kept out of the forward chain deliberately: putting them in it would mean an\n *  \"advance\" gesture could park an item, and every row would have to pass\n *  through them to reach `DONE`. */\nconst OFF_CHAIN: FeedbackStatus[] = [\"NEEDS_LIVE_TEST\", \"POSTPONED\", \"WONT_DO\"];\n\nconst FORWARD_CHAIN: FeedbackStatus[] = [\"OPEN\", \"READY\", \"IN_PROGRESS\", \"IN_EVALUATION\", \"DONE\"];\n\n/** The next status along the chain, or null at the end (or off it, as `WONT_DO`\n *  is). What a swipe-to-advance gesture commits. `REWORK` (0.40) is not in the chain —\n *  \"advance\" from READY still goes to IN_PROGRESS — but it leads there too: a reworked\n *  row is READY's twin. */\nexport function nextFeedbackStatus(current: FeedbackStatus): FeedbackStatus | null {\n  if (current === \"REWORK\") return \"IN_PROGRESS\";\n  const at = FORWARD_CHAIN.indexOf(current);\n  return at !== -1 && at < FORWARD_CHAIN.length - 1 ? FORWARD_CHAIN[at + 1] : null;\n}\n\n/**\n * The steps that make sense from where a row currently stands.\n *\n * For the compact control in a table cell: it is a glanceable triage affordance,\n * and a row of nine icons in a cell is noise. One step forward, one step back\n * (so an item can be sent back for rework), and any of the three off-chain\n * verdicts — which is what makes those usable as verdicts at all.\n *\n * The two parking states are not dead ends: each offers the step that resumes\n * work and the ones that close it, but deliberately **not each other** —\n * \"postponed\" and \"waiting on a deploy\" are different answers to different\n * questions, and a row moving between them directly is a re-triage, which starts\n * by picking the work back up.\n */\nexport function visibleFeedbackStatuses(current: FeedbackStatus): FeedbackStatus[] {\n  const set = new Set<FeedbackStatus>([current]);\n  const at = FORWARD_CHAIN.indexOf(current);\n  if (current === \"REWORK\") {\n    // READY's twin (0.40, §10.2 decision 4): the step that picks the work up, and the\n    // verdicts a released row can still get.\n    set.add(\"IN_PROGRESS\");\n    for (const off of OFF_CHAIN) set.add(off);\n  } else if (at !== -1) {\n    if (at < FORWARD_CHAIN.length - 1) set.add(FORWARD_CHAIN[at + 1]);\n    if (at > 0) set.add(FORWARD_CHAIN[at - 1]);\n    for (const off of OFF_CHAIN) set.add(off);\n  } else if (current !== \"WONT_DO\") {\n    set.add(\"IN_PROGRESS\");\n    set.add(\"DONE\");\n    set.add(\"WONT_DO\");\n  }\n  // WONT_DO falls through with nothing added: it stays terminal, reopened by a\n  // note from its author rather than by a status pill.\n  return FEEDBACK_STATUS_ORDER.filter((status) => set.has(status));\n}\n\n/**\n * Every status, in chain order — what an EXPANDED row offers.\n *\n * {@link visibleFeedbackStatuses} narrows the choice to the steps that make\n * sense from where a row is, which is right for a table cell. Once the row is\n * open in front of you, that same narrowing turns every non-adjacent move into a\n * walk: OPEN to DONE meant three round trips, and WONT_DO could not be left at\n * all except through a rework note.\n *\n * Takes a `current` it does not use, so the two policies read as one pair at the\n * call sites and a future rule (\"terminal rows still cannot jump to X\") has a\n * place to live.\n */\nexport function selectableFeedbackStatuses(_current: FeedbackStatus): FeedbackStatus[] {\n  return [...FEEDBACK_STATUS_ORDER];\n}\n\n/**\n * Per-category badge treatment, the counterpart to the status meta above.\n *\n * A category cell that is one grey pill holding the raw enum makes a CRASH —\n * filed automatically, by somebody staring at a broken page right now — read\n * exactly like a QUESTION, and sit unnoticed in the queue. `--danger` plus its own\n * glyph is what makes that impossible; the hand-filed categories stay\n * deliberately quiet so that the loud one means something.\n *\n * Declaration order is triage order, CRASH first.\n */\nexport const FEEDBACK_CATEGORY_META: Record<\n  FeedbackCategory,\n  { icon: LucideIcon; badgeBg: string; badgeText: string }\n> = {\n  CRASH: {\n    icon: OctagonAlert,\n    badgeBg: \"bg-danger-soft\",\n    badgeText: \"text-danger\",\n  },\n  BUG: {\n    icon: Bug,\n    badgeBg: \"bg-warning-soft\",\n    badgeText: \"text-warning\",\n  },\n  IDEA: {\n    icon: Lightbulb,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n  QUESTION: {\n    icon: HelpCircle,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n  OTHER: {\n    icon: MoreHorizontal,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n};\n\n/** Triage order, CRASH first — also a category column's sort key and the option\n *  order in its filter. Sorting by the raw enum is alphabetical, which parks\n *  CRASH between BUG and IDEA. */\nexport const FEEDBACK_CATEGORY_ORDER = Object.keys(FEEDBACK_CATEGORY_META) as FeedbackCategory[];\n\n/** A category's rank for a column sort. Anything this build has never heard of —\n *  an older client against a newer API — sorts LAST rather than to `indexOf`'s\n *  −1, which would rank it above CRASH. */\nexport function feedbackCategoryRank(category: FeedbackCategory): number {\n  const at = FEEDBACK_CATEGORY_ORDER.indexOf(category);\n  return at === -1 ? FEEDBACK_CATEGORY_ORDER.length : at;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-vocabulary.ts"],"sourcesContent":["import {\n  Ban,\n  Bug,\n  CheckCircle2,\n  ClipboardCheck,\n  CloudUpload,\n  Eye,\n  HelpCircle,\n  Inbox,\n  Lightbulb,\n  MoreHorizontal,\n  OctagonAlert,\n  PauseCircle,\n  RotateCcw,\n  Wrench,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\n\n/**\n * The feedback **vocabulary**: the nine statuses and five categories, the glyph and tone\n * of each, their orders, and the policy for how a report moves from status to status.\n *\n * Data and plain functions, no components. Until 0.34 this lived at the top of\n * feedback-inbox.tsx, so the feedback menu every app mounts in its top bar imported the\n * inbox — its components and the attachment field they render — for one constant (a\n * category's glyph), and only tree-shaking kept the rest out of every app's entry chunk.\n * From here the top bar's imports reach none of it (MOD-1, refactor audit 2026-10).\n * feedback-inbox.tsx re-exports every name here, so nothing an app imports has moved.\n */\n\n/** The nine states a report can be in.\n *\n *  Shared value for value across the apps on purpose: it is what lets one habit,\n *  and one agent prompt, work on any repo. Five are a chain and three sit off\n *  it — see {@link visibleFeedbackStatuses} for what that buys. `READY` joined in 0.31\n *  (feedback contract §8.2): OPEN is \"filed, not yet triaged\", READY \"released for\n *  implementation\", and nobody works an OPEN row. `REWORK` joined in 0.40 (§10.2\n *  decisions 2, 4): \"sent back, released for work again\" — a READY that came back. */\nexport type FeedbackStatus =\n  \"OPEN\" | \"READY\" | \"REWORK\" | \"IN_PROGRESS\" | \"IN_EVALUATION\" | \"NEEDS_LIVE_TEST\" | \"POSTPONED\" | \"DONE\" | \"WONT_DO\";\n\n/** What a report is about. `CRASH` is filed by an error boundary and never\n *  chosen, which is exactly why it is loud below and absent from every picker. */\nexport type FeedbackCategory = \"CRASH\" | \"BUG\" | \"IDEA\" | \"QUESTION\" | \"OTHER\";\n\n/**\n * A glyph and a tone per status.\n *\n * Colour alone is not a label — two of these sit a hue apart, and a consumer who\n * moves `--brand` can park it beside any of the others — so every status carries\n * its own shape as well. Declaration order is chain order, and\n * {@link FEEDBACK_STATUS_ORDER} is derived from it rather than restated, because\n * a restated list cannot be checked for exhaustiveness: an eighth status would\n * break the build here and leave a literal eight long (as READY did in 0.31).\n */\nexport const FEEDBACK_STATUS_META: Record<FeedbackStatus, { icon: LucideIcon; activeBg: string; activeText: string }> =\n  {\n    OPEN: {\n      icon: Inbox,\n      activeBg: \"bg-active\",\n      activeText: \"text-primary\",\n    },\n    // Triaged and released for implementation (feedback contract §8.2, keksdose live\n    // #396): OPEN is \"filed, nobody has looked yet\", READY is \"go\". The brand tint at full\n    // strength, so it reads as the go-ahead beside OPEN's neutral fill and\n    // NEEDS_LIVE_TEST's muted brand.\n    READY: {\n      icon: ClipboardCheck,\n      activeBg: \"bg-brand-soft\",\n      activeText: \"text-brand\",\n    },\n    // Sent back by its author or an admin and released for work again (0.40, feedback\n    // contract §10.2 decision 4): the Rework button's `RotateCcw`, in the danger tint so the\n    // queue shows reworks apart from new reports. Not IN_PROGRESS's warning tint — that is\n    // where a REWORK row moves next — and WONT_DO, the only other red, sits at the far end\n    // with `Ban`.\n    REWORK: {\n      icon: RotateCcw,\n      activeBg: \"bg-danger-soft\",\n      activeText: \"text-danger\",\n    },\n    IN_PROGRESS: {\n      icon: Wrench,\n      activeBg: \"bg-warning-soft\",\n      activeText: \"text-warning\",\n    },\n    // Where solved work is parked, waiting on the person who reported it. Its own\n    // colour, because \"somebody has to check this\" is a state you want to find by\n    // scanning rather than by reading.\n    IN_EVALUATION: {\n      icon: Eye,\n      activeBg: \"bg-info-soft\",\n      activeText: \"text-info\",\n    },\n    // Resolved but only checkable on a deployed build — the SOFT brand tint, so it\n    // reads as \"waiting on something\" rather than as a done or a refusal, and it\n    // follows whatever the consumer's brand is instead of pinning an indigo island\n    // beside it.\n    NEEDS_LIVE_TEST: {\n      icon: CloudUpload,\n      activeBg: \"bg-brand-soft\",\n      activeText: \"text-brand-muted\",\n    },\n    // Parked on purpose. Muted, not `--danger`: it is not a refusal.\n    POSTPONED: {\n      icon: PauseCircle,\n      activeBg: \"bg-active\",\n      activeText: \"text-secondary\",\n    },\n    // The one status with nowhere to move to: the vocabulary has a brand, an info, a\n    // warning and a danger, and nothing that means \"succeeded\". Deliberately NOT\n    // borrowed from a family that means something else — `--status-synced` is a\n    // FIELD's trip to the database rather than an outcome, and tokens.css says so in\n    // as many words. Green beside WONT_DO's red is the classic CVD-unsafe pair, which\n    // is why both carry a glyph and neither leans on colour alone.\n    DONE: {\n      icon: CheckCircle2,\n      activeBg: \"bg-success-soft\",\n      activeText: \"text-success\",\n    },\n    WONT_DO: {\n      icon: Ban,\n      activeBg: \"bg-danger-soft\",\n      activeText: \"text-danger\",\n    },\n  };\n\n/** Chain order, then the three off it. The order a picker offers, and the rank a\n *  status column sorts by — so a list sorted by status reads as a queue rather\n *  than as an alphabet. */\nexport const FEEDBACK_STATUS_ORDER = Object.keys(FEEDBACK_STATUS_META) as FeedbackStatus[];\n\n/** States that sit OFF the linear chain: reachable from anywhere, leading\n *  nowhere by themselves. `WONT_DO` has always worked this way; `POSTPONED`\n *  (\"not now\") and `NEEDS_LIVE_TEST` (\"resolved, but only provable on a deployed\n *  build\") are the same shape — a row can be parked or handed to the next deploy\n *  from any point, and comes back to the chain when somebody picks a real state\n *  for it.\n *\n *  Kept out of the forward chain deliberately: putting them in it would mean an\n *  \"advance\" gesture could park an item, and every row would have to pass\n *  through them to reach `DONE`. */\nconst OFF_CHAIN: FeedbackStatus[] = [\"NEEDS_LIVE_TEST\", \"POSTPONED\", \"WONT_DO\"];\n\nconst FORWARD_CHAIN: FeedbackStatus[] = [\"OPEN\", \"READY\", \"IN_PROGRESS\", \"IN_EVALUATION\", \"DONE\"];\n\n/** The next status along the chain, or null at the end (or off it, as `WONT_DO`\n *  is). What a swipe-to-advance gesture commits. `REWORK` (0.40) is not in the chain —\n *  \"advance\" from READY still goes to IN_PROGRESS — but it leads there too: a reworked\n *  row is READY's twin. */\nexport function nextFeedbackStatus(current: FeedbackStatus): FeedbackStatus | null {\n  if (current === \"REWORK\") return \"IN_PROGRESS\";\n  const at = FORWARD_CHAIN.indexOf(current);\n  return at !== -1 && at < FORWARD_CHAIN.length - 1 ? FORWARD_CHAIN[at + 1] : null;\n}\n\n/**\n * The steps that make sense from where a row currently stands.\n *\n * For the compact control in a table cell: it is a glanceable triage affordance,\n * and a row of nine icons in a cell is noise. One step forward, one step back\n * (so an item can be sent back for rework), and any of the three off-chain\n * verdicts — which is what makes those usable as verdicts at all.\n *\n * The two parking states are not dead ends: each offers the step that resumes\n * work and the ones that close it, but deliberately **not each other** —\n * \"postponed\" and \"waiting on a deploy\" are different answers to different\n * questions, and a row moving between them directly is a re-triage, which starts\n * by picking the work back up.\n */\nexport function visibleFeedbackStatuses(current: FeedbackStatus): FeedbackStatus[] {\n  const set = new Set<FeedbackStatus>([current]);\n  const at = FORWARD_CHAIN.indexOf(current);\n  if (current === \"REWORK\") {\n    // READY's twin (0.40, §10.2 decision 4): the step that picks the work up, and the\n    // verdicts a released row can still get.\n    set.add(\"IN_PROGRESS\");\n    for (const off of OFF_CHAIN) set.add(off);\n  } else if (at !== -1) {\n    if (at < FORWARD_CHAIN.length - 1) set.add(FORWARD_CHAIN[at + 1]);\n    if (at > 0) set.add(FORWARD_CHAIN[at - 1]);\n    for (const off of OFF_CHAIN) set.add(off);\n  } else if (current !== \"WONT_DO\") {\n    set.add(\"IN_PROGRESS\");\n    set.add(\"DONE\");\n    set.add(\"WONT_DO\");\n  }\n  // WONT_DO falls through with nothing added: it stays terminal, reopened by a\n  // note from its author rather than by a status pill.\n  return FEEDBACK_STATUS_ORDER.filter((status) => set.has(status));\n}\n\n/**\n * Every status, in chain order — what an EXPANDED row offers.\n *\n * {@link visibleFeedbackStatuses} narrows the choice to the steps that make\n * sense from where a row is, which is right for a table cell. Once the row is\n * open in front of you, that same narrowing turns every non-adjacent move into a\n * walk: OPEN to DONE meant three round trips, and WONT_DO could not be left at\n * all except through a rework note.\n *\n * Takes a `current` it does not use, so the two policies read as one pair at the\n * call sites and a future rule (\"terminal rows still cannot jump to X\") has a\n * place to live.\n */\nexport function selectableFeedbackStatuses(_current: FeedbackStatus): FeedbackStatus[] {\n  return [...FEEDBACK_STATUS_ORDER];\n}\n\n/**\n * Per-category badge treatment, the counterpart to the status meta above.\n *\n * A category cell that is one grey pill holding the raw enum makes a CRASH —\n * filed automatically, by somebody staring at a broken page right now — read\n * exactly like a QUESTION, and sit unnoticed in the queue. `--danger` plus its own\n * glyph is what makes that impossible; the hand-filed categories stay\n * deliberately quiet so that the loud one means something.\n *\n * Declaration order is triage order, CRASH first.\n */\nexport const FEEDBACK_CATEGORY_META: Record<\n  FeedbackCategory,\n  { icon: LucideIcon; badgeBg: string; badgeText: string }\n> = {\n  CRASH: {\n    icon: OctagonAlert,\n    badgeBg: \"bg-danger-soft\",\n    badgeText: \"text-danger\",\n  },\n  BUG: {\n    icon: Bug,\n    badgeBg: \"bg-warning-soft\",\n    badgeText: \"text-warning\",\n  },\n  IDEA: {\n    icon: Lightbulb,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n  QUESTION: {\n    icon: HelpCircle,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n  OTHER: {\n    icon: MoreHorizontal,\n    badgeBg: \"bg-surface-2\",\n    badgeText: \"text-secondary\",\n  },\n};\n\n/** Triage order, CRASH first — also a category column's sort key and the option\n *  order in its filter. Sorting by the raw enum is alphabetical, which parks\n *  CRASH between BUG and IDEA. */\nexport const FEEDBACK_CATEGORY_ORDER = Object.keys(FEEDBACK_CATEGORY_META) as FeedbackCategory[];\n\n/** A category's rank for a column sort. Anything this build has never heard of —\n *  an older client against a newer API — sorts LAST rather than to `indexOf`'s\n *  −1, which would rank it above CRASH. */\nexport function feedbackCategoryRank(category: FeedbackCategory): number {\n  const at = FEEDBACK_CATEGORY_ORDER.indexOf(category);\n  return at === -1 ? FEEDBACK_CATEGORY_ORDER.length : at;\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-vote-button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-vote-button.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { ThumbsUp } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { Tooltip } from \"../components/tooltip\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatNumber } from \"../lib/format\";\nimport type { FeedbackVoteState } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_VOTE_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * \"I want this too\" — the one rating a report has (docs/feedback-harmonization.md §9.6,\n * decision 2): an upvote, one per person, a count. No down-vote, no stars.\n *\n * - **A toggle** (`aria-pressed`): the thumb, the count, and \"I want this too\" as its\n *   name — written out at `size=\"md\"`, the Tooltip and the accessible name at `\"sm\"`\n *   (a list row's cell).\n * - **Optimistic with rollback:** the press shows the new state at once, `onVote(next)`\n *   sends `PUT` (`true`) or `DELETE` (`false`) and its answer — the server's count —\n *   replaces the guess; a rejection puts back what was there. The error is the app's\n *   to toast (its mutation's `onError`), as with every kit part that takes a promise —\n *   the server's `detail`, else `feedbackToast.voteFailed` (0.38.1).\n * - **The author's own report** counts as their vote (§9.6, decision 20): `own` shows it\n *   pressed and `aria-disabled` with \"Your report\" as the reason (the server would\n *   answer 409).\n * - A new `votes` / `voted` from the app (a refetch) wins over the last answer.\n */\n\n/** The `feedbackVote` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackVoteLabels {\n  /** The button's name. de-CH: \"Will ich auch\" */\n  vote: string;\n  /** Why the author's own button is disabled. de-CH: \"Ihr Bericht\" */\n  own: string;\n}\n\nexport { DEFAULT_FEEDBACK_VOTE_LABELS };\n\nexport interface FeedbackVoteButtonProps {\n  /** People who want this — the author's own vote included. */\n  votes: number;\n  /** The viewer has voted. */\n  voted: boolean;\n  /** The viewer filed it: pressed, disabled, \"Your report\". */\n  own?: boolean;\n  /** `PUT` (`next` true) or `DELETE` (`false`) `/feedback/{id}/vote`; resolve with the\n   *  answer, reject to roll back. */\n  onVote: (next: boolean) => Promise<FeedbackVoteState>;\n  /** Not now (e.g. a demo): plain `disabled`. A string is the reason, as Button's. */\n  disabled?: boolean | string;\n  /** The vote COMMITS — see Button's `commit`. */\n  commit?: CommitScope;\n  /** `\"sm\"`: the count alone, for a table cell. Default `\"md\"`. */\n  size?: \"sm\" | \"md\";\n  labels?: LabelOverride<FeedbackVoteLabels>;\n  className?: string;\n}\n\nexport function FeedbackVoteButton({\n  votes,\n  voted,\n  own = false,\n  onVote,\n  disabled = false,\n  commit,\n  size = \"md\",\n  labels: labelsProp,\n  className,\n}: FeedbackVoteButtonProps) {\n  const labels = useKitLabels(\"feedbackVote\", DEFAULT_FEEDBACK_VOTE_LABELS, labelsProp);\n  const locale = useKitLocale();\n  // The last press's state, valid only while the app's props are still the ones it was\n  // pressed against: a refetch that brings new numbers is the truth.\n  const [shown, setShown] = useState<{ base: FeedbackVoteState; state: FeedbackVoteState } | null>(null);\n  const busy = useRef(false);\n  const current =\n    shown && shown.base.votes === votes && shown.base.voted === voted ? shown.state : { votes, voted };\n  const pressed = own || current.voted;\n\n  const press = () => {\n    if (own || disabled || busy.current) return;\n    const base = { votes, voted };\n    const before = current;\n    const next = !before.voted;\n    busy.current = true;\n    setShown({ base, state: { votes: Math.max(0, before.votes + (next ? 1 : -1)), voted: next } });\n    onVote(next).then(\n      (answer) => setShown({ base, state: { votes: answer.votes, voted: answer.voted } }),\n      () => setShown({ base, state: before }),\n    ).finally(() => {\n      busy.current = false;\n    });\n  };\n\n  const count = formatNumber(current.votes, { locale });\n  const button = (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"sm\"\n      pressed={pressed}\n      commit={own ? undefined : commit}\n      disabled={disabled === true}\n      disabledReason={own ? labels.own : typeof disabled === \"string\" ? disabled : undefined}\n      onClick={(event) => {\n        // A row around it may expand on a click.\n        event.stopPropagation();\n        press();\n      }}\n      data-feedback-vote=\"\"\n      className={cn(\"gap-1.5\", className)}\n    >\n      <ThumbsUp className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className={size === \"sm\" ? \"sr-only\" : undefined}>{labels.vote}</span>\n      <span className=\"tabular-nums\" data-feedback-votes=\"\">\n        {count}\n      </span>\n    </Button>\n  );\n  // At \"sm\" the name is not on screen: the Tooltip shows it (the own reason has its own).\n  return size === \"sm\" && !own ? <Tooltip label={labels.vote}>{button}</Tooltip> : button;\n}\n"],"mappings":";AAiGI,SAgBE,KAhBF;AAjGJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,cAAc,oBAAwC;AAC/D,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B,SAAS,oCAAoC;AAkDtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAA4B;AAC1B,QAAM,SAAS,aAAa,gBAAgB,8BAA8B,UAAU;AACpF,QAAM,SAAS,aAAa;AAG5B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuE,IAAI;AACrG,QAAM,OAAO,OAAO,KAAK;AACzB,QAAM,UACJ,SAAS,MAAM,KAAK,UAAU,SAAS,MAAM,KAAK,UAAU,QAAQ,MAAM,QAAQ,EAAE,OAAO,MAAM;AACnG,QAAM,UAAU,OAAO,QAAQ;AAE/B,QAAM,QAAQ,MAAM;AAClB,QAAI,OAAO,YAAY,KAAK,QAAS;AACrC,UAAM,OAAO,EAAE,OAAO,MAAM;AAC5B,UAAM,SAAS;AACf,UAAM,OAAO,CAAC,OAAO;AACrB,SAAK,UAAU;AACf,aAAS,EAAE,MAAM,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,SAAS,OAAO,IAAI,GAAG,GAAG,OAAO,KAAK,EAAE,CAAC;AAC7F,WAAO,IAAI,EAAE;AAAA,MACX,CAAC,WAAW,SAAS,EAAE,MAAM,OAAO,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,EAAE,CAAC;AAAA,MAClF,MAAM,SAAS,EAAE,MAAM,OAAO,OAAO,CAAC;AAAA,IACxC,EAAE,QAAQ,MAAM;AACd,WAAK,UAAU;AAAA,IACjB,CAAC;AAAA,EACH;AAEA,QAAM,QAAQ,aAAa,QAAQ,OAAO,EAAE,OAAO,CAAC;AACpD,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,QAAQ,MAAM,SAAY;AAAA,MAC1B,UAAU,aAAa;AAAA,MACvB,gBAAgB,MAAM,OAAO,MAAM,OAAO,aAAa,WAAW,WAAW;AAAA,MAC7E,SAAS,CAAC,UAAU;AAElB,cAAM,gBAAgB;AACtB,cAAM;AAAA,MACR;AAAA,MACA,sBAAmB;AAAA,MACnB,WAAW,GAAG,WAAW,SAAS;AAAA,MAElC;AAAA,4BAAC,YAAS,WAAU,qBAAoB,eAAW,MAAC;AAAA,QACpD,oBAAC,UAAK,WAAW,SAAS,OAAO,YAAY,QAAY,iBAAO,MAAK;AAAA,QACrE,oBAAC,UAAK,WAAU,gBAAe,uBAAoB,IAChD,iBACH;AAAA;AAAA;AAAA,EACF;AAGF,SAAO,SAAS,QAAQ,CAAC,MAAM,oBAAC,WAAQ,OAAO,OAAO,MAAO,kBAAO,IAAa;AACnF;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-vote-button.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport { ThumbsUp } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { Tooltip } from \"../components/tooltip\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatNumber } from \"../lib/format\";\nimport type { FeedbackVoteState } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_VOTE_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * \"I want this too\" — the one rating a report has (docs/feedback-harmonization.md §9.6,\n * decision 2): an upvote, one per person, a count. No down-vote, no stars.\n *\n * - **A toggle** (`aria-pressed`): the thumb, the count, and \"I want this too\" as its\n *   name — written out at `size=\"md\"`, the Tooltip and the accessible name at `\"sm\"`\n *   (a list row's cell).\n * - **Optimistic with rollback:** the press shows the new state at once, `onVote(next)`\n *   sends `PUT` (`true`) or `DELETE` (`false`) and its answer — the server's count —\n *   replaces the guess; a rejection puts back what was there. The error is the app's\n *   to toast (its mutation's `onError`), as with every kit part that takes a promise —\n *   the server's `detail`, else `feedbackToast.voteFailed` (0.38.1).\n * - **The author's own report** counts as their vote (§9.6, decision 20): `own` shows it\n *   pressed and `aria-disabled` with \"Your report\" as the reason (the server would\n *   answer 409).\n * - A new `votes` / `voted` from the app (a refetch) wins over the last answer.\n */\n\n/** The `feedbackVote` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackVoteLabels {\n  /** The button's name. de-CH: \"Will ich auch\" */\n  vote: string;\n  /** Why the author's own button is disabled. de-CH: \"Ihr Bericht\" */\n  own: string;\n}\n\nexport { DEFAULT_FEEDBACK_VOTE_LABELS };\n\nexport interface FeedbackVoteButtonProps {\n  /** People who want this — the author's own vote included. */\n  votes: number;\n  /** The viewer has voted. */\n  voted: boolean;\n  /** The viewer filed it: pressed, disabled, \"Your report\". */\n  own?: boolean;\n  /** `PUT` (`next` true) or `DELETE` (`false`) `/feedback/{id}/vote`; resolve with the\n   *  answer, reject to roll back. */\n  onVote: (next: boolean) => Promise<FeedbackVoteState>;\n  /** Not now (e.g. a demo): plain `disabled`. A string is the reason, as Button's. */\n  disabled?: boolean | string;\n  /** The vote COMMITS — see Button's `commit`. */\n  commit?: CommitScope;\n  /** `\"sm\"`: the count alone, for a table cell. Default `\"md\"`. */\n  size?: \"sm\" | \"md\";\n  labels?: LabelOverride<FeedbackVoteLabels>;\n  className?: string;\n}\n\nexport function FeedbackVoteButton({\n  votes,\n  voted,\n  own = false,\n  onVote,\n  disabled = false,\n  commit,\n  size = \"md\",\n  labels: labelsProp,\n  className,\n}: FeedbackVoteButtonProps) {\n  const labels = useKitLabels(\"feedbackVote\", DEFAULT_FEEDBACK_VOTE_LABELS, labelsProp);\n  const locale = useKitLocale();\n  // The last press's state, valid only while the app's props are still the ones it was\n  // pressed against: a refetch that brings new numbers is the truth.\n  const [shown, setShown] = useState<{ base: FeedbackVoteState; state: FeedbackVoteState } | null>(null);\n  const busy = useRef(false);\n  const current = shown && shown.base.votes === votes && shown.base.voted === voted ? shown.state : { votes, voted };\n  const pressed = own || current.voted;\n\n  const press = () => {\n    if (own || disabled || busy.current) return;\n    const base = { votes, voted };\n    const before = current;\n    const next = !before.voted;\n    busy.current = true;\n    setShown({ base, state: { votes: Math.max(0, before.votes + (next ? 1 : -1)), voted: next } });\n    onVote(next)\n      .then(\n        (answer) => setShown({ base, state: { votes: answer.votes, voted: answer.voted } }),\n        () => setShown({ base, state: before }),\n      )\n      .finally(() => {\n        busy.current = false;\n      });\n  };\n\n  const count = formatNumber(current.votes, { locale });\n  const button = (\n    <Button\n      type=\"button\"\n      variant=\"secondary\"\n      size=\"sm\"\n      pressed={pressed}\n      commit={own ? undefined : commit}\n      disabled={disabled === true}\n      disabledReason={own ? labels.own : typeof disabled === \"string\" ? disabled : undefined}\n      onClick={(event) => {\n        // A row around it may expand on a click.\n        event.stopPropagation();\n        press();\n      }}\n      data-feedback-vote=\"\"\n      className={cn(\"gap-1.5\", className)}\n    >\n      <ThumbsUp className=\"size-3.5 shrink-0\" aria-hidden />\n      <span className={size === \"sm\" ? \"sr-only\" : undefined}>{labels.vote}</span>\n      <span className=\"tabular-nums\" data-feedback-votes=\"\">\n        {count}\n      </span>\n    </Button>\n  );\n  // At \"sm\" the name is not on screen: the Tooltip shows it (the own reason has its own).\n  return size === \"sm\" && !own ? <Tooltip label={labels.vote}>{button}</Tooltip> : button;\n}\n"],"mappings":";AAkGI,SAgBE,KAhBF;AAlGJ,SAAS,QAAQ,gBAAgB;AACjC,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,eAAe;AAExB,SAAS,cAAc,oBAAwC;AAC/D,SAAS,UAAU;AACnB,SAAS,oBAAoB;AAE7B,SAAS,oCAAoC;AAkDtC,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA,OAAO;AAAA,EACP,QAAQ;AAAA,EACR;AACF,GAA4B;AAC1B,QAAM,SAAS,aAAa,gBAAgB,8BAA8B,UAAU;AACpF,QAAM,SAAS,aAAa;AAG5B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuE,IAAI;AACrG,QAAM,OAAO,OAAO,KAAK;AACzB,QAAM,UAAU,SAAS,MAAM,KAAK,UAAU,SAAS,MAAM,KAAK,UAAU,QAAQ,MAAM,QAAQ,EAAE,OAAO,MAAM;AACjH,QAAM,UAAU,OAAO,QAAQ;AAE/B,QAAM,QAAQ,MAAM;AAClB,QAAI,OAAO,YAAY,KAAK,QAAS;AACrC,UAAM,OAAO,EAAE,OAAO,MAAM;AAC5B,UAAM,SAAS;AACf,UAAM,OAAO,CAAC,OAAO;AACrB,SAAK,UAAU;AACf,aAAS,EAAE,MAAM,OAAO,EAAE,OAAO,KAAK,IAAI,GAAG,OAAO,SAAS,OAAO,IAAI,GAAG,GAAG,OAAO,KAAK,EAAE,CAAC;AAC7F,WAAO,IAAI,EACR;AAAA,MACC,CAAC,WAAW,SAAS,EAAE,MAAM,OAAO,EAAE,OAAO,OAAO,OAAO,OAAO,OAAO,MAAM,EAAE,CAAC;AAAA,MAClF,MAAM,SAAS,EAAE,MAAM,OAAO,OAAO,CAAC;AAAA,IACxC,EACC,QAAQ,MAAM;AACb,WAAK,UAAU;AAAA,IACjB,CAAC;AAAA,EACL;AAEA,QAAM,QAAQ,aAAa,QAAQ,OAAO,EAAE,OAAO,CAAC;AACpD,QAAM,SACJ;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAQ;AAAA,MACR,MAAK;AAAA,MACL;AAAA,MACA,QAAQ,MAAM,SAAY;AAAA,MAC1B,UAAU,aAAa;AAAA,MACvB,gBAAgB,MAAM,OAAO,MAAM,OAAO,aAAa,WAAW,WAAW;AAAA,MAC7E,SAAS,CAAC,UAAU;AAElB,cAAM,gBAAgB;AACtB,cAAM;AAAA,MACR;AAAA,MACA,sBAAmB;AAAA,MACnB,WAAW,GAAG,WAAW,SAAS;AAAA,MAElC;AAAA,4BAAC,YAAS,WAAU,qBAAoB,eAAW,MAAC;AAAA,QACpD,oBAAC,UAAK,WAAW,SAAS,OAAO,YAAY,QAAY,iBAAO,MAAK;AAAA,QACrE,oBAAC,UAAK,WAAU,gBAAe,uBAAoB,IAChD,iBACH;AAAA;AAAA;AAAA,EACF;AAGF,SAAO,SAAS,QAAQ,CAAC,MAAM,oBAAC,WAAQ,OAAO,OAAO,MAAO,kBAAO,IAAa;AACnF;","names":[]}

package/dist/hooks/use-anchored-rect.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-anchored-rect.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { RefObject } from \"react\";\n\n/** The subset of an element's viewport rect used for anchored positioning. */\nexport interface AnchorRect {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Whether two measurements are the same box, so a re-measure that moved nothing keeps the\n * state it had (no render). Top, left, width and height decide it: an `AnchorRect`'s\n * right and bottom are those sums. The kit's one copy — the tour's spotlight asks it too\n * (DUP-11, refactor audit 2026-10).\n */\nexport function sameRect<R extends { top: number; left: number; width: number; height: number }>(\n  a: R | null,\n  b: R | null,\n): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n}\n\n/**\n * Tracks an anchor element's viewport rect while `open`, re-measuring on scroll\n * (capture phase, so nested scroll containers are caught too) and resize, and\n * returning null when closed or unmeasured. Callers derive their own panel\n * position from the rect — this hook owns only the measure + listener lifecycle\n * that every portalled, position:fixed popover/flyout otherwise re-implements.\n *\n * Measured in a layout effect so the position is ready before paint (no flicker\n * on open).\n */\nexport function useAnchoredRect<T extends HTMLElement>(\n  ref: RefObject<T | null>,\n  open: boolean,\n): AnchorRect | null {\n  const [rect, setRect] = useState<AnchorRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- reset when closed\n      setRect(null);\n      return;\n    }\n    const measure = () => {\n      const r = ref.current?.getBoundingClientRect();\n      if (!r) return;\n      const next = {\n        top: r.top,\n        left: r.left,\n        right: r.right,\n        bottom: r.bottom,\n        width: r.width,\n        height: r.height,\n      };\n      // Only publish a rect that actually MOVED. Every measurement allocates a fresh\n      // object and React compares state by identity, so an unguarded `setRect` here\n      // re-rendered the anchored panel on every scroll and resize event whether or not\n      // the anchor had moved — and this listens on the capture phase, so that is every\n      // ancestor scroll container, roughly per frame through a momentum scroll.\n      // `tour.tsx` already does exactly this on the same problem.\n      setRect((prev) => (sameRect(prev, next) ? prev : next));\n    };\n    measure();\n    window.addEventListener(\"resize\", measure);\n    window.addEventListener(\"scroll\", measure, true);\n    return () => {\n      window.removeEventListener(\"resize\", measure);\n      window.removeEventListener(\"scroll\", measure, true);\n    };\n  }, [open, ref]);\n\n  return rect;\n}\n"],"mappings":";AAAA,SAAS,iBAAiB,gBAAgB;AAmBnC,SAAS,SACd,GACA,GACS;AACT,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,SAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;AACvF;AAYO,SAAS,gBACd,KACA,MACmB;AACnB,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AAExD,kBAAgB,MAAM;AACpB,QAAI,CAAC,MAAM;AAET,cAAQ,IAAI;AACZ;AAAA,IACF;AACA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,IAAI,SAAS,sBAAsB;AAC7C,UAAI,CAAC,EAAG;AACR,YAAM,OAAO;AAAA,QACX,KAAK,EAAE;AAAA,QACP,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,QAAQ,EAAE;AAAA,QACV,OAAO,EAAE;AAAA,QACT,QAAQ,EAAE;AAAA,MACZ;AAOA,cAAQ,CAAC,SAAU,SAAS,MAAM,IAAI,IAAI,OAAO,IAAK;AAAA,IACxD;AACA,YAAQ;AACR,WAAO,iBAAiB,UAAU,OAAO;AACzC,WAAO,iBAAiB,UAAU,SAAS,IAAI;AAC/C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,OAAO;AAC5C,aAAO,oBAAoB,UAAU,SAAS,IAAI;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-anchored-rect.ts"],"sourcesContent":["import { useLayoutEffect, useState } from \"react\";\nimport type { RefObject } from \"react\";\n\n/** The subset of an element's viewport rect used for anchored positioning. */\nexport interface AnchorRect {\n  top: number;\n  left: number;\n  right: number;\n  bottom: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Whether two measurements are the same box, so a re-measure that moved nothing keeps the\n * state it had (no render). Top, left, width and height decide it: an `AnchorRect`'s\n * right and bottom are those sums. The kit's one copy — the tour's spotlight asks it too\n * (DUP-11, refactor audit 2026-10).\n */\nexport function sameRect<R extends { top: number; left: number; width: number; height: number }>(\n  a: R | null,\n  b: R | null,\n): boolean {\n  if (a === b) return true;\n  if (!a || !b) return false;\n  return a.top === b.top && a.left === b.left && a.width === b.width && a.height === b.height;\n}\n\n/**\n * Tracks an anchor element's viewport rect while `open`, re-measuring on scroll\n * (capture phase, so nested scroll containers are caught too) and resize, and\n * returning null when closed or unmeasured. Callers derive their own panel\n * position from the rect — this hook owns only the measure + listener lifecycle\n * that every portalled, position:fixed popover/flyout otherwise re-implements.\n *\n * Measured in a layout effect so the position is ready before paint (no flicker\n * on open).\n */\nexport function useAnchoredRect<T extends HTMLElement>(ref: RefObject<T | null>, open: boolean): AnchorRect | null {\n  const [rect, setRect] = useState<AnchorRect | null>(null);\n\n  useLayoutEffect(() => {\n    if (!open) {\n      // eslint-disable-next-line react-hooks/set-state-in-effect -- reset when closed\n      setRect(null);\n      return;\n    }\n    const measure = () => {\n      const r = ref.current?.getBoundingClientRect();\n      if (!r) return;\n      const next = {\n        top: r.top,\n        left: r.left,\n        right: r.right,\n        bottom: r.bottom,\n        width: r.width,\n        height: r.height,\n      };\n      // Only publish a rect that actually MOVED. Every measurement allocates a fresh\n      // object and React compares state by identity, so an unguarded `setRect` here\n      // re-rendered the anchored panel on every scroll and resize event whether or not\n      // the anchor had moved — and this listens on the capture phase, so that is every\n      // ancestor scroll container, roughly per frame through a momentum scroll.\n      // `tour.tsx` already does exactly this on the same problem.\n      setRect((prev) => (sameRect(prev, next) ? prev : next));\n    };\n    measure();\n    window.addEventListener(\"resize\", measure);\n    window.addEventListener(\"scroll\", measure, true);\n    return () => {\n      window.removeEventListener(\"resize\", measure);\n      window.removeEventListener(\"scroll\", measure, true);\n    };\n  }, [open, ref]);\n\n  return rect;\n}\n"],"mappings":";AAAA,SAAS,iBAAiB,gBAAgB;AAmBnC,SAAS,SACd,GACA,GACS;AACT,MAAI,MAAM,EAAG,QAAO;AACpB,MAAI,CAAC,KAAK,CAAC,EAAG,QAAO;AACrB,SAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE;AACvF;AAYO,SAAS,gBAAuC,KAA0B,MAAkC;AACjH,QAAM,CAAC,MAAM,OAAO,IAAI,SAA4B,IAAI;AAExD,kBAAgB,MAAM;AACpB,QAAI,CAAC,MAAM;AAET,cAAQ,IAAI;AACZ;AAAA,IACF;AACA,UAAM,UAAU,MAAM;AACpB,YAAM,IAAI,IAAI,SAAS,sBAAsB;AAC7C,UAAI,CAAC,EAAG;AACR,YAAM,OAAO;AAAA,QACX,KAAK,EAAE;AAAA,QACP,MAAM,EAAE;AAAA,QACR,OAAO,EAAE;AAAA,QACT,QAAQ,EAAE;AAAA,QACV,OAAO,EAAE;AAAA,QACT,QAAQ,EAAE;AAAA,MACZ;AAOA,cAAQ,CAAC,SAAU,SAAS,MAAM,IAAI,IAAI,OAAO,IAAK;AAAA,IACxD;AACA,YAAQ;AACR,WAAO,iBAAiB,UAAU,OAAO;AACzC,WAAO,iBAAiB,UAAU,SAAS,IAAI;AAC/C,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,OAAO;AAC5C,aAAO,oBAAoB,UAAU,SAAS,IAAI;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,SAAO;AACT;","names":[]}

package/dist/hooks/use-document-title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-document-title.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useKitDocumentTitle } from \"../i18n/kit-labels\";\nimport { DEFAULT_DOCUMENT_TITLE_FORMAT, formatDocumentTitle } from \"../lib/document-title\";\n\n/**\n * Writes the window's title (`document.title`) while the calling component is mounted,\n * and puts back the title it found when it unmounts (0.49 KIT-9).\n *\n * `parts` are positional: `[page, section, app]`. The app falls back to the provider's\n * `appName`, the format to the provider's `documentTitleFormat` (default\n * \"{page} · {section} · {app}\"); a missing part drops with its separator\n * ({@link formatDocumentTitle}). Parts that are ALL empty write nothing — the provider's\n * app alone is not a page's title.\n *\n * `PageHeader` calls it for its `h1` (`documentTitle`); call it yourself for a page\n * without one.\n */\nexport function useDocumentTitle(parts: ReadonlyArray<string | null | undefined | false>): void {\n  const { format, appName } = useKitDocumentTitle();\n  const [page, section, app] = parts.map((p) => (typeof p === \"string\" && p.trim() !== \"\" ? p : undefined));\n  const any = parts.some((p) => typeof p === \"string\" && p.trim() !== \"\");\n  const title = any ? formatDocumentTitle(format ?? DEFAULT_DOCUMENT_TITLE_FORMAT, { page, section, app: app ?? appName }) : null;\n  useEffect(() => {\n    if (title === null || title === \"\") return;\n    const before = document.title;\n    document.title = title;\n    return () => {\n      document.title = before;\n    };\n  }, [title]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,+BAA+B,2BAA2B;AAe5D,SAAS,iBAAiB,OAA+D;AAC9F,QAAM,EAAE,QAAQ,QAAQ,IAAI,oBAAoB;AAChD,QAAM,CAAC,MAAM,SAAS,GAAG,IAAI,MAAM,IAAI,CAAC,MAAO,OAAO,MAAM,YAAY,EAAE,KAAK,MAAM,KAAK,IAAI,MAAU;AACxG,QAAM,MAAM,MAAM,KAAK,CAAC,MAAM,OAAO,MAAM,YAAY,EAAE,KAAK,MAAM,EAAE;AACtE,QAAM,QAAQ,MAAM,oBAAoB,UAAU,+BAA+B,EAAE,MAAM,SAAS,KAAK,OAAO,QAAQ,CAAC,IAAI;AAC3H,YAAU,MAAM;AACd,QAAI,UAAU,QAAQ,UAAU,GAAI;AACpC,UAAM,SAAS,SAAS;AACxB,aAAS,QAAQ;AACjB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACZ;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-document-title.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useKitDocumentTitle } from \"../i18n/kit-labels\";\nimport { DEFAULT_DOCUMENT_TITLE_FORMAT, formatDocumentTitle } from \"../lib/document-title\";\n\n/**\n * Writes the window's title (`document.title`) while the calling component is mounted,\n * and puts back the title it found when it unmounts (0.49 KIT-9).\n *\n * `parts` are positional: `[page, section, app]`. The app falls back to the provider's\n * `appName`, the format to the provider's `documentTitleFormat` (default\n * \"{page} · {section} · {app}\"); a missing part drops with its separator\n * ({@link formatDocumentTitle}). Parts that are ALL empty write nothing — the provider's\n * app alone is not a page's title.\n *\n * `PageHeader` calls it for its `h1` (`documentTitle`); call it yourself for a page\n * without one.\n */\nexport function useDocumentTitle(parts: ReadonlyArray<string | null | undefined | false>): void {\n  const { format, appName } = useKitDocumentTitle();\n  const [page, section, app] = parts.map((p) => (typeof p === \"string\" && p.trim() !== \"\" ? p : undefined));\n  const any = parts.some((p) => typeof p === \"string\" && p.trim() !== \"\");\n  const title = any\n    ? formatDocumentTitle(format ?? DEFAULT_DOCUMENT_TITLE_FORMAT, { page, section, app: app ?? appName })\n    : null;\n  useEffect(() => {\n    if (title === null || title === \"\") return;\n    const before = document.title;\n    document.title = title;\n    return () => {\n      document.title = before;\n    };\n  }, [title]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAC1B,SAAS,2BAA2B;AACpC,SAAS,+BAA+B,2BAA2B;AAe5D,SAAS,iBAAiB,OAA+D;AAC9F,QAAM,EAAE,QAAQ,QAAQ,IAAI,oBAAoB;AAChD,QAAM,CAAC,MAAM,SAAS,GAAG,IAAI,MAAM,IAAI,CAAC,MAAO,OAAO,MAAM,YAAY,EAAE,KAAK,MAAM,KAAK,IAAI,MAAU;AACxG,QAAM,MAAM,MAAM,KAAK,CAAC,MAAM,OAAO,MAAM,YAAY,EAAE,KAAK,MAAM,EAAE;AACtE,QAAM,QAAQ,MACV,oBAAoB,UAAU,+BAA+B,EAAE,MAAM,SAAS,KAAK,OAAO,QAAQ,CAAC,IACnG;AACJ,YAAU,MAAM;AACd,QAAI,UAAU,QAAQ,UAAU,GAAI;AACpC,UAAM,SAAS,SAAS;AACxB,aAAS,QAAQ;AACjB,WAAO,MAAM;AACX,eAAS,QAAQ;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AACZ;","names":[]}

package/dist/hooks/use-file-drop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-file-drop.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, ReactElement } from \"react\";\nimport { useFilePicker } from \"./use-file-picker\";\nimport type { UseFilePickerOptions } from \"./use-file-picker\";\n\n/**\n * Turn ANY element into a file drop target — kastlan's ask, for the document list of\n * a booking and the rows of its gantt, which are drop targets without being a\n * `FileDropzone` (a dashed box with a Browse button inside would be the wrong thing\n * to draw over a list).\n *\n * ```tsx\n * const { dropProps, isOver, element } = useFileDrop({ accept: \".pdf\", multiple: true,\n *   maxSize: 10_000_000, onFiles: attach, onReject: ([r]) => setError(r.message) });\n * return <>{element}<ul {...dropProps} data-drop-over={isOver || undefined}>…</ul></>;\n * ```\n *\n * The screening is `useFilePicker`'s own — `accept` re-checked (a drop ignores the\n * dialog's filter), `maxSize`, `maxFiles`, `isValid`, `onPick` — so a file refused by\n * `FileButton` is refused here in the same words. It comes with `open()` as well, so\n * the same options can also back a \"choose a file\" menu item beside the drop target.\n */\n\n/** `useFilePicker`'s options, minus `capture` (a camera does not take drops). */\nexport type UseFileDropOptions = Omit<UseFilePickerOptions, \"capture\">;\n\n/** Spread onto the drop target. Four handlers, nothing else: the element keeps its\n *  own role, name and focus behaviour. */\nexport interface FileDropProps<E extends Element = Element> {\n  onDragEnter: (e: DragEvent<E>) => void;\n  onDragOver: (e: DragEvent<E>) => void;\n  onDragLeave: (e: DragEvent<E>) => void;\n  onDrop: (e: DragEvent<E>) => void;\n}\n\nexport interface UseFileDropReturn<E extends Element = Element> {\n  dropProps: FileDropProps<E>;\n  /** A FILE drag is over the target (and it is not `disabled`). Style from this. */\n  isOver: boolean;\n  /** Open the system picker with the same options — from a click handler only. */\n  open: () => void;\n  /** Screen and deliver files that arrived another way (a paste). */\n  take: (files: ArrayLike<File> | null | undefined) => void;\n  /** The live region that speaks a refusal (and the picker's hidden input). Render it\n   *  once, anywhere; without it a refusal reaches `onReject` but is not announced. */\n  element: ReactElement;\n}\n\n/** Whether a drag carries files — a dragged link, text or a row of the page does not,\n *  and must not light the target up or be swallowed by it. */\nexport function dragHasFiles(e: DragEvent): boolean {\n  return Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n}\n\n/**\n * @internal The drag half on its own, shared with `FileDropzone`.\n *\n * `dragenter`/`dragleave` fire for every CHILD the pointer crosses: moving from the\n * target onto a label inside it is a leave of the target followed by an enter of the\n * label, which bubbles. A boolean flipped by each one flickers off and on across\n * every child, and `relatedTarget` — the usual fix — is `null` in Safari's drag\n * events. So this counts: +1 per enter, -1 per leave, over while above zero, and a\n * drop resets it (the drop replaces the leave that would have balanced the enter).\n *\n * A file drag stops propagating here, so a target nested in another (a row inside a\n * page-wide drop area) takes its own drop, and the outer one's count falls back to\n * zero while the pointer is over the inner one — only one of them lights up.\n */\nexport function useDragTarget<E extends Element = Element>({\n  disabled,\n  onDropFiles,\n}: {\n  disabled?: boolean;\n  onDropFiles: (files: FileList | File[]) => void;\n}): { dropProps: FileDropProps<E>; isOver: boolean } {\n  const depth = useRef(0);\n  const [over, setOver] = useState(false);\n\n  const dropProps: FileDropProps<E> = {\n    onDragEnter: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      e.preventDefault();\n      depth.current += 1;\n      if (!disabled) setOver(true);\n    },\n    onDragOver: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      // Always cancelled for a file drag, disabled or not: an uncancelled drop makes\n      // the browser NAVIGATE to the file, which loses the page.\n      e.preventDefault();\n      e.dataTransfer.dropEffect = disabled ? \"none\" : \"copy\";\n    },\n    onDragLeave: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      depth.current = Math.max(0, depth.current - 1);\n      if (depth.current === 0) setOver(false);\n    },\n    onDrop: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      e.preventDefault();\n      depth.current = 0;\n      setOver(false);\n      if (!disabled) onDropFiles(e.dataTransfer.files);\n    },\n  };\n\n  return { dropProps, isOver: over && !disabled };\n}\n\nexport function useFileDrop<E extends Element = Element>(\n  options: UseFileDropOptions,\n): UseFileDropReturn<E> {\n  const picker = useFilePicker(options);\n  const { dropProps, isOver } = useDragTarget<E>({\n    disabled: options.disabled,\n    onDropFiles: picker.take,\n  });\n  return { dropProps, isOver, open: picker.open, take: picker.take, element: picker.element };\n}\n"],"mappings":";AAAA,SAAS,QAAQ,gBAAgB;AAEjC,SAAS,qBAAqB;AAgDvB,SAAS,aAAa,GAAuB;AAClD,SAAO,MAAM,KAAK,EAAE,cAAc,SAAS,CAAC,CAAC,EAAE,SAAS,OAAO;AACjE;AAgBO,SAAS,cAA2C;AAAA,EACzD;AAAA,EACA;AACF,GAGqD;AACnD,QAAM,QAAQ,OAAO,CAAC;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,YAA8B;AAAA,IAClC,aAAa,CAAC,MAAM;AAClB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,YAAM,WAAW;AACjB,UAAI,CAAC,SAAU,SAAQ,IAAI;AAAA,IAC7B;AAAA,IACA,YAAY,CAAC,MAAM;AACjB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAGlB,QAAE,eAAe;AACjB,QAAE,aAAa,aAAa,WAAW,SAAS;AAAA,IAClD;AAAA,IACA,aAAa,CAAC,MAAM;AAClB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,YAAM,UAAU,KAAK,IAAI,GAAG,MAAM,UAAU,CAAC;AAC7C,UAAI,MAAM,YAAY,EAAG,SAAQ,KAAK;AAAA,IACxC;AAAA,IACA,QAAQ,CAAC,MAAM;AACb,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,YAAM,UAAU;AAChB,cAAQ,KAAK;AACb,UAAI,CAAC,SAAU,aAAY,EAAE,aAAa,KAAK;AAAA,IACjD;AAAA,EACF;AAEA,SAAO,EAAE,WAAW,QAAQ,QAAQ,CAAC,SAAS;AAChD;AAEO,SAAS,YACd,SACsB;AACtB,QAAM,SAAS,cAAc,OAAO;AACpC,QAAM,EAAE,WAAW,OAAO,IAAI,cAAiB;AAAA,IAC7C,UAAU,QAAQ;AAAA,IAClB,aAAa,OAAO;AAAA,EACtB,CAAC;AACD,SAAO,EAAE,WAAW,QAAQ,MAAM,OAAO,MAAM,MAAM,OAAO,MAAM,SAAS,OAAO,QAAQ;AAC5F;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-file-drop.ts"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { DragEvent, ReactElement } from \"react\";\nimport { useFilePicker } from \"./use-file-picker\";\nimport type { UseFilePickerOptions } from \"./use-file-picker\";\n\n/**\n * Turn ANY element into a file drop target — kastlan's ask, for the document list of\n * a booking and the rows of its gantt, which are drop targets without being a\n * `FileDropzone` (a dashed box with a Browse button inside would be the wrong thing\n * to draw over a list).\n *\n * ```tsx\n * const { dropProps, isOver, element } = useFileDrop({ accept: \".pdf\", multiple: true,\n *   maxSize: 10_000_000, onFiles: attach, onReject: ([r]) => setError(r.message) });\n * return <>{element}<ul {...dropProps} data-drop-over={isOver || undefined}>…</ul></>;\n * ```\n *\n * The screening is `useFilePicker`'s own — `accept` re-checked (a drop ignores the\n * dialog's filter), `maxSize`, `maxFiles`, `isValid`, `onPick` — so a file refused by\n * `FileButton` is refused here in the same words. It comes with `open()` as well, so\n * the same options can also back a \"choose a file\" menu item beside the drop target.\n */\n\n/** `useFilePicker`'s options, minus `capture` (a camera does not take drops). */\nexport type UseFileDropOptions = Omit<UseFilePickerOptions, \"capture\">;\n\n/** Spread onto the drop target. Four handlers, nothing else: the element keeps its\n *  own role, name and focus behaviour. */\nexport interface FileDropProps<E extends Element = Element> {\n  onDragEnter: (e: DragEvent<E>) => void;\n  onDragOver: (e: DragEvent<E>) => void;\n  onDragLeave: (e: DragEvent<E>) => void;\n  onDrop: (e: DragEvent<E>) => void;\n}\n\nexport interface UseFileDropReturn<E extends Element = Element> {\n  dropProps: FileDropProps<E>;\n  /** A FILE drag is over the target (and it is not `disabled`). Style from this. */\n  isOver: boolean;\n  /** Open the system picker with the same options — from a click handler only. */\n  open: () => void;\n  /** Screen and deliver files that arrived another way (a paste). */\n  take: (files: ArrayLike<File> | null | undefined) => void;\n  /** The live region that speaks a refusal (and the picker's hidden input). Render it\n   *  once, anywhere; without it a refusal reaches `onReject` but is not announced. */\n  element: ReactElement;\n}\n\n/** Whether a drag carries files — a dragged link, text or a row of the page does not,\n *  and must not light the target up or be swallowed by it. */\nexport function dragHasFiles(e: DragEvent): boolean {\n  return Array.from(e.dataTransfer?.types ?? []).includes(\"Files\");\n}\n\n/**\n * @internal The drag half on its own, shared with `FileDropzone`.\n *\n * `dragenter`/`dragleave` fire for every CHILD the pointer crosses: moving from the\n * target onto a label inside it is a leave of the target followed by an enter of the\n * label, which bubbles. A boolean flipped by each one flickers off and on across\n * every child, and `relatedTarget` — the usual fix — is `null` in Safari's drag\n * events. So this counts: +1 per enter, -1 per leave, over while above zero, and a\n * drop resets it (the drop replaces the leave that would have balanced the enter).\n *\n * A file drag stops propagating here, so a target nested in another (a row inside a\n * page-wide drop area) takes its own drop, and the outer one's count falls back to\n * zero while the pointer is over the inner one — only one of them lights up.\n */\nexport function useDragTarget<E extends Element = Element>({\n  disabled,\n  onDropFiles,\n}: {\n  disabled?: boolean;\n  onDropFiles: (files: FileList | File[]) => void;\n}): { dropProps: FileDropProps<E>; isOver: boolean } {\n  const depth = useRef(0);\n  const [over, setOver] = useState(false);\n\n  const dropProps: FileDropProps<E> = {\n    onDragEnter: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      e.preventDefault();\n      depth.current += 1;\n      if (!disabled) setOver(true);\n    },\n    onDragOver: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      // Always cancelled for a file drag, disabled or not: an uncancelled drop makes\n      // the browser NAVIGATE to the file, which loses the page.\n      e.preventDefault();\n      e.dataTransfer.dropEffect = disabled ? \"none\" : \"copy\";\n    },\n    onDragLeave: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      depth.current = Math.max(0, depth.current - 1);\n      if (depth.current === 0) setOver(false);\n    },\n    onDrop: (e) => {\n      if (!dragHasFiles(e)) return;\n      e.stopPropagation();\n      e.preventDefault();\n      depth.current = 0;\n      setOver(false);\n      if (!disabled) onDropFiles(e.dataTransfer.files);\n    },\n  };\n\n  return { dropProps, isOver: over && !disabled };\n}\n\nexport function useFileDrop<E extends Element = Element>(options: UseFileDropOptions): UseFileDropReturn<E> {\n  const picker = useFilePicker(options);\n  const { dropProps, isOver } = useDragTarget<E>({\n    disabled: options.disabled,\n    onDropFiles: picker.take,\n  });\n  return { dropProps, isOver, open: picker.open, take: picker.take, element: picker.element };\n}\n"],"mappings":";AAAA,SAAS,QAAQ,gBAAgB;AAEjC,SAAS,qBAAqB;AAgDvB,SAAS,aAAa,GAAuB;AAClD,SAAO,MAAM,KAAK,EAAE,cAAc,SAAS,CAAC,CAAC,EAAE,SAAS,OAAO;AACjE;AAgBO,SAAS,cAA2C;AAAA,EACzD;AAAA,EACA;AACF,GAGqD;AACnD,QAAM,QAAQ,OAAO,CAAC;AACtB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,YAA8B;AAAA,IAClC,aAAa,CAAC,MAAM;AAClB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,YAAM,WAAW;AACjB,UAAI,CAAC,SAAU,SAAQ,IAAI;AAAA,IAC7B;AAAA,IACA,YAAY,CAAC,MAAM;AACjB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAGlB,QAAE,eAAe;AACjB,QAAE,aAAa,aAAa,WAAW,SAAS;AAAA,IAClD;AAAA,IACA,aAAa,CAAC,MAAM;AAClB,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,YAAM,UAAU,KAAK,IAAI,GAAG,MAAM,UAAU,CAAC;AAC7C,UAAI,MAAM,YAAY,EAAG,SAAQ,KAAK;AAAA,IACxC;AAAA,IACA,QAAQ,CAAC,MAAM;AACb,UAAI,CAAC,aAAa,CAAC,EAAG;AACtB,QAAE,gBAAgB;AAClB,QAAE,eAAe;AACjB,YAAM,UAAU;AAChB,cAAQ,KAAK;AACb,UAAI,CAAC,SAAU,aAAY,EAAE,aAAa,KAAK;AAAA,IACjD;AAAA,EACF;AAEA,SAAO,EAAE,WAAW,QAAQ,QAAQ,CAAC,SAAS;AAChD;AAEO,SAAS,YAAyC,SAAmD;AAC1G,QAAM,SAAS,cAAc,OAAO;AACpC,QAAM,EAAE,WAAW,OAAO,IAAI,cAAiB;AAAA,IAC7C,UAAU,QAAQ;AAAA,IAClB,aAAa,OAAO;AAAA,EACtB,CAAC;AACD,SAAO,EAAE,WAAW,QAAQ,MAAM,OAAO,MAAM,MAAM,OAAO,MAAM,SAAS,OAAO,QAAQ;AAC5F;","names":[]}

package/dist/hooks/use-file-picker-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-file-picker-labels.ts"],"sourcesContent":["// The English words of the file pickers (./use-file-picker), in a module with no component\n// code: the English catalogue (src/i18n/defaults.ts) imports them without the component, so\n// `en` loads as one chunk like the other languages (0.34, KS U8). In hooks/ beside the hook\n// since 0.34 (MOD-8); components/file-button re-exports them.\n\nimport type { FilePickerLabels } from \"./use-file-picker\";\n\nexport const DEFAULT_FILE_PICKER_LABELS: FilePickerLabels = {\n  rejectedType: (name) => `“${name}” is not a supported file type`,\n  rejectedTypeOnly: (accept) => `Only ${accept} files`,\n  rejectedSize: (name, maxSize) => `“${name}” is larger than ${maxSize}`,\n  rejectedCount: (name, maxFiles) =>\n    `“${name}” was not added: at most ${maxFiles} ${maxFiles === 1 ? \"file\" : \"files\"}`,\n  rejectedInvalid: (name) => `“${name}” cannot be used here`,\n  rejectedMany: (count) => `${count} files were not added`,\n  rejectedPick: (count) =>\n    count === 1 ? \"The file was not added\" : `None of the ${count} files were added`,\n  selected: (count, firstName) => (count === 1 ? `“${firstName}” selected` : `${count} files selected`),\n  remove: (name) => `Remove “${name}”`,\n  clearAll: \"Remove all files\",\n  removed: (name) => `“${name}” removed`,\n  cleared: \"All files removed\",\n  dropzone: \"File upload\",\n  browse: \"Browse\",\n  empty: \"Drop a file here\",\n  emptyMultiple: \"Drop files here\",\n  hint: (accept) => (accept ? `Accepted: ${accept}` : \"Any file type\"),\n  busy: \"Uploading…\",\n};\n"],"mappings":";AAOO,MAAM,6BAA+C;AAAA,EAC1D,cAAc,CAAC,SAAS,SAAI,IAAI;AAAA,EAChC,kBAAkB,CAAC,WAAW,QAAQ,MAAM;AAAA,EAC5C,cAAc,CAAC,MAAM,YAAY,SAAI,IAAI,yBAAoB,OAAO;AAAA,EACpE,eAAe,CAAC,MAAM,aACpB,SAAI,IAAI,iCAA4B,QAAQ,IAAI,aAAa,IAAI,SAAS,OAAO;AAAA,EACnF,iBAAiB,CAAC,SAAS,SAAI,IAAI;AAAA,EACnC,cAAc,CAAC,UAAU,GAAG,KAAK;AAAA,EACjC,cAAc,CAAC,UACb,UAAU,IAAI,2BAA2B,eAAe,KAAK;AAAA,EAC/D,UAAU,CAAC,OAAO,cAAe,UAAU,IAAI,SAAI,SAAS,oBAAe,GAAG,KAAK;AAAA,EACnF,QAAQ,CAAC,SAAS,gBAAW,IAAI;AAAA,EACjC,UAAU;AAAA,EACV,SAAS,CAAC,SAAS,SAAI,IAAI;AAAA,EAC3B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM,CAAC,WAAY,SAAS,aAAa,MAAM,KAAK;AAAA,EACpD,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-file-picker-labels.ts"],"sourcesContent":["// The English words of the file pickers (./use-file-picker), in a module with no component\n// code: the English catalogue (src/i18n/defaults.ts) imports them without the component, so\n// `en` loads as one chunk like the other languages (0.34, KS U8). In hooks/ beside the hook\n// since 0.34 (MOD-8); components/file-button re-exports them.\n\nimport type { FilePickerLabels } from \"./use-file-picker\";\n\nexport const DEFAULT_FILE_PICKER_LABELS: FilePickerLabels = {\n  rejectedType: (name) => `“${name}” is not a supported file type`,\n  rejectedTypeOnly: (accept) => `Only ${accept} files`,\n  rejectedSize: (name, maxSize) => `“${name}” is larger than ${maxSize}`,\n  rejectedCount: (name, maxFiles) =>\n    `“${name}” was not added: at most ${maxFiles} ${maxFiles === 1 ? \"file\" : \"files\"}`,\n  rejectedInvalid: (name) => `“${name}” cannot be used here`,\n  rejectedMany: (count) => `${count} files were not added`,\n  rejectedPick: (count) => (count === 1 ? \"The file was not added\" : `None of the ${count} files were added`),\n  selected: (count, firstName) => (count === 1 ? `“${firstName}” selected` : `${count} files selected`),\n  remove: (name) => `Remove “${name}”`,\n  clearAll: \"Remove all files\",\n  removed: (name) => `“${name}” removed`,\n  cleared: \"All files removed\",\n  dropzone: \"File upload\",\n  browse: \"Browse\",\n  empty: \"Drop a file here\",\n  emptyMultiple: \"Drop files here\",\n  hint: (accept) => (accept ? `Accepted: ${accept}` : \"Any file type\"),\n  busy: \"Uploading…\",\n};\n"],"mappings":";AAOO,MAAM,6BAA+C;AAAA,EAC1D,cAAc,CAAC,SAAS,SAAI,IAAI;AAAA,EAChC,kBAAkB,CAAC,WAAW,QAAQ,MAAM;AAAA,EAC5C,cAAc,CAAC,MAAM,YAAY,SAAI,IAAI,yBAAoB,OAAO;AAAA,EACpE,eAAe,CAAC,MAAM,aACpB,SAAI,IAAI,iCAA4B,QAAQ,IAAI,aAAa,IAAI,SAAS,OAAO;AAAA,EACnF,iBAAiB,CAAC,SAAS,SAAI,IAAI;AAAA,EACnC,cAAc,CAAC,UAAU,GAAG,KAAK;AAAA,EACjC,cAAc,CAAC,UAAW,UAAU,IAAI,2BAA2B,eAAe,KAAK;AAAA,EACvF,UAAU,CAAC,OAAO,cAAe,UAAU,IAAI,SAAI,SAAS,oBAAe,GAAG,KAAK;AAAA,EACnF,QAAQ,CAAC,SAAS,gBAAW,IAAI;AAAA,EACjC,UAAU;AAAA,EACV,SAAS,CAAC,SAAS,SAAI,IAAI;AAAA,EAC3B,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,eAAe;AAAA,EACf,MAAM,CAAC,WAAY,SAAS,aAAa,MAAM,KAAK;AAAA,EACpD,MAAM;AACR;","names":[]}