@eifi1/ui-kit 0.24.1 → 0.25.1

package/dist/components/use-table-state.d.ts

@@ -1,4 +1,4 @@
 import 'react';
 import './data-table-sort.js';
-export { I as DEFAULT_PERSIST_PREFIX, T as TableUrlState, k as TableUrlStateProps, l as TableUrlSync, U as UseTableUrlStateOptions, m as UseTableUrlStateReturn, w as readTableUrlState, J as useTableState, E as useTableUrlState } from '../data-table-labels-B7OdnM0S.js';
+export { I as DEFAULT_PERSIST_PREFIX, T as TableUrlState, k as TableUrlStateProps, l as TableUrlSync, U as UseTableUrlStateOptions, m as UseTableUrlStateReturn, w as readTableUrlState, J as useTableState, E as useTableUrlState } from '../data-table-labels-Cdn1QS2k.js';
 import './swipeable-row.js';

package/dist/{data-table-labels-B7OdnM0S.d.ts → data-table-labels-Cdn1QS2k.d.ts}

@@ -638,6 +638,26 @@ interface DataTableProps<T> {
      * Default true.
      */
     frame?: boolean;
+    /**
+     * Fade out an edge of the desktop table's scroller while columns are hidden behind
+     * it (0.25) — the kit {@link Table}'s `edgeFade`, on the scroller this table draws
+     * itself (DataTable renders its own `<table>`, not through Table, so the prop is
+     * its own too). Measured: nothing is drawn while every column fits; the end with
+     * columns behind it fades, both ends once scrolled into the middle, the reading
+     * direction's ends in RTL. A `mask-image`, so no layout moves and no colour is
+     * assumed; never animated. The scroller's own scrollbars stay out of it — its
+     * vertical one sits at the inline end, in the very band that fades. Focus landing
+     * in a cell behind the fade (a row action, a link, the selection box) is scrolled
+     * clear of it. The scroller carries `data-overflow` (`"start"`, `"end"`, `"both"`).
+     *
+     * The phone layout is a card list that never scrolls sideways; it is unaffected.
+     *
+     * Off by default. It is visual only, but not neutral: on the bump it would change
+     * how every overflowing desktop table in an app looks, and the mask covers
+     * everything the scroller paints — the sticky header and totals rows, an app's own
+     * marks at the scroller's edges. Opt in per table, or app-wide from your own wrapper.
+     */
+    edgeFade?: boolean;
     /** Extra classes for the table's root element (the card, or with `frame={false}`
      *  the plain wrapper). Merged last, so a caller's margin or width wins. */
     className?: string;
@@ -753,7 +773,7 @@ interface DataTableSortLabels {
  *  (DataTableLabels extends DataTableSortLabels; one source for the English). */
 declare const DEFAULT_DATA_TABLE_SORT_LABELS: DataTableSortLabels;
 
-declare function DataTable<T>({ rows, columns: columnsProp, rowKey, defaultPageSize, onRowClick, rowHref, expandedRow, isExpanded, rowClassName, rowAttributes, paginated, empty, storageKey, urlSync, fillHeight, maxBodyHeight, serverPagination, filters: filtersProp, onFiltersChange, sorts: sortsProp, onSortsChange, selection, labels: labelsProp, locale: localeProp, storageKeyPrefix, mobileExpandAsDialog, mobileDialogBackCloses, mobileGroupBy, mobileGroupLabel, mobileCard, mobileSort, mobileSwipeActions, leadingRow, density, sortCycle, chrome, columnSettings: columnSettingsProp, resizable: resizableProp, multiSort: multiSortProp, frame, className, rowActions, toolbar, footerLabel, footer: footerProp, }: DataTableProps<T>): react.JSX.Element;
+declare function DataTable<T>({ rows, columns: columnsProp, rowKey, defaultPageSize, onRowClick, rowHref, expandedRow, isExpanded, rowClassName, rowAttributes, paginated, empty, storageKey, urlSync, fillHeight, maxBodyHeight, serverPagination, filters: filtersProp, onFiltersChange, sorts: sortsProp, onSortsChange, selection, labels: labelsProp, locale: localeProp, storageKeyPrefix, mobileExpandAsDialog, mobileDialogBackCloses, mobileGroupBy, mobileGroupLabel, mobileCard, mobileSort, mobileSwipeActions, leadingRow, density, sortCycle, chrome, columnSettings: columnSettingsProp, resizable: resizableProp, multiSort: multiSortProp, frame, edgeFade, className, rowActions, toolbar, footerLabel, footer: footerProp, }: DataTableProps<T>): react.JSX.Element;
 
 /** The phone sort control's four keys (`sortBy`, `sortDefault`, `sortAscending`,
  *  `sortDescending`, 0.22.0) are {@link DataTableSortLabels}', declared beside the

package/dist/data-table.d.ts

@@ -1,4 +1,4 @@
-export { C as ColumnFilter, D as DEFAULT_DATA_TABLE_LABELS, a as DEFAULT_DATA_TABLE_SORT_LABELS, b as DataTable, c as DataTableChrome, d as DataTableColumn, e as DataTableDensity, f as DataTableLabels, g as DataTableProps, h as DataTableRowAction, i as DataTableSortLabels, F as FilterState, j as FilterValue, M as MobileSwipeActions, S as ServerPagination, T as TableUrlState, k as TableUrlStateProps, l as TableUrlSync, U as UseTableUrlStateOptions, m as UseTableUrlStateReturn, n as dateFilter, o as decodeFilterValue, p as decodeFilterValueOfType, q as defaultFilterState, r as encodeFilterValue, s as filterHref, t as isFilterActive, u as missingDataTableLabels, v as numberFilter, w as readTableUrlState, x as resolveDataTableLabels, y as resolveFilter, z as rowMatches, A as selectFilter, B as textFilter, E as useTableUrlState } from './data-table-labels-B7OdnM0S.js';
+export { C as ColumnFilter, D as DEFAULT_DATA_TABLE_LABELS, a as DEFAULT_DATA_TABLE_SORT_LABELS, b as DataTable, c as DataTableChrome, d as DataTableColumn, e as DataTableDensity, f as DataTableLabels, g as DataTableProps, h as DataTableRowAction, i as DataTableSortLabels, F as FilterState, j as FilterValue, M as MobileSwipeActions, S as ServerPagination, T as TableUrlState, k as TableUrlStateProps, l as TableUrlSync, U as UseTableUrlStateOptions, m as UseTableUrlStateReturn, n as dateFilter, o as decodeFilterValue, p as decodeFilterValueOfType, q as defaultFilterState, r as encodeFilterValue, s as filterHref, t as isFilterActive, u as missingDataTableLabels, v as numberFilter, w as readTableUrlState, x as resolveDataTableLabels, y as resolveFilter, z as rowMatches, A as selectFilter, B as textFilter, E as useTableUrlState } from './data-table-labels-Cdn1QS2k.js';
 export { SortCycle, SortDir, SortState, SortStepOptions, decodeSorts, encodeSorts, nextSorts, normalizeSorts } from './components/data-table-sort.js';
 export { PAGE_SIZE_OPTIONS, Pagination } from './components/data-table-pagination.js';
 export { FilterPopover } from './components/data-table-filter-popover.js';

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

@@ -1,9 +1,9 @@
 import 'react';
-export { X as DEFAULT_ATTACHMENT_ACCEPT, a5 as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, ad as DEFAULT_MAX_ATTACHMENTS, ae as DEFAULT_MAX_ATTACHMENT_BYTES, aH as FeedbackAttachmentError, aI as FeedbackAttachmentErrorInfo, aJ as FeedbackAttachmentField, aK as FeedbackAttachmentFieldLabels, aL as FeedbackAttachmentFieldMultipleProps, aM as FeedbackAttachmentFieldProps, aN as FeedbackAttachmentFieldRefsProps, aO as FeedbackAttachmentFieldSingleProps, aQ as FeedbackAttachmentRef, aR as FeedbackAttachmentRefsError, cM as pastedName } from '../feedback-DOwPu-Il.js';
+export { X as DEFAULT_ATTACHMENT_ACCEPT, a5 as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, ad as DEFAULT_MAX_ATTACHMENTS, ae as DEFAULT_MAX_ATTACHMENT_BYTES, aH as FeedbackAttachmentError, aI as FeedbackAttachmentErrorInfo, aJ as FeedbackAttachmentField, aK as FeedbackAttachmentFieldLabels, aL as FeedbackAttachmentFieldMultipleProps, aM as FeedbackAttachmentFieldProps, aN as FeedbackAttachmentFieldRefsProps, aO as FeedbackAttachmentFieldSingleProps, aQ as FeedbackAttachmentRef, aR as FeedbackAttachmentRefsError, cM as pastedName } from '../feedback-BXKH-ToU.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-B7OdnM0S.js';
+import '../data-table-labels-Cdn1QS2k.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';

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

@@ -1,9 +1,9 @@
 import 'react';
-export { a7 as DEFAULT_FEEDBACK_DIALOG_LABELS, aP as FeedbackAttachmentLabels, aU as FeedbackCategoryOption, b1 as FeedbackDialog, b2 as FeedbackDialogLabels, b3 as FeedbackDialogMultipleProps, b4 as FeedbackDialogProps, b5 as FeedbackDialogSingleProps, b6 as FeedbackDialogTextLabels, b7 as FeedbackMultipleSubmission, be as FeedbackSubmission } from '../feedback-DOwPu-Il.js';
+export { a7 as DEFAULT_FEEDBACK_DIALOG_LABELS, aP as FeedbackAttachmentLabels, aU as FeedbackCategoryOption, b1 as FeedbackDialog, b2 as FeedbackDialogLabels, b3 as FeedbackDialogMultipleProps, b4 as FeedbackDialogProps, b5 as FeedbackDialogSingleProps, b6 as FeedbackDialogTextLabels, b7 as FeedbackMultipleSubmission, be as FeedbackSubmission } from '../feedback-BXKH-ToU.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-B7OdnM0S.js';
+import '../data-table-labels-Cdn1QS2k.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';

package/dist/feedback/feedback-dialog.js

@@ -37,7 +37,9 @@ function FeedbackDialog(props) {
     attachmentAccept = DEFAULT_ATTACHMENT_ACCEPT,
     maxAttachmentBytes = DEFAULT_MAX_ATTACHMENT_BYTES,
     onCaptureScreenshot,
-    requireBody = true
+    requireBody = true,
+    attachmentButtonVariant,
+    attachmentButtonSize
   } = props;
   const [title, setTitle] = useState("");
   const [body, setBody] = useState("");
@@ -86,6 +88,9 @@ function FeedbackDialog(props) {
     accept: attachmentAccept,
     maxBytes: maxAttachmentBytes,
     onCaptureScreenshot,
+    // Left undefined they are the field's own defaults (secondary / md).
+    buttonVariant: attachmentButtonVariant,
+    buttonSize: attachmentButtonSize,
     // On `document`, not on the panel: the Modal focuses its own panel on open
     // and traps Tab inside it, so while this dialog is up every paste in the
     // page is meant for it — including the one made with nothing in

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, Input, PHONE_QUERY, Select, Textarea } from \"../components/ui\";\nimport { Modal } from \"../components/modal\";\nimport { useMediaQuery } from \"../hooks/use-media-query\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport {\n  DEFAULT_ATTACHMENT_ACCEPT,\n  DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  DEFAULT_MAX_ATTACHMENT_BYTES,\n  FeedbackAttachmentField,\n  type FeedbackAttachmentError,\n  type FeedbackAttachmentErrorInfo,\n} from \"./feedback-attachment\";\n\nexport interface FeedbackCategoryOption {\n  value: string;\n  label: string;\n}\n\nexport interface FeedbackAttachmentLabels {\n  /** The heading over the field. Optional: a note editor puts the buttons\n   *  straight under its textarea, where a second heading is noise. */\n  attachment?: string;\n  attachmentAdd: string;\n  /** Label for the \"capture screenshot\" button. Optional — falls back to the provider's\n   *  `feedbackAttachment.attachmentCapture`, then English. */\n  attachmentCapture?: string;\n  /** The line under the attachment buttons saying a screenshot can be pasted\n   *  straight in. Optional — falls back to the provider's `feedbackAttachment`, then English. */\n  attachmentPaste?: string;\n  attachmentRemove: string;\n  /** `multiple` mode (0.15.5): the chip list's accessible name — and, in\n   *  `<FeedbackDialog attachments=\"multiple\">`, the heading over it (0.16.0). Optional,\n   *  as are the keys below — they fall back to the provider's `feedbackAttachment`,\n   *  then English. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): the screenshot slot's chip title, in place of its file name. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button, given the file's name. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown once `max` files are attached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0): the second line of a chip whose upload is still running. */\n  attachmentUploading?: string;\n}\n\nexport interface FeedbackDialogLabels extends FeedbackAttachmentLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  attachment: string;\n  submitHint: string;\n  cancel: string;\n  save: string;\n  /** @deprecated since 0.16.0 — use `attachmentList`, the one key for the heading and\n   *  the chip list it names. Still honoured: set, it wins over the provider's\n   *  `attachmentList` (but not over an `attachmentList` passed beside it). */\n  attachments?: string;\n}\n\n/**\n * The dialog's own strings — the `feedbackDialog` namespace of `<UiKitProvider\n * labels>` (0.12.0). The attachment keys are not repeated here: they are the\n * `feedbackAttachment` namespace's, which the field inside already reads.\n *\n * Before, every key was required at the call site, so each app restated ten strings\n * wherever it mounted the dialog (kastlan feedback-button.tsx built the object inline).\n */\nexport interface FeedbackDialogTextLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  /** The body's label when `requireBody={false}`: \"What happened? (optional)\".\n   *  Optional, so a complete `UiKitLabels` typed before 0.14.2 still compiles. */\n  bodyOptional?: string;\n  /** The heading over the attachment buttons. */\n  attachment: string;\n  /** The line beside the buttons naming the shortcut. */\n  submitHint: string;\n  cancel: string;\n  save: string;\n  /** @deprecated since 0.16.0 — use `feedbackAttachment.attachmentList`. It and this\n   *  key were two names for one heading (\"Attachments\" over the chips that list names\n   *  \"Attachments\"), and a catalogue that translated one left the other English. Still\n   *  honoured when set: it wins over `feedbackAttachment.attachmentList`. */\n  attachments?: string;\n}\n\nexport const DEFAULT_FEEDBACK_DIALOG_LABELS: FeedbackDialogTextLabels = {\n  title: \"Send feedback\",\n  category: \"Category\",\n  subject: \"Subject\",\n  body: \"What happened?\",\n  bodyOptional: \"What happened? (optional)\",\n  attachment: \"Screenshot\",\n  // No `attachments`: the multiple-mode heading is `feedbackAttachment.attachmentList`,\n  // and a default here would shadow a provider that translated only that one.\n  submitHint: \"Ctrl/⌘ + Enter to send\",\n  cancel: \"Cancel\",\n  save: \"Send\",\n};\n\nexport interface FeedbackSubmission {\n  title: string;\n  body: string;\n  category: string;\n  attachment: File | null;\n}\n\n/**\n * What `onSubmit` gets under `attachments=\"multiple\"` (0.15.5): the screenshot and\n * the picked/pasted files apart, because an app files them differently — keksdose\n * attaches the screenshot to the report and the photos as its evidence list. No\n * `attachment`: there is no one file it could name.\n */\nexport interface FeedbackMultipleSubmission {\n  title: string;\n  body: string;\n  category: string;\n  /** What `onCaptureScreenshot` returned, or `null` — at most one. */\n  screenshot: File | null;\n  /** Picked and pasted files, in the order they were added; at most `maxAttachments`. */\n  attachments: File[];\n}\n\ninterface FeedbackDialogBaseProps {\n  open: boolean;\n  onClose: () => void;\n  categories: FeedbackCategoryOption[];\n  category: string;\n  onCategoryChange: (value: string) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackDialog, feedbackAttachment }}>` >\n   *  English. Optional since 0.12.0; a whole `FeedbackDialogLabels` still fits. */\n  labels?: Partial<FeedbackDialogLabels>;\n  submitting?: boolean;\n  contextSlot?: ReactNode;\n  attachmentAccept?: string[];\n  maxAttachmentBytes?: number;\n  /**\n   * Optional: capture a screenshot of the underlying app view and return it as a\n   * File. When provided, a \"Capture screenshot\" button is shown next to \"Add\n   * attachment\"; the returned file is fed through the same validation + preview.\n   */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /**\n   * `false`: a report with only a subject can be sent, and the body's label says it is\n   * optional (`bodyOptional`, unless `labels.body` is passed). Default `true`, the\n   * dialog's behaviour until 0.14.2 (keksdose K1: its backend takes title-only reports).\n   */\n  requireBody?: boolean;\n}\n\n/** One attachment — a screenshot, a picked or a pasted image; a second replaces\n *  nothing, it has to wait for the first to be removed. The default. */\nexport interface FeedbackDialogSingleProps extends FeedbackDialogBaseProps {\n  attachments?: \"single\";\n  onSubmit: (data: FeedbackSubmission) => void | Promise<void>;\n  /** `info` (0.23.0) names the refused file and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onAttachmentError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  /** Multiple mode only — refused here rather than silently ignored. */\n  maxAttachments?: never;\n}\n\n/**\n * One screenshot plus up to `maxAttachments` picked or pasted files (0.15.5, keksdose\n * dev#578: \"pasted two photos, the second overwrote the first\"). The capture button is\n * offered while there is no screenshot yet; the add button while there is room.\n */\nexport interface FeedbackDialogMultipleProps extends FeedbackDialogBaseProps {\n  attachments: \"multiple\";\n  /** Default `DEFAULT_MAX_ATTACHMENTS` (5). The screenshot does not count. */\n  maxAttachments?: number;\n  onSubmit: (data: FeedbackMultipleSubmission) => void | Promise<void>;\n  /** `\"count\"`: more files arrived at once than there was room for; the surplus was\n   *  dropped. `info` (0.23.0) names the refused file(s) and the limit. */\n  onAttachmentError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n}\n\nexport type FeedbackDialogProps = FeedbackDialogSingleProps | FeedbackDialogMultipleProps;\n\n/**\n * The generic feedback form dialog: category + subject + body + an optional image\n * attachment, with Ctrl/Cmd+Enter to submit. Domain-free — the app supplies the\n * category options, labels and an `onSubmit` that talks to its own backend, plus\n * an optional `contextSlot` for app-specific context (user, current URL, …).\n *\n * **A screenshot can be pasted straight in.** Ctrl/Cmd+V anywhere in the dialog\n * takes an image off the clipboard and makes it the attachment, through the same\n * validation and the same preview as the file picker. It is the gesture the two\n * ways in did not cover: `onCaptureScreenshot` snapshots the *whole* app view,\n * and the file picker needs a file — so somebody who wanted to show one panel,\n * or one region of one, had to save a crop to disk first and then find it again\n * (Steering Design feedback #39). The clipboard is where a region snip already\n * is on every platform.\n *\n * **`attachments=\"multiple\"`** (0.15.5) takes several: every paste and pick adds a\n * chip, and `onSubmit` gets `{ screenshot, attachments }` ({@link\n * FeedbackMultipleSubmission}) instead of `attachment`. Opt-in, so a caller typed\n * against the one-file submission keeps compiling and behaving as before.\n */\nexport function FeedbackDialog(props: FeedbackDialogProps) {\n  const {\n    open,\n    onClose,\n    categories,\n    category,\n    onCategoryChange,\n    labels: labelsProp,\n    submitting = false,\n    contextSlot,\n    attachmentAccept = DEFAULT_ATTACHMENT_ACCEPT,\n    maxAttachmentBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n    onCaptureScreenshot,\n    requireBody = true,\n  } = props;\n  const [title, setTitle] = useState(\"\");\n  const [body, setBody] = useState(\"\");\n  const [attachment, setAttachment] = useState<File | null>(null);\n  // `attachments=\"multiple\"` only: the capture, apart from the picked/pasted files.\n  const [screenshot, setScreenshot] = useState<File | null>(null);\n  const [files, setFiles] = useState<File[]>([]);\n  const isMobile = useMediaQuery(PHONE_QUERY, false);\n  const labels = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS, labelsProp);\n  const attachmentText = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  // Under `multiple` the heading is `attachmentList` — a screenshot AND photos — which\n  // also names the chip list beneath it: one string, so the two cannot disagree. The\n  // deprecated `feedbackDialog.attachments` (prop or provider) still wins over the\n  // provider's `attachmentList`, as it did before 0.16.0; an `attachmentList` prop wins\n  // over both.\n  const listHeading =\n    labelsProp?.attachmentList ??\n    labels.attachments ??\n    attachmentText.attachmentList ??\n    DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentList!;\n  // The attachment field resolves its own keys from `feedbackAttachment`; it gets the\n  // prop's (so a caller's `attachmentAdd` still wins) plus the resolved heading.\n  const attachmentLabels =\n    props.attachments === \"multiple\"\n      ? { ...labelsProp, attachment: listHeading, attachmentList: listHeading }\n      : { ...labelsProp, attachment: labels.attachment };\n\n  // Reset the form whenever the dialog is (re)opened — during render, on the\n  // closed-to-open transition, so the old draft never paints for a frame.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setTitle(\"\");\n      setBody(\"\");\n      setAttachment(null);\n      setScreenshot(null);\n      setFiles([]);\n    }\n  }\n\n  // Trimmed: a subject or body of spaces is empty (keksdose's API answers a blank title\n  // with a 422, and a blank report is no report).\n  const canSubmit = !!title.trim() && (!requireBody || !!body.trim()) && !submitting;\n  const trySubmit = () => {\n    if (!canSubmit) return;\n    if (props.attachments === \"multiple\") {\n      void props.onSubmit({ title, body, category, screenshot, attachments: files });\n    } else {\n      void props.onSubmit({ title, body, category, attachment });\n    }\n  };\n\n  if (!open) return null;\n\n  const categoryField = (\n    <Select label={labels.category} value={category} onChange={(e) => onCategoryChange(e.target.value)}>\n      {categories.map((c) => (\n        <option key={c.value} value={c.value}>\n          {c.label}\n        </option>\n      ))}\n    </Select>\n  );\n  // On a phone the subject leads as a heading rather than as the second of two\n  // identical boxes under a select (Keksdose feedback #179). `variant=\"display\"`\n  // is a no-op above the phone breakpoint, so the desktop dialog is unchanged.\n  const subjectField = (\n    <Input label={labels.subject} value={title} onChange={(e) => setTitle(e.target.value)} variant=\"display\" />\n  );\n  const bodyField = (\n    <Textarea\n      rows={5}\n      label={requireBody ? labels.body : (labelsProp?.body ?? labels.bodyOptional ?? labels.body)}\n      value={body}\n      onChange={(e) => setBody(e.target.value)}\n    />\n  );\n  const fieldProps = {\n    labels: attachmentLabels,\n    accept: attachmentAccept,\n    maxBytes: maxAttachmentBytes,\n    onCaptureScreenshot,\n    // On `document`, not on the panel: the Modal focuses its own panel on open\n    // and traps Tab inside it, so while this dialog is up every paste in the\n    // page is meant for it — including the one made with nothing in\n    // particular focused, which never reaches a React `onPaste` on a child.\n    documentPaste: open,\n  };\n  const attachmentField =\n    props.attachments === \"multiple\" ? (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        multiple\n        value={files}\n        onChange={setFiles}\n        max={props.maxAttachments}\n        // The capture goes to its own slot, so it is offered once and never crowds\n        // out a photo; a paste is a photo (a region snip is chosen evidence, not \"the\n        // screenshot\").\n        screenshot={screenshot}\n        onScreenshotChange={setScreenshot}\n        onError={props.onAttachmentError}\n      />\n    ) : (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        value={attachment}\n        onChange={setAttachment}\n        onError={props.onAttachmentError}\n      />\n    );\n\n  return (\n    <Modal\n      onClose={onClose}\n      // The one dialog whose subject is the page behind it (Keksdose dev#460: \"Make\n      // the feedback dialog draggable so I can see behind it if it blocks\n      // something\") — you are describing what is under it while you type.\n      draggable\n      onKeyDown={(e) => {\n        if ((e.ctrlKey || e.metaKey) && e.key === \"Enter\") {\n          e.preventDefault();\n          trySubmit();\n        }\n      }}\n    >\n      {/* Also the drag handle: pressing anywhere on the panel's own chrome moves it,\n          and the heading is the strip a user reaches for. */}\n      <h2 className=\"mb-3 text-lg font-semibold\">{labels.title}</h2>\n      <div className=\"space-y-3\">\n        {isMobile ? (\n          // Phone shape, the same reasoning as the transaction editor's (#177):\n          // the desktop order is the DATA MODEL's order — category, then subject,\n          // then body — but nobody opens this dialog to pick a category. What they\n          // came to do is say the thing, so that leads; the classification and the\n          // evidence follow, a tier down.\n          <>\n            {subjectField}\n            {bodyField}\n            <div className=\"space-y-3 border-t border-[var(--border)] pt-3\">\n              {categoryField}\n              {attachmentField}\n              {contextSlot}\n            </div>\n          </>\n        ) : (\n          <>\n            {categoryField}\n            {subjectField}\n            {bodyField}\n            {attachmentField}\n            {contextSlot}\n          </>\n        )}\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-xs text-[var(--text-placeholder)]\">{labels.submitHint}</div>\n          <div className=\"flex gap-2\">\n            <Button variant=\"ghost\" onClick={onClose}>\n              {labels.cancel}\n            </Button>\n            <Button onClick={trySubmit} disabled={!canSubmit}>\n              {labels.save}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button, Input, PHONE_QUERY, Select, Textarea } from \"../components/ui\";\nimport type { ButtonSize, ButtonVariant } from \"../components/ui\";\nimport { Modal } from \"../components/modal\";\nimport { useMediaQuery } from \"../hooks/use-media-query\";\nimport { useKitLabels } from \"../i18n/kit-labels\";\nimport {\n  DEFAULT_ATTACHMENT_ACCEPT,\n  DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  DEFAULT_MAX_ATTACHMENT_BYTES,\n  FeedbackAttachmentField,\n  type FeedbackAttachmentError,\n  type FeedbackAttachmentErrorInfo,\n} from \"./feedback-attachment\";\n\nexport interface FeedbackCategoryOption {\n  value: string;\n  label: string;\n}\n\nexport interface FeedbackAttachmentLabels {\n  /** The heading over the field. Optional: a note editor puts the buttons\n   *  straight under its textarea, where a second heading is noise. */\n  attachment?: string;\n  attachmentAdd: string;\n  /** Label for the \"capture screenshot\" button. Optional — falls back to the provider's\n   *  `feedbackAttachment.attachmentCapture`, then English. */\n  attachmentCapture?: string;\n  /** The line under the attachment buttons saying a screenshot can be pasted\n   *  straight in. Optional — falls back to the provider's `feedbackAttachment`, then English. */\n  attachmentPaste?: string;\n  attachmentRemove: string;\n  /** `multiple` mode (0.15.5): the chip list's accessible name — and, in\n   *  `<FeedbackDialog attachments=\"multiple\">`, the heading over it (0.16.0). Optional,\n   *  as are the keys below — they fall back to the provider's `feedbackAttachment`,\n   *  then English. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): the screenshot slot's chip title, in place of its file name. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button, given the file's name. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown once `max` files are attached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0): the second line of a chip whose upload is still running. */\n  attachmentUploading?: string;\n}\n\nexport interface FeedbackDialogLabels extends FeedbackAttachmentLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  attachment: string;\n  submitHint: string;\n  cancel: string;\n  save: string;\n  /** @deprecated since 0.16.0 — use `attachmentList`, the one key for the heading and\n   *  the chip list it names. Still honoured: set, it wins over the provider's\n   *  `attachmentList` (but not over an `attachmentList` passed beside it). */\n  attachments?: string;\n}\n\n/**\n * The dialog's own strings — the `feedbackDialog` namespace of `<UiKitProvider\n * labels>` (0.12.0). The attachment keys are not repeated here: they are the\n * `feedbackAttachment` namespace's, which the field inside already reads.\n *\n * Before, every key was required at the call site, so each app restated ten strings\n * wherever it mounted the dialog (kastlan feedback-button.tsx built the object inline).\n */\nexport interface FeedbackDialogTextLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  /** The body's label when `requireBody={false}`: \"What happened? (optional)\".\n   *  Optional, so a complete `UiKitLabels` typed before 0.14.2 still compiles. */\n  bodyOptional?: string;\n  /** The heading over the attachment buttons. */\n  attachment: string;\n  /** The line beside the buttons naming the shortcut. */\n  submitHint: string;\n  cancel: string;\n  save: string;\n  /** @deprecated since 0.16.0 — use `feedbackAttachment.attachmentList`. It and this\n   *  key were two names for one heading (\"Attachments\" over the chips that list names\n   *  \"Attachments\"), and a catalogue that translated one left the other English. Still\n   *  honoured when set: it wins over `feedbackAttachment.attachmentList`. */\n  attachments?: string;\n}\n\nexport const DEFAULT_FEEDBACK_DIALOG_LABELS: FeedbackDialogTextLabels = {\n  title: \"Send feedback\",\n  category: \"Category\",\n  subject: \"Subject\",\n  body: \"What happened?\",\n  bodyOptional: \"What happened? (optional)\",\n  attachment: \"Screenshot\",\n  // No `attachments`: the multiple-mode heading is `feedbackAttachment.attachmentList`,\n  // and a default here would shadow a provider that translated only that one.\n  submitHint: \"Ctrl/⌘ + Enter to send\",\n  cancel: \"Cancel\",\n  save: \"Send\",\n};\n\nexport interface FeedbackSubmission {\n  title: string;\n  body: string;\n  category: string;\n  attachment: File | null;\n}\n\n/**\n * What `onSubmit` gets under `attachments=\"multiple\"` (0.15.5): the screenshot and\n * the picked/pasted files apart, because an app files them differently — keksdose\n * attaches the screenshot to the report and the photos as its evidence list. No\n * `attachment`: there is no one file it could name.\n */\nexport interface FeedbackMultipleSubmission {\n  title: string;\n  body: string;\n  category: string;\n  /** What `onCaptureScreenshot` returned, or `null` — at most one. */\n  screenshot: File | null;\n  /** Picked and pasted files, in the order they were added; at most `maxAttachments`. */\n  attachments: File[];\n}\n\ninterface FeedbackDialogBaseProps {\n  open: boolean;\n  onClose: () => void;\n  categories: FeedbackCategoryOption[];\n  category: string;\n  onCategoryChange: (value: string) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackDialog, feedbackAttachment }}>` >\n   *  English. Optional since 0.12.0; a whole `FeedbackDialogLabels` still fits. */\n  labels?: Partial<FeedbackDialogLabels>;\n  submitting?: boolean;\n  contextSlot?: ReactNode;\n  attachmentAccept?: string[];\n  maxAttachmentBytes?: number;\n  /**\n   * Optional: capture a screenshot of the underlying app view and return it as a\n   * File. When provided, a \"Capture screenshot\" button is shown next to \"Add\n   * attachment\"; the returned file is fed through the same validation + preview.\n   */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /**\n   * `false`: a report with only a subject can be sent, and the body's label says it is\n   * optional (`bodyOptional`, unless `labels.body` is passed). Default `true`, the\n   * dialog's behaviour until 0.14.2 (keksdose K1: its backend takes title-only reports).\n   */\n  requireBody?: boolean;\n  /**\n   * The attachment field's add and capture buttons: its `buttonVariant` (0.25.0),\n   * Button's own `variant`. Default `\"secondary\"`, the look they always had.\n   *\n   * The field took `buttonVariant` / `buttonSize` in 0.24.0 (keksdose's support chat),\n   * but the dialog builds its field itself and passed neither, so a host that wanted\n   * quieter buttons here — a dialog that already ends in a row of Cancel / Send — had\n   * no way to say so short of rebuilding the dialog. Named after the dialog's other\n   * attachment options (`attachmentAccept`, `onAttachmentError`) and handed through\n   * unchanged, in both `attachments` modes.\n   */\n  attachmentButtonVariant?: ButtonVariant;\n  /** The attachment field's `buttonSize` (0.25.0) — with {@link attachmentButtonVariant}.\n   *  Default `\"md\"`; `\"sm\"` draws the paperclip and camera at 14px. */\n  attachmentButtonSize?: ButtonSize;\n}\n\n/** One attachment — a screenshot, a picked or a pasted image; a second replaces\n *  nothing, it has to wait for the first to be removed. The default. */\nexport interface FeedbackDialogSingleProps extends FeedbackDialogBaseProps {\n  attachments?: \"single\";\n  onSubmit: (data: FeedbackSubmission) => void | Promise<void>;\n  /** `info` (0.23.0) names the refused file and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onAttachmentError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  /** Multiple mode only — refused here rather than silently ignored. */\n  maxAttachments?: never;\n}\n\n/**\n * One screenshot plus up to `maxAttachments` picked or pasted files (0.15.5, keksdose\n * dev#578: \"pasted two photos, the second overwrote the first\"). The capture button is\n * offered while there is no screenshot yet; the add button while there is room.\n */\nexport interface FeedbackDialogMultipleProps extends FeedbackDialogBaseProps {\n  attachments: \"multiple\";\n  /** Default `DEFAULT_MAX_ATTACHMENTS` (5). The screenshot does not count. */\n  maxAttachments?: number;\n  onSubmit: (data: FeedbackMultipleSubmission) => void | Promise<void>;\n  /** `\"count\"`: more files arrived at once than there was room for; the surplus was\n   *  dropped. `info` (0.23.0) names the refused file(s) and the limit. */\n  onAttachmentError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n}\n\nexport type FeedbackDialogProps = FeedbackDialogSingleProps | FeedbackDialogMultipleProps;\n\n/**\n * The generic feedback form dialog: category + subject + body + an optional image\n * attachment, with Ctrl/Cmd+Enter to submit. Domain-free — the app supplies the\n * category options, labels and an `onSubmit` that talks to its own backend, plus\n * an optional `contextSlot` for app-specific context (user, current URL, …).\n *\n * **A screenshot can be pasted straight in.** Ctrl/Cmd+V anywhere in the dialog\n * takes an image off the clipboard and makes it the attachment, through the same\n * validation and the same preview as the file picker. It is the gesture the two\n * ways in did not cover: `onCaptureScreenshot` snapshots the *whole* app view,\n * and the file picker needs a file — so somebody who wanted to show one panel,\n * or one region of one, had to save a crop to disk first and then find it again\n * (Steering Design feedback #39). The clipboard is where a region snip already\n * is on every platform.\n *\n * **`attachments=\"multiple\"`** (0.15.5) takes several: every paste and pick adds a\n * chip, and `onSubmit` gets `{ screenshot, attachments }` ({@link\n * FeedbackMultipleSubmission}) instead of `attachment`. Opt-in, so a caller typed\n * against the one-file submission keeps compiling and behaving as before.\n */\nexport function FeedbackDialog(props: FeedbackDialogProps) {\n  const {\n    open,\n    onClose,\n    categories,\n    category,\n    onCategoryChange,\n    labels: labelsProp,\n    submitting = false,\n    contextSlot,\n    attachmentAccept = DEFAULT_ATTACHMENT_ACCEPT,\n    maxAttachmentBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n    onCaptureScreenshot,\n    requireBody = true,\n    attachmentButtonVariant,\n    attachmentButtonSize,\n  } = props;\n  const [title, setTitle] = useState(\"\");\n  const [body, setBody] = useState(\"\");\n  const [attachment, setAttachment] = useState<File | null>(null);\n  // `attachments=\"multiple\"` only: the capture, apart from the picked/pasted files.\n  const [screenshot, setScreenshot] = useState<File | null>(null);\n  const [files, setFiles] = useState<File[]>([]);\n  const isMobile = useMediaQuery(PHONE_QUERY, false);\n  const labels = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS, labelsProp);\n  const attachmentText = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  // Under `multiple` the heading is `attachmentList` — a screenshot AND photos — which\n  // also names the chip list beneath it: one string, so the two cannot disagree. The\n  // deprecated `feedbackDialog.attachments` (prop or provider) still wins over the\n  // provider's `attachmentList`, as it did before 0.16.0; an `attachmentList` prop wins\n  // over both.\n  const listHeading =\n    labelsProp?.attachmentList ??\n    labels.attachments ??\n    attachmentText.attachmentList ??\n    DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentList!;\n  // The attachment field resolves its own keys from `feedbackAttachment`; it gets the\n  // prop's (so a caller's `attachmentAdd` still wins) plus the resolved heading.\n  const attachmentLabels =\n    props.attachments === \"multiple\"\n      ? { ...labelsProp, attachment: listHeading, attachmentList: listHeading }\n      : { ...labelsProp, attachment: labels.attachment };\n\n  // Reset the form whenever the dialog is (re)opened — during render, on the\n  // closed-to-open transition, so the old draft never paints for a frame.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setTitle(\"\");\n      setBody(\"\");\n      setAttachment(null);\n      setScreenshot(null);\n      setFiles([]);\n    }\n  }\n\n  // Trimmed: a subject or body of spaces is empty (keksdose's API answers a blank title\n  // with a 422, and a blank report is no report).\n  const canSubmit = !!title.trim() && (!requireBody || !!body.trim()) && !submitting;\n  const trySubmit = () => {\n    if (!canSubmit) return;\n    if (props.attachments === \"multiple\") {\n      void props.onSubmit({ title, body, category, screenshot, attachments: files });\n    } else {\n      void props.onSubmit({ title, body, category, attachment });\n    }\n  };\n\n  if (!open) return null;\n\n  const categoryField = (\n    <Select label={labels.category} value={category} onChange={(e) => onCategoryChange(e.target.value)}>\n      {categories.map((c) => (\n        <option key={c.value} value={c.value}>\n          {c.label}\n        </option>\n      ))}\n    </Select>\n  );\n  // On a phone the subject leads as a heading rather than as the second of two\n  // identical boxes under a select (Keksdose feedback #179). `variant=\"display\"`\n  // is a no-op above the phone breakpoint, so the desktop dialog is unchanged.\n  const subjectField = (\n    <Input label={labels.subject} value={title} onChange={(e) => setTitle(e.target.value)} variant=\"display\" />\n  );\n  const bodyField = (\n    <Textarea\n      rows={5}\n      label={requireBody ? labels.body : (labelsProp?.body ?? labels.bodyOptional ?? labels.body)}\n      value={body}\n      onChange={(e) => setBody(e.target.value)}\n    />\n  );\n  const fieldProps = {\n    labels: attachmentLabels,\n    accept: attachmentAccept,\n    maxBytes: maxAttachmentBytes,\n    onCaptureScreenshot,\n    // Left undefined they are the field's own defaults (secondary / md).\n    buttonVariant: attachmentButtonVariant,\n    buttonSize: attachmentButtonSize,\n    // On `document`, not on the panel: the Modal focuses its own panel on open\n    // and traps Tab inside it, so while this dialog is up every paste in the\n    // page is meant for it — including the one made with nothing in\n    // particular focused, which never reaches a React `onPaste` on a child.\n    documentPaste: open,\n  };\n  const attachmentField =\n    props.attachments === \"multiple\" ? (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        multiple\n        value={files}\n        onChange={setFiles}\n        max={props.maxAttachments}\n        // The capture goes to its own slot, so it is offered once and never crowds\n        // out a photo; a paste is a photo (a region snip is chosen evidence, not \"the\n        // screenshot\").\n        screenshot={screenshot}\n        onScreenshotChange={setScreenshot}\n        onError={props.onAttachmentError}\n      />\n    ) : (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        value={attachment}\n        onChange={setAttachment}\n        onError={props.onAttachmentError}\n      />\n    );\n\n  return (\n    <Modal\n      onClose={onClose}\n      // The one dialog whose subject is the page behind it (Keksdose dev#460: \"Make\n      // the feedback dialog draggable so I can see behind it if it blocks\n      // something\") — you are describing what is under it while you type.\n      draggable\n      onKeyDown={(e) => {\n        if ((e.ctrlKey || e.metaKey) && e.key === \"Enter\") {\n          e.preventDefault();\n          trySubmit();\n        }\n      }}\n    >\n      {/* Also the drag handle: pressing anywhere on the panel's own chrome moves it,\n          and the heading is the strip a user reaches for. */}\n      <h2 className=\"mb-3 text-lg font-semibold\">{labels.title}</h2>\n      <div className=\"space-y-3\">\n        {isMobile ? (\n          // Phone shape, the same reasoning as the transaction editor's (#177):\n          // the desktop order is the DATA MODEL's order — category, then subject,\n          // then body — but nobody opens this dialog to pick a category. What they\n          // came to do is say the thing, so that leads; the classification and the\n          // evidence follow, a tier down.\n          <>\n            {subjectField}\n            {bodyField}\n            <div className=\"space-y-3 border-t border-[var(--border)] pt-3\">\n              {categoryField}\n              {attachmentField}\n              {contextSlot}\n            </div>\n          </>\n        ) : (\n          <>\n            {categoryField}\n            {subjectField}\n            {bodyField}\n            {attachmentField}\n            {contextSlot}\n          </>\n        )}\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-xs text-[var(--text-placeholder)]\">{labels.submitHint}</div>\n          <div className=\"flex gap-2\">\n            <Button variant=\"ghost\" onClick={onClose}>\n              {labels.cancel}\n            </Button>\n            <Button onClick={trySubmit} disabled={!canSubmit}>\n              {labels.save}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -1,10 +1,10 @@
 import 'react';
 import 'lucide-react';
-export { av as FEEDBACK_CATEGORY_META, aw as FEEDBACK_CATEGORY_ORDER, ax as FEEDBACK_STATUS_META, ay as FEEDBACK_STATUS_ORDER, aS as FeedbackCategory, aT as FeedbackCategoryBadge, a$ as FeedbackDetail, b0 as FeedbackDetailSection, b8 as FeedbackNoteAttachment, b9 as FeedbackNoteEditor, ba as FeedbackProse, bb as FeedbackStatus, bc as FeedbackStatusBadge, bd as FeedbackStatusTransitions, cH as feedbackCategoryRank, cL as nextFeedbackStatus, cO as selectableFeedbackStatuses, c_ as visibleFeedbackStatuses } from '../feedback-DOwPu-Il.js';
+export { av as FEEDBACK_CATEGORY_META, aw as FEEDBACK_CATEGORY_ORDER, ax as FEEDBACK_STATUS_META, ay as FEEDBACK_STATUS_ORDER, aS as FeedbackCategory, aT as FeedbackCategoryBadge, a$ as FeedbackDetail, b0 as FeedbackDetailSection, b8 as FeedbackNoteAttachment, b9 as FeedbackNoteEditor, ba as FeedbackProse, bb as FeedbackStatus, bc as FeedbackStatusBadge, bd as FeedbackStatusTransitions, cH as feedbackCategoryRank, cL as nextFeedbackStatus, cO as selectableFeedbackStatuses, c_ as visibleFeedbackStatuses } from '../feedback-BXKH-ToU.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-B7OdnM0S.js';
+import '../data-table-labels-Cdn1QS2k.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';

package/dist/feedback/feedback-inbox.js

@@ -286,6 +286,8 @@ function FeedbackNoteEditor({
               maxBytes: attachment.maxBytes,
               onError: attachment.onError,
               onCaptureScreenshot: attachment.onCaptureScreenshot,
+              buttonVariant: attachment.buttonVariant,
+              buttonSize: attachment.buttonSize,
               pasteFrom: root
             }
           ),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-inbox.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  Ban,\n  Bug,\n  CheckCircle2,\n  CloudUpload,\n  Eye,\n  HelpCircle,\n  Inbox,\n  Lightbulb,\n  MoreHorizontal,\n  OctagonAlert,\n  PauseCircle,\n  Wrench,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { Button, Textarea } from \"../components/ui\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { FeedbackAttachmentField, type FeedbackAttachmentErrorInfo } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\n/**\n * The feedback **inbox**, as the parts two apps were each writing separately.\n *\n * `feedback-dialog.tsx` next door is the other half — the form somebody files a\n * report with — and the split between them is the same one: this owns the\n * *vocabulary*, the *policy* about how a report moves, and the *look*; the app\n * owns the data, the API and every string.\n *\n * It exists because both apps had grown their own copy. Keksdose's is the one\n * this is lifted from, comments and all, because it is the one that had been\n * argued with users for a year — the glyph per status, the two sizes of the\n * status control, what a row offers from where it currently stands. Steering\n * Design's was thinner in every one of those places and read as a different\n * product for no reason anyone chose.\n *\n * **What is deliberately NOT here.** The two apps store a report differently and\n * are meant to: one keeps the reporter's context in a JSON column and the\n * screenshot in an object store, the other keeps a `page_path` and the bytes in\n * the row. So there is no `Feedback` type in this file and nothing here takes\n * one. Every component takes the values it draws, and the detail panel is a\n * *shell* the app fills — which is what lets each keep the shape that suits it\n * without either of them inventing a second look for a status pill.\n */\n\n/** The seven states a report can be in.\n *\n *  Shared value for value across both apps on purpose: it is what lets one habit,\n *  and one agent prompt, work on either repo. Four are a chain and three sit off\n *  it — see {@link visibleFeedbackStatuses} for what that buys. */\nexport type FeedbackStatus =\n  | \"OPEN\"\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 seven long.\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-[var(--bg-active)]\",\n    activeText: \"text-[var(--text-primary)]\",\n  },\n  IN_PROGRESS: {\n    icon: Wrench,\n    activeBg: \"bg-[var(--warning-bg)]\",\n    activeText: \"text-[var(--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-[var(--info-bg)]\",\n    activeText: \"text-[var(--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-[var(--brand-bg)]\",\n    activeText: \"text-[var(--brand-muted)]\",\n  },\n  // Parked on purpose. Muted, not `--danger`: it is not a refusal.\n  POSTPONED: {\n    icon: PauseCircle,\n    activeBg: \"bg-[var(--bg-active)]\",\n    activeText: \"text-[var(--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-[var(--success-bg)]\",\n    activeText: \"text-[var(--success)]\",\n  },\n  WONT_DO: {\n    icon: Ban,\n    activeBg: \"bg-[var(--danger-bg)]\",\n    activeText: \"text-[var(--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\", \"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. */\nexport function nextFeedbackStatus(current: FeedbackStatus): FeedbackStatus | null {\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 seven 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 (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-[var(--danger-bg)]\",\n    badgeText: \"text-[var(--danger)]\",\n  },\n  BUG: {\n    icon: Bug,\n    badgeBg: \"bg-[var(--warning-bg)]\",\n    badgeText: \"text-[var(--warning)]\",\n  },\n  IDEA: {\n    icon: Lightbulb,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--text-secondary)]\",\n  },\n  QUESTION: {\n    icon: HelpCircle,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--text-secondary)]\",\n  },\n  OTHER: {\n    icon: MoreHorizontal,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--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\n/**\n * The category as a badge.\n *\n * Falls back to OTHER's treatment for a category this build has never heard of,\n * so an older client against a newer API degrades to a readable neutral pill\n * instead of throwing on `meta.icon` — a crash report must not be able to cause\n * one. The *label* is the caller's, and for the same reason it needs the same\n * guard: pass what OTHER is called if you cannot name the value you were given.\n */\nexport function FeedbackCategoryBadge({\n  category,\n  label,\n  compact = false,\n  className,\n}: {\n  category: FeedbackCategory;\n  label: ReactNode;\n  compact?: boolean;\n  className?: string;\n}) {\n  // Annotated `| undefined` because the Record's index signature promises a hit\n  // for every FeedbackCategory, and at runtime the API can hand us one that is not.\n  const known: (typeof FEEDBACK_CATEGORY_META)[\"OTHER\"] | undefined = FEEDBACK_CATEGORY_META[category];\n  const meta = known ?? FEEDBACK_CATEGORY_META.OTHER;\n  const Icon = meta.icon;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 rounded font-medium\",\n        compact ? \"px-1.5 py-0.5 text-[11px]\" : \"px-2 py-0.5 text-xs\",\n        meta.badgeBg,\n        meta.badgeText,\n        className,\n      )}\n    >\n      <Icon className={compact ? \"size-3\" : \"size-3.5\"} aria-hidden />\n      {label}\n    </span>\n  );\n}\n\n/** Where a report stands, as a badge — for the places that only *report* the\n *  status rather than offering to change it. */\nexport function FeedbackStatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  label: ReactNode;\n  className?: string;\n}) {\n  const meta = FEEDBACK_STATUS_META[status] ?? FEEDBACK_STATUS_META.OPEN;\n  const Icon = meta.icon;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        meta.activeBg,\n        meta.activeText,\n        className,\n      )}\n    >\n      <Icon className=\"size-3\" aria-hidden />\n      {label}\n    </span>\n  );\n}\n\n/**\n * A row of statuses to switch a report to — either a table column's icon row or\n * an expanded panel's labelled pills.\n *\n * One component for both, because everything except the class strings is the\n * same decision: which one is current, and when the buttons are disabled. Two\n * copies had already drifted — only the icon variant carried `aria-label` and\n * `aria-pressed`, so the pill row was unlabelled for a screen reader.\n *\n * WHICH statuses to offer is the caller's, not this component's:\n * {@link visibleFeedbackStatuses} for a compact column,\n * {@link selectableFeedbackStatuses} for an expanded row. Passing the list keeps\n * that policy readable at the two call sites instead of hiding it behind\n * `variant`.\n */\nexport function FeedbackStatusTransitions({\n  status,\n  statuses,\n  canEdit,\n  onPick,\n  variant,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  statuses: FeedbackStatus[];\n  canEdit: boolean;\n  onPick: (status: FeedbackStatus) => void;\n  variant: \"icon\" | \"pill\";\n  /** What each status is called, translated by the app. */\n  label: (status: FeedbackStatus) => string;\n  className?: string;\n}) {\n  return (\n    // Not a control: it only stops clicks on the buttons inside from bubbling to\n    // the row. The buttons are the keyboard path, and Enter/Space on them fires\n    // their own click, which lands here the same way.\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- propagation guard around real buttons\n    <div\n      className={cn(variant === \"icon\" ? \"flex items-center gap-0.5\" : \"flex flex-wrap gap-1.5\", className)}\n      // A status control inside a clickable row must not also open the row.\n      onClick={(event) => event.stopPropagation()}\n    >\n      {statuses.map((value) => {\n        const meta = FEEDBACK_STATUS_META[value];\n        const Icon = meta.icon;\n        const active = status === value;\n        const name = label(value);\n        const button = (\n          <button\n            key={value}\n            type=\"button\"\n            disabled={!canEdit || active}\n            onClick={() => onPick(value)}\n            aria-label={name}\n            aria-pressed={active}\n            className={cn(\n              \"transition-colors\",\n              variant === \"icon\"\n                ? cn(\n                    \"flex size-7 items-center justify-center rounded\",\n                    active\n                      ? cn(meta.activeBg, meta.activeText)\n                      : \"text-[var(--text-placeholder)] hover:text-[var(--text-secondary)]\",\n                  )\n                : cn(\n                    \"inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs font-medium\",\n                    active\n                      ? cn(meta.activeBg, meta.activeText, \"border-transparent\")\n                      : \"border-[var(--border)] bg-transparent text-[var(--text-primary)] hover:bg-[var(--bg-surface-2)]\",\n                  ),\n              // Both stay unclickable, but only the read-only case is DIMMED: the\n              // current status is the one thing in the row that has to be legible\n              // at a glance, and among seven pills a faded active one reads as\n              // \"unavailable\" rather than as \"this is where the row stands\".\n              (!canEdit || active) && \"cursor-default\",\n              !canEdit && \"opacity-60\",\n            )}\n          >\n            <Icon className={variant === \"icon\" ? \"size-4\" : \"size-3.5\"} aria-hidden />\n            {variant === \"pill\" && name}\n          </button>\n        );\n        // The icon row has no visible label, so it needs the tooltip; the pills\n        // carry theirs inline.\n        //\n        // ⚠️ ABOVE, and portalled (Keksdose live #339). `side=\"bottom\"` put the bubble\n        // straight over the NEXT ROW's icons — in a queue you triage by running down it\n        // with the pointer, that is the row you are about to reach, and it was covered\n        // every time you paused on one. Above covers the row you have just left instead.\n        //\n        // `portal` is not cosmetic here. An absolutely-positioned bubble is clipped by\n        // any ancestor that scrolls — this cell lives inside the DataTable's own\n        // scroller — and it cannot flip: `placeTooltip` is what moves the bubble below\n        // the icon for the FIRST row, where there is no room above it, instead of\n        // painting it off the top of the list.\n        return variant === \"icon\" ? (\n          <Tooltip key={value} label={name} side=\"top\" portal>\n            {button}\n          </Tooltip>\n        ) : (\n          button\n        );\n      })}\n    </div>\n  );\n}\n\n/**\n * A textarea and its two buttons — for an outcome, for a note sent back with a\n * report, for a body being corrected.\n *\n * One component because all three are the same gesture: a draft that is not\n * committed until it is saved. Ctrl/⌘+Enter submits, which is the same shortcut\n * the compose dialog next door uses, so the habit carries across the feature.\n *\n * ## `initial` seeds the draft; it does not own it (changed 2026-09-22)\n *\n * This used to re-seed from `initial` in an effect, and that effect threw away\n * whatever was in the box — **and the picture attached to it** — every time the\n * prop arrived with a different value. `initial` is normally the saved note, so\n * the list refreshing under the editor, or the owner re-deriving the same string,\n * was enough: a triager halfway through a reply, with a screenshot picked out,\n * lost both and got the saved text back with no way to undo it.\n *\n * A draft belongs to the thing being edited, so switching to a different note is a\n * different editor — say so with a `key`:\n *\n * ```tsx\n * <FeedbackNoteEditor key={note.id} initial={note.body} … />\n * ```\n *\n * Where the id is not in hand at the call site, pass {@link resetKey} instead and\n * the editor re-seeds when THAT changes. Either way the decision is the caller's,\n * which is the point: the editor cannot tell a new subject from a new render.\n */\nexport function FeedbackNoteEditor({\n  initial,\n  pending,\n  onSave,\n  onCancel,\n  saveLabel,\n  cancelLabel,\n  placeholder,\n  rows = 3,\n  attachment,\n  resetKey,\n}: {\n  initial: string;\n  pending: boolean;\n  onSave: (value: string, attachment?: File | null) => void;\n  onCancel: () => void;\n  saveLabel: ReactNode;\n  cancelLabel: ReactNode;\n  /** A line above the field saying what to write, not an in-field placeholder:\n   *  a hint that disappears the moment somebody starts typing is a hint that is\n   *  gone exactly when it is being followed. */\n  placeholder?: ReactNode;\n  rows?: number;\n  /** Offer a picture with the note (Steering Design feedback #128). Omitted,\n   *  the editor is exactly the text box it always was — which is what the\n   *  *outcome* editor beside it wants, since an outcome is the answer rather\n   *  than the evidence. */\n  attachment?: FeedbackNoteAttachment;\n  /** Change this to say \"the editor is now editing something ELSE\", and the draft\n   *  and its attachment are dropped and re-seeded from `initial`. For call sites\n   *  that cannot put a `key` on the editor (see the note above). Leave it out and\n   *  the draft is never thrown away behind the user's back. */\n  resetKey?: string | number;\n}) {\n  const [draft, setDraft] = useState(initial);\n  const [file, setFile] = useState<File | null>(null);\n  // Adjusted during render rather than in an effect: an effect would paint the old\n  // draft first and then replace it, and — far worse — it is a second definition of\n  // when a draft dies that the caller cannot see. React re-runs this component\n  // immediately, before anything is committed to the screen.\n  const [seededFor, setSeededFor] = useState(resetKey);\n  if (resetKey !== seededFor) {\n    setSeededFor(resetKey);\n    setDraft(initial);\n    setFile(null);\n  }\n  // The editor's own root, which is where a paste made in the text box bubbles\n  // to: the attachment field below is the box's sibling, so a paste in the box\n  // never passes through the field's own subtree. It listens here instead\n  // (Steering Design feedback #140).\n  const root = useRef<HTMLDivElement>(null);\n  const submit = () => onSave(draft, file);\n  return (\n    // Not a control: a delegated Ctrl/Cmd+Enter shortcut for the textarea inside,\n    // which is what holds focus. The save button is the non-shortcut path.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- delegated keyboard shortcut for the focused field\n    <div\n      ref={root}\n      className=\"space-y-2\"\n      onKeyDown={(event) => {\n        if ((event.ctrlKey || event.metaKey) && event.key === \"Enter\" && !pending) {\n          event.preventDefault();\n          submit();\n        }\n      }}\n    >\n      {placeholder && <p className=\"text-xs text-[var(--text-muted)]\">{placeholder}</p>}\n      <Textarea rows={rows} value={draft} onChange={(event) => setDraft(event.target.value)} />\n      {attachment && (\n        <FeedbackAttachmentField\n          value={file}\n          onChange={setFile}\n          labels={attachment.labels}\n          accept={attachment.accept}\n          maxBytes={attachment.maxBytes}\n          onError={attachment.onError}\n          onCaptureScreenshot={attachment.onCaptureScreenshot}\n          // Within THIS editor's subtree, not on `document`: the editor sits\n          // inline on a page that has other fields, so a paste made in one of\n          // them is meant for that one. The textarea above is where the caret\n          // already is, and it is the field's sibling — so the field is told\n          // to listen on their common parent, where the paste bubbles to.\n          pasteFrom={root}\n        />\n      )}\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"ghost\" onClick={onCancel}>\n          {cancelLabel}\n        </Button>\n        <Button variant=\"brand\" disabled={pending} onClick={submit}>\n          {saveLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/** What {@link FeedbackNoteEditor} needs in order to offer a picture with the\n *  note: the same four things {@link FeedbackAttachmentField} takes, so the\n *  reply path is held to the app's own limits rather than to the defaults. */\nexport interface FeedbackNoteAttachment {\n  labels: FeedbackAttachmentLabels;\n  accept?: string[];\n  maxBytes?: number;\n  /** `info` (0.23.0) names the refused file and the limit. */\n  onError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  onCaptureScreenshot?: () => Promise<File | null>;\n}\n\n/**\n * One labelled block of an opened report.\n *\n * The detail panel is a stack of these, and it is a stack rather than a\n * component with fixed fields on purpose: the two apps keep a report's context\n * and its screenshot in genuinely different places, and a shell that insisted on\n * both would force one of them to invent a shape it does not have. What is\n * shared is what a section *looks* like — and that is all that made the two\n * panels read as different products.\n */\nexport function FeedbackDetailSection({\n  title,\n  action,\n  children,\n}: {\n  title: ReactNode;\n  /** Something on the title's own line — an edit button, a resolved-at date. */\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <div className=\"mb-1 flex items-center justify-between gap-2\">\n        <div className=\"text-xs font-medium uppercase tracking-wide text-[var(--text-muted)]\">\n          {title}\n        </div>\n        {action}\n      </div>\n      {children}\n    </div>\n  );\n}\n\n/** The stack a detail panel is. Here so the spacing between sections is decided\n *  once rather than by whichever app was written second. */\nexport function FeedbackDetail({ children }: { children: ReactNode }) {\n  return <div className=\"space-y-3 text-sm\">{children}</div>;\n}\n\n/** Prose inside a section — a body, an outcome, a note.\n *\n *  `whitespace-pre-wrap` is the whole component: a report is written in\n *  paragraphs, and a note appended to it later is separated by blank lines that\n *  carry the entire \"this arrived after the answer\" reading. */\nexport function FeedbackProse({ children, empty }: { children?: string; empty?: ReactNode }) {\n  if (!children) return <p className=\"text-[var(--text-placeholder)]\">{empty ?? \"—\"}</p>;\n  return (\n    <p className=\"whitespace-pre-wrap text-[var(--text-secondary)]\">{children}</p>\n  );\n}\n"],"mappings":";AA6RI,SASE,KATF;AA7RJ,SAAS,QAAQ,gBAAgB;AAEjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,UAAU;AACnB,SAAS,QAAQ,gBAAgB;AACjC,SAAS,eAAe;AACxB,SAAS,+BAAiE;AAuDnE,MAAM,uBAGT;AAAA,EACF,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,aAAa;AAAA,IACX,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAIA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA,EAEA,WAAW;AAAA,IACT,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AACF;AAKO,MAAM,wBAAwB,OAAO,KAAK,oBAAoB;AAYrE,MAAM,YAA8B,CAAC,mBAAmB,aAAa,SAAS;AAE9E,MAAM,gBAAkC,CAAC,QAAQ,eAAe,iBAAiB,MAAM;AAIhF,SAAS,mBAAmB,SAAgD;AACjF,QAAM,KAAK,cAAc,QAAQ,OAAO;AACxC,SAAO,OAAO,MAAM,KAAK,cAAc,SAAS,IAAI,cAAc,KAAK,CAAC,IAAI;AAC9E;AAgBO,SAAS,wBAAwB,SAA2C;AACjF,QAAM,MAAM,oBAAI,IAAoB,CAAC,OAAO,CAAC;AAC7C,QAAM,KAAK,cAAc,QAAQ,OAAO;AACxC,MAAI,OAAO,IAAI;AACb,QAAI,KAAK,cAAc,SAAS,EAAG,KAAI,IAAI,cAAc,KAAK,CAAC,CAAC;AAChE,QAAI,KAAK,EAAG,KAAI,IAAI,cAAc,KAAK,CAAC,CAAC;AACzC,eAAW,OAAO,UAAW,KAAI,IAAI,GAAG;AAAA,EAC1C,WAAW,YAAY,WAAW;AAChC,QAAI,IAAI,aAAa;AACrB,QAAI,IAAI,MAAM;AACd,QAAI,IAAI,SAAS;AAAA,EACnB;AAGA,SAAO,sBAAsB,OAAO,CAAC,WAAW,IAAI,IAAI,MAAM,CAAC;AACjE;AAeO,SAAS,2BAA2B,UAA4C;AACrF,SAAO,CAAC,GAAG,qBAAqB;AAClC;AAaO,MAAM,yBAGT;AAAA,EACF,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,KAAK;AAAA,IACH,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AACF;AAKO,MAAM,0BAA0B,OAAO,KAAK,sBAAsB;AAKlE,SAAS,qBAAqB,UAAoC;AACvE,QAAM,KAAK,wBAAwB,QAAQ,QAAQ;AACnD,SAAO,OAAO,KAAK,wBAAwB,SAAS;AACtD;AAWO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AACF,GAKG;AAGD,QAAM,QAA8D,uBAAuB,QAAQ;AACnG,QAAM,OAAO,SAAS,uBAAuB;AAC7C,QAAM,OAAO,KAAK;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,UAAU,8BAA8B;AAAA,QACxC,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,QAAK,WAAW,UAAU,WAAW,YAAY,eAAW,MAAC;AAAA,QAC7D;AAAA;AAAA;AAAA,EACH;AAEJ;AAIO,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,qBAAqB,MAAM,KAAK,qBAAqB;AAClE,QAAM,OAAO,KAAK;AAClB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,KAAK;AAAA,QACL,KAAK;AAAA,QACL;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,QAAK,WAAU,UAAS,eAAW,MAAC;AAAA,QACpC;AAAA;AAAA;AAAA,EACH;AAEJ;AAiBO,SAAS,0BAA0B;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GASG;AACD;AAAA;AAAA;AAAA;AAAA;AAAA,IAKE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,GAAG,YAAY,SAAS,8BAA8B,0BAA0B,SAAS;AAAA,QAEpG,SAAS,CAAC,UAAU,MAAM,gBAAgB;AAAA,QAEzC,mBAAS,IAAI,CAAC,UAAU;AACvB,gBAAM,OAAO,qBAAqB,KAAK;AACvC,gBAAM,OAAO,KAAK;AAClB,gBAAM,SAAS,WAAW;AAC1B,gBAAM,OAAO,MAAM,KAAK;AACxB,gBAAM,SACJ;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,UAAU,CAAC,WAAW;AAAA,cACtB,SAAS,MAAM,OAAO,KAAK;AAAA,cAC3B,cAAY;AAAA,cACZ,gBAAc;AAAA,cACd,WAAW;AAAA,gBACT;AAAA,gBACA,YAAY,SACR;AAAA,kBACE;AAAA,kBACA,SACI,GAAG,KAAK,UAAU,KAAK,UAAU,IACjC;AAAA,gBACN,IACA;AAAA,kBACE;AAAA,kBACA,SACI,GAAG,KAAK,UAAU,KAAK,YAAY,oBAAoB,IACvD;AAAA,gBACN;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKH,CAAC,WAAW,WAAW;AAAA,gBACxB,CAAC,WAAW;AAAA,cACd;AAAA,cAEA;AAAA,oCAAC,QAAK,WAAW,YAAY,SAAS,WAAW,YAAY,eAAW,MAAC;AAAA,gBACxE,YAAY,UAAU;AAAA;AAAA;AAAA,YA9BlB;AAAA,UA+BP;AAeF,iBAAO,YAAY,SACjB,oBAAC,WAAoB,OAAO,MAAM,MAAK,OAAM,QAAM,MAChD,oBADW,KAEd,IAEA;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA;AAEJ;AA8BO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AACF,GAsBG;AACD,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO;AAC1C,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,IAAI;AAKlD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,QAAQ;AACnD,MAAI,aAAa,WAAW;AAC1B,iBAAa,QAAQ;AACrB,aAAS,OAAO;AAChB,YAAQ,IAAI;AAAA,EACd;AAKA,QAAM,OAAO,OAAuB,IAAI;AACxC,QAAM,SAAS,MAAM,OAAO,OAAO,IAAI;AACvC;AAAA;AAAA;AAAA;AAAA,IAIE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA,QACV,WAAW,CAAC,UAAU;AACpB,eAAK,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,WAAW,CAAC,SAAS;AACzE,kBAAM,eAAe;AACrB,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,QAEC;AAAA,yBAAe,oBAAC,OAAE,WAAU,oCAAoC,uBAAY;AAAA,UAC7E,oBAAC,YAAS,MAAY,OAAO,OAAO,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,UACtF,cACC;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP,UAAU;AAAA,cACV,QAAQ,WAAW;AAAA,cACnB,QAAQ,WAAW;AAAA,cACnB,UAAU,WAAW;AAAA,cACrB,SAAS,WAAW;AAAA,cACpB,qBAAqB,WAAW;AAAA,cAMhC,WAAW;AAAA;AAAA,UACb;AAAA,UAEF,qBAAC,SAAI,WAAU,0BACb;AAAA,gCAAC,UAAO,SAAQ,SAAQ,SAAS,UAC9B,uBACH;AAAA,YACA,oBAAC,UAAO,SAAQ,SAAQ,UAAU,SAAS,SAAS,QACjD,qBACH;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAwBO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACE,qBAAC,SACC;AAAA,yBAAC,SAAI,WAAU,gDACb;AAAA,0BAAC,SAAI,WAAU,wEACZ,iBACH;AAAA,MACC;AAAA,OACH;AAAA,IACC;AAAA,KACH;AAEJ;AAIO,SAAS,eAAe,EAAE,SAAS,GAA4B;AACpE,SAAO,oBAAC,SAAI,WAAU,qBAAqB,UAAS;AACtD;AAOO,SAAS,cAAc,EAAE,UAAU,MAAM,GAA6C;AAC3F,MAAI,CAAC,SAAU,QAAO,oBAAC,OAAE,WAAU,kCAAkC,mBAAS,UAAI;AAClF,SACE,oBAAC,OAAE,WAAU,oDAAoD,UAAS;AAE9E;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-inbox.tsx"],"sourcesContent":["import { useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport {\n  Ban,\n  Bug,\n  CheckCircle2,\n  CloudUpload,\n  Eye,\n  HelpCircle,\n  Inbox,\n  Lightbulb,\n  MoreHorizontal,\n  OctagonAlert,\n  PauseCircle,\n  Wrench,\n} from \"lucide-react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { Button, Textarea } from \"../components/ui\";\nimport type { ButtonSize, ButtonVariant } from \"../components/ui\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { FeedbackAttachmentField, type FeedbackAttachmentErrorInfo } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\n\n/**\n * The feedback **inbox**, as the parts two apps were each writing separately.\n *\n * `feedback-dialog.tsx` next door is the other half — the form somebody files a\n * report with — and the split between them is the same one: this owns the\n * *vocabulary*, the *policy* about how a report moves, and the *look*; the app\n * owns the data, the API and every string.\n *\n * It exists because both apps had grown their own copy. Keksdose's is the one\n * this is lifted from, comments and all, because it is the one that had been\n * argued with users for a year — the glyph per status, the two sizes of the\n * status control, what a row offers from where it currently stands. Steering\n * Design's was thinner in every one of those places and read as a different\n * product for no reason anyone chose.\n *\n * **What is deliberately NOT here.** The two apps store a report differently and\n * are meant to: one keeps the reporter's context in a JSON column and the\n * screenshot in an object store, the other keeps a `page_path` and the bytes in\n * the row. So there is no `Feedback` type in this file and nothing here takes\n * one. Every component takes the values it draws, and the detail panel is a\n * *shell* the app fills — which is what lets each keep the shape that suits it\n * without either of them inventing a second look for a status pill.\n */\n\n/** The seven states a report can be in.\n *\n *  Shared value for value across both apps on purpose: it is what lets one habit,\n *  and one agent prompt, work on either repo. Four are a chain and three sit off\n *  it — see {@link visibleFeedbackStatuses} for what that buys. */\nexport type FeedbackStatus =\n  | \"OPEN\"\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 seven long.\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-[var(--bg-active)]\",\n    activeText: \"text-[var(--text-primary)]\",\n  },\n  IN_PROGRESS: {\n    icon: Wrench,\n    activeBg: \"bg-[var(--warning-bg)]\",\n    activeText: \"text-[var(--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-[var(--info-bg)]\",\n    activeText: \"text-[var(--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-[var(--brand-bg)]\",\n    activeText: \"text-[var(--brand-muted)]\",\n  },\n  // Parked on purpose. Muted, not `--danger`: it is not a refusal.\n  POSTPONED: {\n    icon: PauseCircle,\n    activeBg: \"bg-[var(--bg-active)]\",\n    activeText: \"text-[var(--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-[var(--success-bg)]\",\n    activeText: \"text-[var(--success)]\",\n  },\n  WONT_DO: {\n    icon: Ban,\n    activeBg: \"bg-[var(--danger-bg)]\",\n    activeText: \"text-[var(--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\", \"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. */\nexport function nextFeedbackStatus(current: FeedbackStatus): FeedbackStatus | null {\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 seven 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 (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-[var(--danger-bg)]\",\n    badgeText: \"text-[var(--danger)]\",\n  },\n  BUG: {\n    icon: Bug,\n    badgeBg: \"bg-[var(--warning-bg)]\",\n    badgeText: \"text-[var(--warning)]\",\n  },\n  IDEA: {\n    icon: Lightbulb,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--text-secondary)]\",\n  },\n  QUESTION: {\n    icon: HelpCircle,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--text-secondary)]\",\n  },\n  OTHER: {\n    icon: MoreHorizontal,\n    badgeBg: \"bg-[var(--bg-surface-2)]\",\n    badgeText: \"text-[var(--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\n/**\n * The category as a badge.\n *\n * Falls back to OTHER's treatment for a category this build has never heard of,\n * so an older client against a newer API degrades to a readable neutral pill\n * instead of throwing on `meta.icon` — a crash report must not be able to cause\n * one. The *label* is the caller's, and for the same reason it needs the same\n * guard: pass what OTHER is called if you cannot name the value you were given.\n */\nexport function FeedbackCategoryBadge({\n  category,\n  label,\n  compact = false,\n  className,\n}: {\n  category: FeedbackCategory;\n  label: ReactNode;\n  compact?: boolean;\n  className?: string;\n}) {\n  // Annotated `| undefined` because the Record's index signature promises a hit\n  // for every FeedbackCategory, and at runtime the API can hand us one that is not.\n  const known: (typeof FEEDBACK_CATEGORY_META)[\"OTHER\"] | undefined = FEEDBACK_CATEGORY_META[category];\n  const meta = known ?? FEEDBACK_CATEGORY_META.OTHER;\n  const Icon = meta.icon;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 rounded font-medium\",\n        compact ? \"px-1.5 py-0.5 text-[11px]\" : \"px-2 py-0.5 text-xs\",\n        meta.badgeBg,\n        meta.badgeText,\n        className,\n      )}\n    >\n      <Icon className={compact ? \"size-3\" : \"size-3.5\"} aria-hidden />\n      {label}\n    </span>\n  );\n}\n\n/** Where a report stands, as a badge — for the places that only *report* the\n *  status rather than offering to change it. */\nexport function FeedbackStatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  label: ReactNode;\n  className?: string;\n}) {\n  const meta = FEEDBACK_STATUS_META[status] ?? FEEDBACK_STATUS_META.OPEN;\n  const Icon = meta.icon;\n  return (\n    <span\n      className={cn(\n        \"inline-flex items-center gap-1 whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium\",\n        meta.activeBg,\n        meta.activeText,\n        className,\n      )}\n    >\n      <Icon className=\"size-3\" aria-hidden />\n      {label}\n    </span>\n  );\n}\n\n/**\n * A row of statuses to switch a report to — either a table column's icon row or\n * an expanded panel's labelled pills.\n *\n * One component for both, because everything except the class strings is the\n * same decision: which one is current, and when the buttons are disabled. Two\n * copies had already drifted — only the icon variant carried `aria-label` and\n * `aria-pressed`, so the pill row was unlabelled for a screen reader.\n *\n * WHICH statuses to offer is the caller's, not this component's:\n * {@link visibleFeedbackStatuses} for a compact column,\n * {@link selectableFeedbackStatuses} for an expanded row. Passing the list keeps\n * that policy readable at the two call sites instead of hiding it behind\n * `variant`.\n */\nexport function FeedbackStatusTransitions({\n  status,\n  statuses,\n  canEdit,\n  onPick,\n  variant,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  statuses: FeedbackStatus[];\n  canEdit: boolean;\n  onPick: (status: FeedbackStatus) => void;\n  variant: \"icon\" | \"pill\";\n  /** What each status is called, translated by the app. */\n  label: (status: FeedbackStatus) => string;\n  className?: string;\n}) {\n  return (\n    // Not a control: it only stops clicks on the buttons inside from bubbling to\n    // the row. The buttons are the keyboard path, and Enter/Space on them fires\n    // their own click, which lands here the same way.\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions -- propagation guard around real buttons\n    <div\n      className={cn(variant === \"icon\" ? \"flex items-center gap-0.5\" : \"flex flex-wrap gap-1.5\", className)}\n      // A status control inside a clickable row must not also open the row.\n      onClick={(event) => event.stopPropagation()}\n    >\n      {statuses.map((value) => {\n        const meta = FEEDBACK_STATUS_META[value];\n        const Icon = meta.icon;\n        const active = status === value;\n        const name = label(value);\n        const button = (\n          <button\n            key={value}\n            type=\"button\"\n            disabled={!canEdit || active}\n            onClick={() => onPick(value)}\n            aria-label={name}\n            aria-pressed={active}\n            className={cn(\n              \"transition-colors\",\n              variant === \"icon\"\n                ? cn(\n                    \"flex size-7 items-center justify-center rounded\",\n                    active\n                      ? cn(meta.activeBg, meta.activeText)\n                      : \"text-[var(--text-placeholder)] hover:text-[var(--text-secondary)]\",\n                  )\n                : cn(\n                    \"inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs font-medium\",\n                    active\n                      ? cn(meta.activeBg, meta.activeText, \"border-transparent\")\n                      : \"border-[var(--border)] bg-transparent text-[var(--text-primary)] hover:bg-[var(--bg-surface-2)]\",\n                  ),\n              // Both stay unclickable, but only the read-only case is DIMMED: the\n              // current status is the one thing in the row that has to be legible\n              // at a glance, and among seven pills a faded active one reads as\n              // \"unavailable\" rather than as \"this is where the row stands\".\n              (!canEdit || active) && \"cursor-default\",\n              !canEdit && \"opacity-60\",\n            )}\n          >\n            <Icon className={variant === \"icon\" ? \"size-4\" : \"size-3.5\"} aria-hidden />\n            {variant === \"pill\" && name}\n          </button>\n        );\n        // The icon row has no visible label, so it needs the tooltip; the pills\n        // carry theirs inline.\n        //\n        // ⚠️ ABOVE, and portalled (Keksdose live #339). `side=\"bottom\"` put the bubble\n        // straight over the NEXT ROW's icons — in a queue you triage by running down it\n        // with the pointer, that is the row you are about to reach, and it was covered\n        // every time you paused on one. Above covers the row you have just left instead.\n        //\n        // `portal` is not cosmetic here. An absolutely-positioned bubble is clipped by\n        // any ancestor that scrolls — this cell lives inside the DataTable's own\n        // scroller — and it cannot flip: `placeTooltip` is what moves the bubble below\n        // the icon for the FIRST row, where there is no room above it, instead of\n        // painting it off the top of the list.\n        return variant === \"icon\" ? (\n          <Tooltip key={value} label={name} side=\"top\" portal>\n            {button}\n          </Tooltip>\n        ) : (\n          button\n        );\n      })}\n    </div>\n  );\n}\n\n/**\n * A textarea and its two buttons — for an outcome, for a note sent back with a\n * report, for a body being corrected.\n *\n * One component because all three are the same gesture: a draft that is not\n * committed until it is saved. Ctrl/⌘+Enter submits, which is the same shortcut\n * the compose dialog next door uses, so the habit carries across the feature.\n *\n * ## `initial` seeds the draft; it does not own it (changed 2026-09-22)\n *\n * This used to re-seed from `initial` in an effect, and that effect threw away\n * whatever was in the box — **and the picture attached to it** — every time the\n * prop arrived with a different value. `initial` is normally the saved note, so\n * the list refreshing under the editor, or the owner re-deriving the same string,\n * was enough: a triager halfway through a reply, with a screenshot picked out,\n * lost both and got the saved text back with no way to undo it.\n *\n * A draft belongs to the thing being edited, so switching to a different note is a\n * different editor — say so with a `key`:\n *\n * ```tsx\n * <FeedbackNoteEditor key={note.id} initial={note.body} … />\n * ```\n *\n * Where the id is not in hand at the call site, pass {@link resetKey} instead and\n * the editor re-seeds when THAT changes. Either way the decision is the caller's,\n * which is the point: the editor cannot tell a new subject from a new render.\n */\nexport function FeedbackNoteEditor({\n  initial,\n  pending,\n  onSave,\n  onCancel,\n  saveLabel,\n  cancelLabel,\n  placeholder,\n  rows = 3,\n  attachment,\n  resetKey,\n}: {\n  initial: string;\n  pending: boolean;\n  onSave: (value: string, attachment?: File | null) => void;\n  onCancel: () => void;\n  saveLabel: ReactNode;\n  cancelLabel: ReactNode;\n  /** A line above the field saying what to write, not an in-field placeholder:\n   *  a hint that disappears the moment somebody starts typing is a hint that is\n   *  gone exactly when it is being followed. */\n  placeholder?: ReactNode;\n  rows?: number;\n  /** Offer a picture with the note (Steering Design feedback #128). Omitted,\n   *  the editor is exactly the text box it always was — which is what the\n   *  *outcome* editor beside it wants, since an outcome is the answer rather\n   *  than the evidence. */\n  attachment?: FeedbackNoteAttachment;\n  /** Change this to say \"the editor is now editing something ELSE\", and the draft\n   *  and its attachment are dropped and re-seeded from `initial`. For call sites\n   *  that cannot put a `key` on the editor (see the note above). Leave it out and\n   *  the draft is never thrown away behind the user's back. */\n  resetKey?: string | number;\n}) {\n  const [draft, setDraft] = useState(initial);\n  const [file, setFile] = useState<File | null>(null);\n  // Adjusted during render rather than in an effect: an effect would paint the old\n  // draft first and then replace it, and — far worse — it is a second definition of\n  // when a draft dies that the caller cannot see. React re-runs this component\n  // immediately, before anything is committed to the screen.\n  const [seededFor, setSeededFor] = useState(resetKey);\n  if (resetKey !== seededFor) {\n    setSeededFor(resetKey);\n    setDraft(initial);\n    setFile(null);\n  }\n  // The editor's own root, which is where a paste made in the text box bubbles\n  // to: the attachment field below is the box's sibling, so a paste in the box\n  // never passes through the field's own subtree. It listens here instead\n  // (Steering Design feedback #140).\n  const root = useRef<HTMLDivElement>(null);\n  const submit = () => onSave(draft, file);\n  return (\n    // Not a control: a delegated Ctrl/Cmd+Enter shortcut for the textarea inside,\n    // which is what holds focus. The save button is the non-shortcut path.\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- delegated keyboard shortcut for the focused field\n    <div\n      ref={root}\n      className=\"space-y-2\"\n      onKeyDown={(event) => {\n        if ((event.ctrlKey || event.metaKey) && event.key === \"Enter\" && !pending) {\n          event.preventDefault();\n          submit();\n        }\n      }}\n    >\n      {placeholder && <p className=\"text-xs text-[var(--text-muted)]\">{placeholder}</p>}\n      <Textarea rows={rows} value={draft} onChange={(event) => setDraft(event.target.value)} />\n      {attachment && (\n        <FeedbackAttachmentField\n          value={file}\n          onChange={setFile}\n          labels={attachment.labels}\n          accept={attachment.accept}\n          maxBytes={attachment.maxBytes}\n          onError={attachment.onError}\n          onCaptureScreenshot={attachment.onCaptureScreenshot}\n          buttonVariant={attachment.buttonVariant}\n          buttonSize={attachment.buttonSize}\n          // Within THIS editor's subtree, not on `document`: the editor sits\n          // inline on a page that has other fields, so a paste made in one of\n          // them is meant for that one. The textarea above is where the caret\n          // already is, and it is the field's sibling — so the field is told\n          // to listen on their common parent, where the paste bubbles to.\n          pasteFrom={root}\n        />\n      )}\n      <div className=\"flex justify-end gap-2\">\n        <Button variant=\"ghost\" onClick={onCancel}>\n          {cancelLabel}\n        </Button>\n        <Button variant=\"brand\" disabled={pending} onClick={submit}>\n          {saveLabel}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\n/** What {@link FeedbackNoteEditor} needs in order to offer a picture with the\n *  note: the same things {@link FeedbackAttachmentField} takes, so the reply path is\n *  held to the app's own limits — and drawn in its own look — rather than the\n *  defaults. */\nexport interface FeedbackNoteAttachment {\n  labels: FeedbackAttachmentLabels;\n  accept?: string[];\n  maxBytes?: number;\n  /** `info` (0.23.0) names the refused file and the limit. */\n  onError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /**\n   * The add and capture buttons' look (0.25.0) — the field's `buttonVariant` (0.24.0),\n   * Button's own `variant`. Default `\"secondary\"`, as before.\n   *\n   * The note editor sits inline in a triage panel, and its buttons end in a ghost\n   * Cancel and a brand Save: two bordered full-size attachment buttons above them read\n   * as a second form. The field could already be told otherwise; the editor builds it\n   * itself and had nowhere to say so.\n   */\n  buttonVariant?: ButtonVariant;\n  /** The add and capture buttons' size (0.25.0) — the field's `buttonSize`. Default\n   *  `\"md\"`; `\"sm\"` draws their icons at 14px. */\n  buttonSize?: ButtonSize;\n}\n\n/**\n * One labelled block of an opened report.\n *\n * The detail panel is a stack of these, and it is a stack rather than a\n * component with fixed fields on purpose: the two apps keep a report's context\n * and its screenshot in genuinely different places, and a shell that insisted on\n * both would force one of them to invent a shape it does not have. What is\n * shared is what a section *looks* like — and that is all that made the two\n * panels read as different products.\n */\nexport function FeedbackDetailSection({\n  title,\n  action,\n  children,\n}: {\n  title: ReactNode;\n  /** Something on the title's own line — an edit button, a resolved-at date. */\n  action?: ReactNode;\n  children: ReactNode;\n}) {\n  return (\n    <div>\n      <div className=\"mb-1 flex items-center justify-between gap-2\">\n        <div className=\"text-xs font-medium uppercase tracking-wide text-[var(--text-muted)]\">\n          {title}\n        </div>\n        {action}\n      </div>\n      {children}\n    </div>\n  );\n}\n\n/** The stack a detail panel is. Here so the spacing between sections is decided\n *  once rather than by whichever app was written second. */\nexport function FeedbackDetail({ children }: { children: ReactNode }) {\n  return <div className=\"space-y-3 text-sm\">{children}</div>;\n}\n\n/** Prose inside a section — a body, an outcome, a note.\n *\n *  `whitespace-pre-wrap` is the whole component: a report is written in\n *  paragraphs, and a note appended to it later is separated by blank lines that\n *  carry the entire \"this arrived after the answer\" reading. */\nexport function FeedbackProse({ children, empty }: { children?: string; empty?: ReactNode }) {\n  if (!children) return <p className=\"text-[var(--text-placeholder)]\">{empty ?? \"—\"}</p>;\n  return (\n    <p className=\"whitespace-pre-wrap text-[var(--text-secondary)]\">{children}</p>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -1,9 +1,9 @@
 import 'react';
-export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, G as ChatComposerSlotContext, a6 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a8 as DEFAULT_FEEDBACK_THREAD_LABELS, aV as FeedbackComposer, aW as FeedbackComposerAttachment, aX as FeedbackComposerHandle, aY as FeedbackComposerLabels, aZ as FeedbackComposerProps, a_ as FeedbackComposerSlotContext, bf as FeedbackThread, bg as FeedbackThreadAttachment, bh as FeedbackThreadEvent, bi as FeedbackThreadItem, bj as FeedbackThreadLabels, bk as FeedbackThreadMessage, bl as FeedbackThreadProps } from '../feedback-DOwPu-Il.js';
+export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, G as ChatComposerSlotContext, a6 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a8 as DEFAULT_FEEDBACK_THREAD_LABELS, aV as FeedbackComposer, aW as FeedbackComposerAttachment, aX as FeedbackComposerHandle, aY as FeedbackComposerLabels, aZ as FeedbackComposerProps, a_ as FeedbackComposerSlotContext, bf as FeedbackThread, bg as FeedbackThreadAttachment, bh as FeedbackThreadEvent, bi as FeedbackThreadItem, bj as FeedbackThreadLabels, bk as FeedbackThreadMessage, bl as FeedbackThreadProps } from '../feedback-BXKH-ToU.js';
 import '../components/tooltip.js';
 import '../hooks/use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-B7OdnM0S.js';
+import '../data-table-labels-Cdn1QS2k.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';

package/dist/{feedback-DOwPu-Il.d.ts → feedback-BXKH-ToU.d.ts}

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { InputHTMLAttributes, ReactNode, AnchorHTMLAttributes, Ref, ReactElement, ButtonHTMLAttributes, SelectHTMLAttributes, ComponentPropsWithoutRef, TextareaHTMLAttributes, RefObject } from 'react';
 import { TooltipSide } from './components/tooltip.js';
-import { f as DataTableLabels } from './data-table-labels-B7OdnM0S.js';
+import { f as DataTableLabels } from './data-table-labels-Cdn1QS2k.js';
 import { MiniCalendarLabels, WeekDay } from './components/mini-calendar.js';
 import { CalendarHeatmapLabels } from './components/calendar-heatmap.js';
 import { PopoverLabels } from './components/popover.js';
@@ -2031,6 +2031,21 @@ interface FeedbackDialogBaseProps {
      * dialog's behaviour until 0.14.2 (keksdose K1: its backend takes title-only reports).
      */
     requireBody?: boolean;
+    /**
+     * The attachment field's add and capture buttons: its `buttonVariant` (0.25.0),
+     * Button's own `variant`. Default `"secondary"`, the look they always had.
+     *
+     * The field took `buttonVariant` / `buttonSize` in 0.24.0 (keksdose's support chat),
+     * but the dialog builds its field itself and passed neither, so a host that wanted
+     * quieter buttons here — a dialog that already ends in a row of Cancel / Send — had
+     * no way to say so short of rebuilding the dialog. Named after the dialog's other
+     * attachment options (`attachmentAccept`, `onAttachmentError`) and handed through
+     * unchanged, in both `attachments` modes.
+     */
+    attachmentButtonVariant?: ButtonVariant;
+    /** The attachment field's `buttonSize` (0.25.0) — with {@link attachmentButtonVariant}.
+     *  Default `"md"`; `"sm"` draws the paperclip and camera at 14px. */
+    attachmentButtonSize?: ButtonSize;
 }
 /** One attachment — a screenshot, a picked or a pasted image; a second replaces
  *  nothing, it has to wait for the first to be removed. The default. */
@@ -2597,8 +2612,9 @@ declare function FeedbackNoteEditor({ initial, pending, onSave, onCancel, saveLa
     resetKey?: string | number;
 }): react.JSX.Element;
 /** What {@link FeedbackNoteEditor} needs in order to offer a picture with the
- *  note: the same four things {@link FeedbackAttachmentField} takes, so the
- *  reply path is held to the app's own limits rather than to the defaults. */
+ *  note: the same things {@link FeedbackAttachmentField} takes, so the reply path is
+ *  held to the app's own limits — and drawn in its own look — rather than the
+ *  defaults. */
 interface FeedbackNoteAttachment {
     labels: FeedbackAttachmentLabels;
     accept?: string[];
@@ -2606,6 +2622,19 @@ interface FeedbackNoteAttachment {
     /** `info` (0.23.0) names the refused file and the limit. */
     onError?: (kind: "type" | "size", info: FeedbackAttachmentErrorInfo) => void;
     onCaptureScreenshot?: () => Promise<File | null>;
+    /**
+     * The add and capture buttons' look (0.25.0) — the field's `buttonVariant` (0.24.0),
+     * Button's own `variant`. Default `"secondary"`, as before.
+     *
+     * The note editor sits inline in a triage panel, and its buttons end in a ghost
+     * Cancel and a brand Save: two bordered full-size attachment buttons above them read
+     * as a second form. The field could already be told otherwise; the editor builds it
+     * itself and had nowhere to say so.
+     */
+    buttonVariant?: ButtonVariant;
+    /** The add and capture buttons' size (0.25.0) — the field's `buttonSize`. Default
+     *  `"md"`; `"sm"` draws their icons at 14px. */
+    buttonSize?: ButtonSize;
 }
 /**
  * One labelled block of an opened report.

package/dist/feedback.d.ts

@@ -1,9 +1,9 @@
-export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, G as ChatComposerSlotContext, X as DEFAULT_ATTACHMENT_ACCEPT, a5 as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, a6 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a7 as DEFAULT_FEEDBACK_DIALOG_LABELS, a8 as DEFAULT_FEEDBACK_THREAD_LABELS, ad as DEFAULT_MAX_ATTACHMENTS, ae as DEFAULT_MAX_ATTACHMENT_BYTES, av as FEEDBACK_CATEGORY_META, aw as FEEDBACK_CATEGORY_ORDER, ax as FEEDBACK_STATUS_META, ay as FEEDBACK_STATUS_ORDER, aH as FeedbackAttachmentError, aI as FeedbackAttachmentErrorInfo, aJ as FeedbackAttachmentField, aK as FeedbackAttachmentFieldLabels, aL as FeedbackAttachmentFieldMultipleProps, aM as FeedbackAttachmentFieldProps, aN as FeedbackAttachmentFieldRefsProps, aO as FeedbackAttachmentFieldSingleProps, aP as FeedbackAttachmentLabels, aQ as FeedbackAttachmentRef, aR as FeedbackAttachmentRefsError, aS as FeedbackCategory, aT as FeedbackCategoryBadge, aU as FeedbackCategoryOption, aV as FeedbackComposer, aW as FeedbackComposerAttachment, aX as FeedbackComposerHandle, aY as FeedbackComposerLabels, aZ as FeedbackComposerProps, a_ as FeedbackComposerSlotContext, a$ as FeedbackDetail, b0 as FeedbackDetailSection, b1 as FeedbackDialog, b2 as FeedbackDialogLabels, b3 as FeedbackDialogMultipleProps, b4 as FeedbackDialogProps, b5 as FeedbackDialogSingleProps, b6 as FeedbackDialogTextLabels, b7 as FeedbackMultipleSubmission, b8 as FeedbackNoteAttachment, b9 as FeedbackNoteEditor, ba as FeedbackProse, bb as FeedbackStatus, bc as FeedbackStatusBadge, bd as FeedbackStatusTransitions, be as FeedbackSubmission, bf as FeedbackThread, bg as FeedbackThreadAttachment, bh as FeedbackThreadEvent, bi as FeedbackThreadItem, bj as FeedbackThreadLabels, bk as FeedbackThreadMessage, bl as FeedbackThreadProps, cH as feedbackCategoryRank, cL as nextFeedbackStatus, cM as pastedName, cO as selectableFeedbackStatuses, c_ as visibleFeedbackStatuses } from './feedback-DOwPu-Il.js';
+export { z as ChatComposer, D as ChatComposerHandle, E as ChatComposerLabels, F as ChatComposerProps, G as ChatComposerSlotContext, X as DEFAULT_ATTACHMENT_ACCEPT, a5 as DEFAULT_FEEDBACK_ATTACHMENT_LABELS, a6 as DEFAULT_FEEDBACK_COMPOSER_LABELS, a7 as DEFAULT_FEEDBACK_DIALOG_LABELS, a8 as DEFAULT_FEEDBACK_THREAD_LABELS, ad as DEFAULT_MAX_ATTACHMENTS, ae as DEFAULT_MAX_ATTACHMENT_BYTES, av as FEEDBACK_CATEGORY_META, aw as FEEDBACK_CATEGORY_ORDER, ax as FEEDBACK_STATUS_META, ay as FEEDBACK_STATUS_ORDER, aH as FeedbackAttachmentError, aI as FeedbackAttachmentErrorInfo, aJ as FeedbackAttachmentField, aK as FeedbackAttachmentFieldLabels, aL as FeedbackAttachmentFieldMultipleProps, aM as FeedbackAttachmentFieldProps, aN as FeedbackAttachmentFieldRefsProps, aO as FeedbackAttachmentFieldSingleProps, aP as FeedbackAttachmentLabels, aQ as FeedbackAttachmentRef, aR as FeedbackAttachmentRefsError, aS as FeedbackCategory, aT as FeedbackCategoryBadge, aU as FeedbackCategoryOption, aV as FeedbackComposer, aW as FeedbackComposerAttachment, aX as FeedbackComposerHandle, aY as FeedbackComposerLabels, aZ as FeedbackComposerProps, a_ as FeedbackComposerSlotContext, a$ as FeedbackDetail, b0 as FeedbackDetailSection, b1 as FeedbackDialog, b2 as FeedbackDialogLabels, b3 as FeedbackDialogMultipleProps, b4 as FeedbackDialogProps, b5 as FeedbackDialogSingleProps, b6 as FeedbackDialogTextLabels, b7 as FeedbackMultipleSubmission, b8 as FeedbackNoteAttachment, b9 as FeedbackNoteEditor, ba as FeedbackProse, bb as FeedbackStatus, bc as FeedbackStatusBadge, bd as FeedbackStatusTransitions, be as FeedbackSubmission, bf as FeedbackThread, bg as FeedbackThreadAttachment, bh as FeedbackThreadEvent, bi as FeedbackThreadItem, bj as FeedbackThreadLabels, bk as FeedbackThreadMessage, bl as FeedbackThreadProps, cH as feedbackCategoryRank, cL as nextFeedbackStatus, cM as pastedName, cO as selectableFeedbackStatuses, c_ as visibleFeedbackStatuses } from './feedback-BXKH-ToU.js';
 import 'react';
 import './components/tooltip.js';
 import './hooks/use-anchored-rect.js';
 import './lib/clipping.js';
-import './data-table-labels-B7OdnM0S.js';
+import './data-table-labels-Cdn1QS2k.js';
 import './components/data-table-sort.js';
 import './components/swipeable-row.js';
 import './components/mini-calendar.js';

package/dist/hooks/use-body-scroll-lock.js

@@ -3,6 +3,11 @@ import { useEffect } from "react";
 let lockCount = 0;
 let previousOverflow = "";
 let previousPaddingRight = "";
+let previousRootOverflow = null;
+function rootTakesOverflow() {
+  const style = getComputedStyle(document.documentElement);
+  return style.overflowX !== "visible" || style.overflowY !== "visible";
+}
 function scrollbarWidth() {
   return Math.max(0, window.innerWidth - document.documentElement.clientWidth);
 }
@@ -12,6 +17,12 @@ function acquire() {
     previousOverflow = document.body.style.overflow;
     previousPaddingRight = document.body.style.paddingRight;
     document.body.style.overflow = "hidden";
+    if (rootTakesOverflow()) {
+      const root = document.documentElement.style;
+      previousRootOverflow = { x: root.overflowX, y: root.overflowY };
+      root.overflowX = "hidden";
+      root.overflowY = "hidden";
+    }
     if (gap > 0) {
       const existing = parseFloat(getComputedStyle(document.body).paddingRight) || 0;
       document.body.style.paddingRight = `${existing + gap}px`;
@@ -25,8 +36,13 @@ function release() {
   if (lockCount === 0) {
     document.body.style.overflow = previousOverflow;
     document.body.style.paddingRight = previousPaddingRight;
+    if (previousRootOverflow !== null) {
+      document.documentElement.style.overflowX = previousRootOverflow.x;
+      document.documentElement.style.overflowY = previousRootOverflow.y;
+    }
     previousOverflow = "";
     previousPaddingRight = "";
+    previousRootOverflow = null;
   }
 }
 function useBodyScrollLock(locked) {

package/dist/hooks/use-body-scroll-lock.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/use-body-scroll-lock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * How many locks are currently held, and what `body.style.overflow` was before the\n * first of them. Module scope on purpose: the whole point is that the lockers do not\n * know about each other, so the only place they can agree is here.\n *\n * This used to be per-locker — each one saved the previous value and restored it on\n * cleanup — and five places in this package do that (Modal, PickerSheet,\n * NumberPadSheet, and the DataTable's row dialog and settings panel). Save/restore\n * composes only if the releases are strictly nested in reverse order of the\n * acquisitions, and React runs unmount cleanups PARENT FIRST, which is the opposite\n * of what the idiom needs.\n *\n * The gesture that broke it is an ordinary one: open the transaction dialog, tap the\n * amount — the numpad sheet opens on focus, in a later commit, capturing the\n * \"hidden\" the dialog had already set — then press Save. Both unmount together, the\n * dialog restores \"\" first, the sheet then puts \"hidden\" back, and the page is left\n * unscrollable with no overlay on screen. The only way out was a reload.\n *\n * A count has neither failure: the first acquire records the real previous value, the\n * last release restores it, and the order in between does not matter.\n */\nlet lockCount = 0;\nlet previousOverflow = \"\";\nlet previousPaddingRight = \"\";\n\n/**\n * How much width the scrollbar of the DOCUMENT is currently taking.\n *\n * Zero on every platform with overlay scrollbars (macOS, most Linux, every phone) and\n * zero whenever the page does not scroll; ~15px on Windows with classic ones. Read\n * BEFORE `overflow: hidden` is applied, because applying it is what makes it vanish.\n */\nfunction scrollbarWidth(): number {\n  return Math.max(0, window.innerWidth - document.documentElement.clientWidth);\n}\n\nfunction acquire(): void {\n  if (lockCount === 0) {\n    // ⚠️ Hiding the document's overflow REMOVES its scrollbar, and on a platform where\n    // that scrollbar occupied layout space the page gets ~15px wider for as long as the\n    // dialog is open — then snaps back on close. Keksdose dev #561 from a 500px-wide\n    // desktop window: *\"remove the scroll bar to stop horizontal resizing when opening\n    // edit tx and closing\"*.\n    //\n    // Replacing the width we are about to take away is the standard fix and the narrow\n    // one. The alternatives both cost more than the bug: `scrollbar-gutter` on `html`\n    // shrinks the initial containing block, so every `position: fixed` overlay stops\n    // 15px short on each edge (measured, and documented in tokens.css), and moving the\n    // scroll container to `main` below `md` stops a phone's URL bar collapsing. This\n    // touches neither — only the element already being modified, only while locked.\n    //\n    // Note this fixes the DIALOG jump specifically. The separate page-to-page width\n    // change, where one route scrolls and the next does not, is the open decision\n    // recorded in tokens.css and is untouched here.\n    const gap = scrollbarWidth();\n    previousOverflow = document.body.style.overflow;\n    previousPaddingRight = document.body.style.paddingRight;\n    document.body.style.overflow = \"hidden\";\n    if (gap > 0) {\n      // Added to whatever the body already had rather than assigned, so a consumer\n      // that sets its own padding keeps it.\n      const existing = parseFloat(getComputedStyle(document.body).paddingRight) || 0;\n      document.body.style.paddingRight = `${existing + gap}px`;\n    }\n  }\n  lockCount += 1;\n}\n\nfunction release(): void {\n  if (lockCount === 0) return;\n  lockCount -= 1;\n  if (lockCount === 0) {\n    document.body.style.overflow = previousOverflow;\n    document.body.style.paddingRight = previousPaddingRight;\n    previousOverflow = \"\";\n    previousPaddingRight = \"\";\n  }\n}\n\n/**\n * Lock background scrolling while `locked` is true, restoring the prior value once\n * the LAST holder releases. Composable with every other caller of this hook — see\n * the note above for why that has to be a property of the hook rather than of each\n * caller's discipline.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked) return;\n    acquire();\n    return release;\n  }, [locked]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAuB1B,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAS3B,SAAS,iBAAyB;AAChC,SAAO,KAAK,IAAI,GAAG,OAAO,aAAa,SAAS,gBAAgB,WAAW;AAC7E;AAEA,SAAS,UAAgB;AACvB,MAAI,cAAc,GAAG;AAiBnB,UAAM,MAAM,eAAe;AAC3B,uBAAmB,SAAS,KAAK,MAAM;AACvC,2BAAuB,SAAS,KAAK,MAAM;AAC3C,aAAS,KAAK,MAAM,WAAW;AAC/B,QAAI,MAAM,GAAG;AAGX,YAAM,WAAW,WAAW,iBAAiB,SAAS,IAAI,EAAE,YAAY,KAAK;AAC7E,eAAS,KAAK,MAAM,eAAe,GAAG,WAAW,GAAG;AAAA,IACtD;AAAA,EACF;AACA,eAAa;AACf;AAEA,SAAS,UAAgB;AACvB,MAAI,cAAc,EAAG;AACrB,eAAa;AACb,MAAI,cAAc,GAAG;AACnB,aAAS,KAAK,MAAM,WAAW;AAC/B,aAAS,KAAK,MAAM,eAAe;AACnC,uBAAmB;AACnB,2BAAuB;AAAA,EACzB;AACF;AAQO,SAAS,kBAAkB,QAAuB;AACvD,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,YAAQ;AACR,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}
+{"version":3,"sources":["../../src/hooks/use-body-scroll-lock.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\n/**\n * How many locks are currently held, and what `body.style.overflow` was before the\n * first of them. Module scope on purpose: the whole point is that the lockers do not\n * know about each other, so the only place they can agree is here.\n *\n * This used to be per-locker — each one saved the previous value and restored it on\n * cleanup — and five places in this package do that (Modal, PickerSheet,\n * NumberPadSheet, and the DataTable's row dialog and settings panel). Save/restore\n * composes only if the releases are strictly nested in reverse order of the\n * acquisitions, and React runs unmount cleanups PARENT FIRST, which is the opposite\n * of what the idiom needs.\n *\n * The gesture that broke it is an ordinary one: open the transaction dialog, tap the\n * amount — the numpad sheet opens on focus, in a later commit, capturing the\n * \"hidden\" the dialog had already set — then press Save. Both unmount together, the\n * dialog restores \"\" first, the sheet then puts \"hidden\" back, and the page is left\n * unscrollable with no overlay on screen. The only way out was a reload.\n *\n * A count has neither failure: the first acquire records the real previous value, the\n * last release restores it, and the order in between does not matter.\n */\nlet lockCount = 0;\nlet previousOverflow = \"\";\nlet previousPaddingRight = \"\";\nlet previousRootOverflow: { x: string; y: string } | null = null;\n\n/**\n * Whether `overflow` on <body> reaches the viewport. It does only while <html>'s own\n * overflow is `visible` on both axes; once an app clips or hides <html> (keksdose's\n * `html, body { overflow-x: clip }` guard, 0.25), the body's `hidden` stays on the\n * body and the page behind a \"locked\" dialog scrolls on (measured: the wheel moved\n * 800px). Then <html> is locked too.\n */\nfunction rootTakesOverflow(): boolean {\n  const style = getComputedStyle(document.documentElement);\n  return style.overflowX !== \"visible\" || style.overflowY !== \"visible\";\n}\n\n/**\n * How much width the scrollbar of the DOCUMENT is currently taking.\n *\n * Zero on every platform with overlay scrollbars (macOS, most Linux, every phone) and\n * zero whenever the page does not scroll; ~15px on Windows with classic ones. Read\n * BEFORE `overflow: hidden` is applied, because applying it is what makes it vanish.\n */\nfunction scrollbarWidth(): number {\n  return Math.max(0, window.innerWidth - document.documentElement.clientWidth);\n}\n\nfunction acquire(): void {\n  if (lockCount === 0) {\n    // ⚠️ Hiding the document's overflow REMOVES its scrollbar, and on a platform where\n    // that scrollbar occupied layout space the page gets ~15px wider for as long as the\n    // dialog is open — then snaps back on close. Keksdose dev #561 from a 500px-wide\n    // desktop window: *\"remove the scroll bar to stop horizontal resizing when opening\n    // edit tx and closing\"*.\n    //\n    // Replacing the width we are about to take away is the standard fix and the narrow\n    // one. The alternatives both cost more than the bug: `scrollbar-gutter` on `html`\n    // shrinks the initial containing block, so every `position: fixed` overlay stops\n    // 15px short on each edge (measured, and documented in tokens.css), and moving the\n    // scroll container to `main` below `md` stops a phone's URL bar collapsing. This\n    // touches neither — only the element already being modified, only while locked.\n    //\n    // Note this fixes the DIALOG jump specifically. The separate page-to-page width\n    // change, where one route scrolls and the next does not, is the open decision\n    // recorded in tokens.css and is untouched here.\n    const gap = scrollbarWidth();\n    previousOverflow = document.body.style.overflow;\n    previousPaddingRight = document.body.style.paddingRight;\n    document.body.style.overflow = \"hidden\";\n    if (rootTakesOverflow()) {\n      // Per axis, so an app's own inline `overflow-x` comes back as it was.\n      const root = document.documentElement.style;\n      previousRootOverflow = { x: root.overflowX, y: root.overflowY };\n      root.overflowX = \"hidden\";\n      root.overflowY = \"hidden\";\n    }\n    if (gap > 0) {\n      // Added to whatever the body already had rather than assigned, so a consumer\n      // that sets its own padding keeps it.\n      const existing = parseFloat(getComputedStyle(document.body).paddingRight) || 0;\n      document.body.style.paddingRight = `${existing + gap}px`;\n    }\n  }\n  lockCount += 1;\n}\n\nfunction release(): void {\n  if (lockCount === 0) return;\n  lockCount -= 1;\n  if (lockCount === 0) {\n    document.body.style.overflow = previousOverflow;\n    document.body.style.paddingRight = previousPaddingRight;\n    if (previousRootOverflow !== null) {\n      document.documentElement.style.overflowX = previousRootOverflow.x;\n      document.documentElement.style.overflowY = previousRootOverflow.y;\n    }\n    previousOverflow = \"\";\n    previousPaddingRight = \"\";\n    previousRootOverflow = null;\n  }\n}\n\n/**\n * Lock background scrolling while `locked` is true, restoring the prior value once\n * the LAST holder releases. Composable with every other caller of this hook — see\n * the note above for why that has to be a property of the hook rather than of each\n * caller's discipline.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked) return;\n    acquire();\n    return release;\n  }, [locked]);\n}\n"],"mappings":";AAAA,SAAS,iBAAiB;AAuB1B,IAAI,YAAY;AAChB,IAAI,mBAAmB;AACvB,IAAI,uBAAuB;AAC3B,IAAI,uBAAwD;AAS5D,SAAS,oBAA6B;AACpC,QAAM,QAAQ,iBAAiB,SAAS,eAAe;AACvD,SAAO,MAAM,cAAc,aAAa,MAAM,cAAc;AAC9D;AASA,SAAS,iBAAyB;AAChC,SAAO,KAAK,IAAI,GAAG,OAAO,aAAa,SAAS,gBAAgB,WAAW;AAC7E;AAEA,SAAS,UAAgB;AACvB,MAAI,cAAc,GAAG;AAiBnB,UAAM,MAAM,eAAe;AAC3B,uBAAmB,SAAS,KAAK,MAAM;AACvC,2BAAuB,SAAS,KAAK,MAAM;AAC3C,aAAS,KAAK,MAAM,WAAW;AAC/B,QAAI,kBAAkB,GAAG;AAEvB,YAAM,OAAO,SAAS,gBAAgB;AACtC,6BAAuB,EAAE,GAAG,KAAK,WAAW,GAAG,KAAK,UAAU;AAC9D,WAAK,YAAY;AACjB,WAAK,YAAY;AAAA,IACnB;AACA,QAAI,MAAM,GAAG;AAGX,YAAM,WAAW,WAAW,iBAAiB,SAAS,IAAI,EAAE,YAAY,KAAK;AAC7E,eAAS,KAAK,MAAM,eAAe,GAAG,WAAW,GAAG;AAAA,IACtD;AAAA,EACF;AACA,eAAa;AACf;AAEA,SAAS,UAAgB;AACvB,MAAI,cAAc,EAAG;AACrB,eAAa;AACb,MAAI,cAAc,GAAG;AACnB,aAAS,KAAK,MAAM,WAAW;AAC/B,aAAS,KAAK,MAAM,eAAe;AACnC,QAAI,yBAAyB,MAAM;AACjC,eAAS,gBAAgB,MAAM,YAAY,qBAAqB;AAChE,eAAS,gBAAgB,MAAM,YAAY,qBAAqB;AAAA,IAClE;AACA,uBAAmB;AACnB,2BAAuB;AACvB,2BAAuB;AAAA,EACzB;AACF;AAQO,SAAS,kBAAkB,QAAuB;AACvD,YAAU,MAAM;AACd,QAAI,CAAC,OAAQ;AACb,YAAQ;AACR,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AACb;","names":[]}

package/dist/hooks/use-file-drop.d.ts

@@ -1,9 +1,9 @@
 import { DragEvent, ReactElement } from 'react';
-import { cE as UseFilePickerOptions } from '../feedback-DOwPu-Il.js';
+import { cE as UseFilePickerOptions } from '../feedback-BXKH-ToU.js';
 import '../components/tooltip.js';
 import './use-anchored-rect.js';
 import '../lib/clipping.js';
-import '../data-table-labels-B7OdnM0S.js';
+import '../data-table-labels-Cdn1QS2k.js';
 import '../components/data-table-sort.js';
 import '../components/swipeable-row.js';
 import '../components/mini-calendar.js';