@eifi1/ui-kit 0.51.3 → 0.51.5

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-capture.ts"],"sourcesContent":["/**\n * `captureAppScreenshot` — the picture of the app a feedback report attaches (0.27.0,\n * docs/feedback-harmonization.md §5).\n *\n * Lifted from keksdose `frontend/src/features/feedback/capture-screenshot.ts` (live #271),\n * which is the canon: Kurvenschmiede carried a second copy (`capture-page.ts`) with none of\n * its speed-ups, and kastlan had no capture at all. Each app wrote the same three awkward\n * decisions — which element, which library, what to do when it throws — and they drifted\n * the moment there were two copies (Kurvenschmiede feedback #128 says exactly that).\n *\n * WHY IT IS FAST (keksdose live #271: *\"Capture screenshot — That takes ages in my mobile\n * phone\"*). `modern-screenshot` deep-clones the subtree and inlines every node's computed\n * style onto the clone, because the final image is an SVG `foreignObject` that carries no\n * stylesheets. By default it walks the WHOLE computed style (~340 longhands in Chrome) per\n * element; keksdose's /transactions has ~4,800 elements under `#root` at phone width, so\n * that was ~1.6 million `getPropertyValue` calls before a pixel was drawn — 21–52 s on a\n * desktop CPU, 153–160 s with the CPU throttled 4×. Two levers fixed it, both kept here:\n *\n *   1. {@link CAPTURE_STYLE_PROPERTIES} — copy the ~140 longhands a Tailwind v4 app built\n *      on this kit actually uses. Alone: 21 s → 1.8 s.\n *   2. {@link inViewport} drops `display: none` subtrees — on a phone most of the\n *      document, since `DataTable` renders both layouts and hides one — and anything\n *      wholly outside the viewport. Together: 27–52 s → 0.4–1.1 s, the picture\n *      0.05% of pixels different (antialiasing).\n *\n * Plus WebP at 0.9 (222 KB → 46 KB, an upload a phone makes on a mobile connection) with\n * the file named from what the canvas ACTUALLY produced — a browser without WebP encodes\n * PNG, and a \"screenshot.webp\" that is a PNG is refused by the server on its type — and\n * `font: false`, since the app's faces are same-origin and already in the page.\n *\n * WHY THE PEER IS LOADED DYNAMICALLY. `modern-screenshot` is an OPTIONAL peer\n * (`peerDependenciesMeta.optional`, like `sonner`), and this module is re-exported by the\n * barrel: a static import would make every app that imports a Button install it. It is\n * imported inside the function, so an app pays nothing until somebody presses \"Capture\n * screenshot\", and an app without it gets a REJECTED promise — which the submit dialog\n * turns into the \"Could not capture a screenshot\" toast (`feedbackToast.captureFailed`).\n *\n * WHAT IS NOT HERE: Kurvenschmiede's `features: { restoreScrollPosition: true }` (its\n * feedback #153: a capture of a scrolled `<main>` came out as the TOP of the page). The\n * viewport filter already answers that case — what is scrolled out of view is dropped, so\n * what remains is what was on screen, give or take the part of the first row that was\n * scrolled past (checked in Chromium, 0.27.0: an inner `<main>` scrolled to row 20 captures\n * rows 20–26). Both together are worse than either: the clone is translated by the scroll\n * offset AFTER the rows above were dropped, and the picture came out blank below the\n * header (same check).\n */\n\n/**\n * The computed properties copied onto the clone (keksdose `capture-screenshot.ts:94`).\n *\n * LONGHANDS only: `getPropertyValue()` resolves a shorthand to `\"\"` whenever its longhands\n * disagree, so `\"border\"` would silently drop every one-sided border. Chosen by what\n * Tailwind v4 emits rather than by what looks complete: `font-variant-numeric` because\n * money is `tabular-nums`, the SVG paint properties because every icon is a lucide `<svg>`\n * inheriting `stroke: currentColor`.\n */\nconst CAPTURE_STYLE_PROPERTIES: readonly string[] = [\n  // box\n  \"display\",\n  \"position\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n  \"width\",\n  \"height\",\n  \"min-width\",\n  \"min-height\",\n  \"max-width\",\n  \"max-height\",\n  \"box-sizing\",\n  \"margin-top\",\n  \"margin-right\",\n  \"margin-bottom\",\n  \"margin-left\",\n  \"padding-top\",\n  \"padding-right\",\n  \"padding-bottom\",\n  \"padding-left\",\n  \"overflow-x\",\n  \"overflow-y\",\n  \"z-index\",\n  \"float\",\n  \"clear\",\n  \"aspect-ratio\",\n  \"inset-inline-start\",\n  \"inset-inline-end\",\n  // flex + grid\n  \"flex-direction\",\n  \"flex-wrap\",\n  \"flex-grow\",\n  \"flex-shrink\",\n  \"flex-basis\",\n  \"align-items\",\n  \"align-self\",\n  \"align-content\",\n  \"justify-content\",\n  \"justify-items\",\n  \"justify-self\",\n  \"row-gap\",\n  \"column-gap\",\n  \"order\",\n  \"grid-template-columns\",\n  \"grid-template-rows\",\n  \"grid-column-start\",\n  \"grid-column-end\",\n  \"grid-row-start\",\n  \"grid-row-end\",\n  \"grid-auto-flow\",\n  \"grid-auto-rows\",\n  \"grid-auto-columns\",\n  // type\n  \"color\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"font-style\",\n  \"font-variant-numeric\",\n  \"font-feature-settings\",\n  \"line-height\",\n  \"letter-spacing\",\n  \"word-spacing\",\n  \"text-align\",\n  \"text-indent\",\n  \"text-transform\",\n  \"text-overflow\",\n  \"text-decoration-line\",\n  \"text-decoration-color\",\n  \"text-decoration-style\",\n  \"text-decoration-thickness\",\n  \"text-underline-offset\",\n  \"white-space\",\n  \"word-break\",\n  \"overflow-wrap\",\n  \"vertical-align\",\n  \"direction\",\n  \"list-style-type\",\n  \"list-style-position\",\n  \"-webkit-line-clamp\",\n  \"-webkit-box-orient\",\n  \"-webkit-text-fill-color\",\n  // paint\n  \"background-color\",\n  \"background-image\",\n  \"background-position\",\n  \"background-repeat\",\n  \"background-size\",\n  \"background-clip\",\n  \"background-origin\",\n  \"opacity\",\n  \"visibility\",\n  \"box-shadow\",\n  \"filter\",\n  \"backdrop-filter\",\n  \"mix-blend-mode\",\n  \"clip-path\",\n  // borders + outline\n  \"border-top-width\",\n  \"border-right-width\",\n  \"border-bottom-width\",\n  \"border-left-width\",\n  \"border-top-style\",\n  \"border-right-style\",\n  \"border-bottom-style\",\n  \"border-left-style\",\n  \"border-top-color\",\n  \"border-right-color\",\n  \"border-bottom-color\",\n  \"border-left-color\",\n  \"border-top-left-radius\",\n  \"border-top-right-radius\",\n  \"border-bottom-right-radius\",\n  \"border-bottom-left-radius\",\n  \"outline-width\",\n  \"outline-style\",\n  \"outline-color\",\n  \"outline-offset\",\n  // transform\n  \"transform\",\n  \"transform-origin\",\n  \"rotate\",\n  \"scale\",\n  \"translate\",\n  // tables\n  \"border-collapse\",\n  \"border-spacing\",\n  \"table-layout\",\n  \"caption-side\",\n  // replaced content + svg\n  \"object-fit\",\n  \"object-position\",\n  \"fill\",\n  \"fill-opacity\",\n  \"fill-rule\",\n  \"stroke\",\n  \"stroke-opacity\",\n  \"stroke-width\",\n  \"stroke-linecap\",\n  \"stroke-linejoin\",\n  \"stroke-dasharray\",\n  \"stroke-dashoffset\",\n  \"shape-rendering\",\n  \"paint-order\",\n];\n\n/** The extension that belongs to what the canvas actually produced (keksdose\n *  `capture-screenshot.ts:247`). */\nconst EXTENSIONS: Record<string, string> = {\n  \"image/webp\": \"webp\",\n  \"image/jpeg\": \"jpg\",\n  \"image/png\": \"png\",\n};\n\n/**\n * Keep a node only if it can paint inside the viewport (keksdose `capture-screenshot.ts:267`).\n *\n * - `display: none` goes, with its subtree — it paints nothing and no descendant can.\n *   `<style>` and `<link>` are computed `display: none` too but are NOT decoration: a\n *   stylesheet inside the captured subtree still applies inside the `foreignObject`.\n *   `visibility: hidden` is deliberately not checked: a descendant may set it back.\n * - A box wholly outside the viewport goes: the root is viewport-sized (the app scrolls an\n *   inner `<main>`), so it would have been clipped away unseen.\n * - A ZERO box is kept: `display: contents` reports 0×0 while its children paint, and the\n *   library's filter drops a rejected node's children too.\n */\nfunction inViewport(node: Node): boolean {\n  if (node.nodeType !== Node.ELEMENT_NODE) return true;\n  const el = node as Element;\n  const tag = el.tagName;\n  if (tag !== \"STYLE\" && tag !== \"LINK\") {\n    const display = el.ownerDocument?.defaultView?.getComputedStyle(el).display;\n    if (display === \"none\") return false;\n  }\n  const rect = el.getBoundingClientRect?.();\n  if (!rect) return true;\n  if (rect.width === 0 && rect.height === 0) return true;\n  return !(rect.bottom <= 0 || rect.right <= 0 || rect.top >= window.innerHeight || rect.left >= window.innerWidth);\n}\n\n/** What `captureAppScreenshot` takes. */\nexport interface CaptureAppScreenshotOptions {\n  /**\n   * The id of the element to capture. Default `\"root\"` — the app's mount point, which is\n   * right on purpose: the kit's `Modal` portals to `document.body` as a SIBLING of `#root`,\n   * so capturing `#root` leaves the feedback dialog and its backdrop out of the picture\n   * without a single filter rule.\n   */\n  rootId?: string;\n}\n\n/**\n * Snapshot the app view behind the feedback dialog, as a `File` ready for the upload —\n * `screenshot.webp`, or `screenshot.png` where the browser cannot encode WebP.\n *\n * - Resolves `null` when there is no element with `rootId` — nothing to capture.\n * - **Rejects** when the optional peer `modern-screenshot` is not installed (the error\n *   says so), or when the capture itself fails. It never swallows: what to say about a\n *   failure is the caller's — `useFeedbackSubmit` toasts `feedbackToast.captureFailed`.\n *\n * Call it from the \"Capture screenshot\" button's own click and nowhere else (keksdose\n * checked: running it at dialog OPEN was suspected and was never the cause of the wait).\n */\nexport async function captureAppScreenshot({ rootId = \"root\" }: CaptureAppScreenshotOptions = {}): Promise<File | null> {\n  let domToBlob: (typeof import(\"modern-screenshot\"))[\"domToBlob\"];\n  try {\n    ({ domToBlob } = await import(\"modern-screenshot\"));\n  } catch (cause) {\n    throw new Error(\n      \"@eifi1/ui-kit: captureAppScreenshot needs the optional peer `modern-screenshot` — install it (npm i modern-screenshot).\",\n      { cause },\n    );\n  }\n  const el = document.getElementById(rootId);\n  if (!el) return null;\n  const blob = await domToBlob(el, {\n    // Falls back to PNG where WebP cannot be encoded; the File is named from the blob.\n    type: \"image/webp\",\n    quality: 0.9,\n    font: false,\n    includeStyleProperties: [...CAPTURE_STYLE_PROPERTIES],\n    filter: inViewport,\n  });\n  const type = blob.type || \"image/png\";\n  return new File([blob], `screenshot.${EXTENSIONS[type] ?? \"png\"}`, { type });\n}\n"],"mappings":";AAwDA,MAAM,2BAA8C;AAAA;AAAA,EAElD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,MAAM,aAAqC;AAAA,EACzC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;AAcA,SAAS,WAAW,MAAqB;AACvC,MAAI,KAAK,aAAa,KAAK,aAAc,QAAO;AAChD,QAAM,KAAK;AACX,QAAM,MAAM,GAAG;AACf,MAAI,QAAQ,WAAW,QAAQ,QAAQ;AACrC,UAAM,UAAU,GAAG,eAAe,aAAa,iBAAiB,EAAE,EAAE;AACpE,QAAI,YAAY,OAAQ,QAAO;AAAA,EACjC;AACA,QAAM,OAAO,GAAG,wBAAwB;AACxC,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,KAAK,UAAU,KAAK,KAAK,WAAW,EAAG,QAAO;AAClD,SAAO,EAAE,KAAK,UAAU,KAAK,KAAK,SAAS,KAAK,KAAK,OAAO,OAAO,eAAe,KAAK,QAAQ,OAAO;AACxG;AAyBA,eAAsB,qBAAqB,EAAE,SAAS,OAAO,IAAiC,CAAC,GAAyB;AACtH,MAAI;AACJ,MAAI;AACF,KAAC,EAAE,UAAU,IAAI,MAAM,OAAO,mBAAmB;AAAA,EACnD,SAAS,OAAO;AACd,UAAM,IAAI;AAAA,MACR;AAAA,MACA,EAAE,MAAM;AAAA,IACV;AAAA,EACF;AACA,QAAM,KAAK,SAAS,eAAe,MAAM;AACzC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,OAAO,MAAM,UAAU,IAAI;AAAA;AAAA,IAE/B,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB,CAAC,GAAG,wBAAwB;AAAA,IACpD,QAAQ;AAAA,EACV,CAAC;AACD,QAAM,OAAO,KAAK,QAAQ;AAC1B,SAAO,IAAI,KAAK,CAAC,IAAI,GAAG,cAAc,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE,KAAK,CAAC;AAC7E;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-capture.ts"],"sourcesContent":["/**\n * `captureAppScreenshot` — the picture of the app a feedback report attaches (0.27.0,\n * docs/feedback-harmonization.md §5).\n *\n * Lifted from keksdose `frontend/src/features/feedback/capture-screenshot.ts` (live #271),\n * which is the canon: Kurvenschmiede carried a second copy (`capture-page.ts`) with none of\n * its speed-ups, and kastlan had no capture at all. Each app wrote the same three awkward\n * decisions — which element, which library, what to do when it throws — and they drifted\n * the moment there were two copies (Kurvenschmiede feedback #128 says exactly that).\n *\n * WHY IT IS FAST (keksdose live #271: *\"Capture screenshot — That takes ages in my mobile\n * phone\"*). `modern-screenshot` deep-clones the subtree and inlines every node's computed\n * style onto the clone, because the final image is an SVG `foreignObject` that carries no\n * stylesheets. By default it walks the WHOLE computed style (~340 longhands in Chrome) per\n * element; keksdose's /transactions has ~4,800 elements under `#root` at phone width, so\n * that was ~1.6 million `getPropertyValue` calls before a pixel was drawn — 21–52 s on a\n * desktop CPU, 153–160 s with the CPU throttled 4×. Two levers fixed it, both kept here:\n *\n *   1. {@link CAPTURE_STYLE_PROPERTIES} — copy the ~140 longhands a Tailwind v4 app built\n *      on this kit actually uses. Alone: 21 s → 1.8 s.\n *   2. {@link inViewport} drops `display: none` subtrees — on a phone most of the\n *      document, since `DataTable` renders both layouts and hides one — and anything\n *      wholly outside the viewport. Together: 27–52 s → 0.4–1.1 s, the picture\n *      0.05% of pixels different (antialiasing).\n *\n * Plus WebP at 0.9 (222 KB → 46 KB, an upload a phone makes on a mobile connection) with\n * the file named from what the canvas ACTUALLY produced — a browser without WebP encodes\n * PNG, and a \"screenshot.webp\" that is a PNG is refused by the server on its type — and\n * `font: false`, since the app's faces are same-origin and already in the page.\n *\n * WHY THE PEER IS LOADED DYNAMICALLY. `modern-screenshot` is an OPTIONAL peer\n * (`peerDependenciesMeta.optional`, like `sonner`), and this module is re-exported by the\n * barrel: a static import would make every app that imports a Button install it. It is\n * imported inside the function, so an app pays nothing until somebody presses \"Capture\n * screenshot\", and an app without it gets a REJECTED promise — which the submit dialog\n * turns into the \"Could not capture a screenshot\" toast (`feedbackToast.captureFailed`).\n *\n * WHAT IS NOT HERE: Kurvenschmiede's `features: { restoreScrollPosition: true }` (its\n * feedback #153: a capture of a scrolled `<main>` came out as the TOP of the page). The\n * viewport filter already answers that case — what is scrolled out of view is dropped, so\n * what remains is what was on screen, give or take the part of the first row that was\n * scrolled past (checked in Chromium, 0.27.0: an inner `<main>` scrolled to row 20 captures\n * rows 20–26). Both together are worse than either: the clone is translated by the scroll\n * offset AFTER the rows above were dropped, and the picture came out blank below the\n * header (same check).\n */\n\n/**\n * The computed properties copied onto the clone (keksdose `capture-screenshot.ts:94`).\n *\n * LONGHANDS only: `getPropertyValue()` resolves a shorthand to `\"\"` whenever its longhands\n * disagree, so `\"border\"` would silently drop every one-sided border. Chosen by what\n * Tailwind v4 emits rather than by what looks complete: `font-variant-numeric` because\n * money is `tabular-nums`, the SVG paint properties because every icon is a lucide `<svg>`\n * inheriting `stroke: currentColor`.\n */\nconst CAPTURE_STYLE_PROPERTIES: readonly string[] = [\n  // box\n  \"display\",\n  \"position\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n  \"width\",\n  \"height\",\n  \"min-width\",\n  \"min-height\",\n  \"max-width\",\n  \"max-height\",\n  \"box-sizing\",\n  \"margin-top\",\n  \"margin-right\",\n  \"margin-bottom\",\n  \"margin-left\",\n  \"padding-top\",\n  \"padding-right\",\n  \"padding-bottom\",\n  \"padding-left\",\n  \"overflow-x\",\n  \"overflow-y\",\n  \"z-index\",\n  \"float\",\n  \"clear\",\n  \"aspect-ratio\",\n  \"inset-inline-start\",\n  \"inset-inline-end\",\n  // flex + grid\n  \"flex-direction\",\n  \"flex-wrap\",\n  \"flex-grow\",\n  \"flex-shrink\",\n  \"flex-basis\",\n  \"align-items\",\n  \"align-self\",\n  \"align-content\",\n  \"justify-content\",\n  \"justify-items\",\n  \"justify-self\",\n  \"row-gap\",\n  \"column-gap\",\n  \"order\",\n  \"grid-template-columns\",\n  \"grid-template-rows\",\n  \"grid-column-start\",\n  \"grid-column-end\",\n  \"grid-row-start\",\n  \"grid-row-end\",\n  \"grid-auto-flow\",\n  \"grid-auto-rows\",\n  \"grid-auto-columns\",\n  // type\n  \"color\",\n  \"font-family\",\n  \"font-size\",\n  \"font-weight\",\n  \"font-style\",\n  \"font-variant-numeric\",\n  \"font-feature-settings\",\n  \"line-height\",\n  \"letter-spacing\",\n  \"word-spacing\",\n  \"text-align\",\n  \"text-indent\",\n  \"text-transform\",\n  \"text-overflow\",\n  \"text-decoration-line\",\n  \"text-decoration-color\",\n  \"text-decoration-style\",\n  \"text-decoration-thickness\",\n  \"text-underline-offset\",\n  \"white-space\",\n  \"word-break\",\n  \"overflow-wrap\",\n  \"vertical-align\",\n  \"direction\",\n  \"list-style-type\",\n  \"list-style-position\",\n  \"-webkit-line-clamp\",\n  \"-webkit-box-orient\",\n  \"-webkit-text-fill-color\",\n  // paint\n  \"background-color\",\n  \"background-image\",\n  \"background-position\",\n  \"background-repeat\",\n  \"background-size\",\n  \"background-clip\",\n  \"background-origin\",\n  \"opacity\",\n  \"visibility\",\n  \"box-shadow\",\n  \"filter\",\n  \"backdrop-filter\",\n  \"mix-blend-mode\",\n  \"clip-path\",\n  // borders + outline\n  \"border-top-width\",\n  \"border-right-width\",\n  \"border-bottom-width\",\n  \"border-left-width\",\n  \"border-top-style\",\n  \"border-right-style\",\n  \"border-bottom-style\",\n  \"border-left-style\",\n  \"border-top-color\",\n  \"border-right-color\",\n  \"border-bottom-color\",\n  \"border-left-color\",\n  \"border-top-left-radius\",\n  \"border-top-right-radius\",\n  \"border-bottom-right-radius\",\n  \"border-bottom-left-radius\",\n  \"outline-width\",\n  \"outline-style\",\n  \"outline-color\",\n  \"outline-offset\",\n  // transform\n  \"transform\",\n  \"transform-origin\",\n  \"rotate\",\n  \"scale\",\n  \"translate\",\n  // tables\n  \"border-collapse\",\n  \"border-spacing\",\n  \"table-layout\",\n  \"caption-side\",\n  // replaced content + svg\n  \"object-fit\",\n  \"object-position\",\n  \"fill\",\n  \"fill-opacity\",\n  \"fill-rule\",\n  \"stroke\",\n  \"stroke-opacity\",\n  \"stroke-width\",\n  \"stroke-linecap\",\n  \"stroke-linejoin\",\n  \"stroke-dasharray\",\n  \"stroke-dashoffset\",\n  \"shape-rendering\",\n  \"paint-order\",\n];\n\n/** The extension that belongs to what the canvas actually produced (keksdose\n *  `capture-screenshot.ts:247`). */\nconst EXTENSIONS: Record<string, string> = {\n  \"image/webp\": \"webp\",\n  \"image/jpeg\": \"jpg\",\n  \"image/png\": \"png\",\n};\n\n/**\n * Keep a node only if it can paint inside the viewport (keksdose `capture-screenshot.ts:267`).\n *\n * - `display: none` goes, with its subtree — it paints nothing and no descendant can.\n *   `<style>` and `<link>` are computed `display: none` too but are NOT decoration: a\n *   stylesheet inside the captured subtree still applies inside the `foreignObject`.\n *   `visibility: hidden` is deliberately not checked: a descendant may set it back.\n * - A box wholly outside the viewport goes: the root is viewport-sized (the app scrolls an\n *   inner `<main>`), so it would have been clipped away unseen.\n * - A ZERO box is kept: `display: contents` reports 0×0 while its children paint, and the\n *   library's filter drops a rejected node's children too.\n */\nfunction inViewport(node: Node): boolean {\n  if (node.nodeType !== Node.ELEMENT_NODE) return true;\n  const el = node as Element;\n  const tag = el.tagName;\n  if (tag !== \"STYLE\" && tag !== \"LINK\") {\n    const display = el.ownerDocument?.defaultView?.getComputedStyle(el).display;\n    if (display === \"none\") return false;\n  }\n  const rect = el.getBoundingClientRect?.();\n  if (!rect) return true;\n  if (rect.width === 0 && rect.height === 0) return true;\n  return !(rect.bottom <= 0 || rect.right <= 0 || rect.top >= window.innerHeight || rect.left >= window.innerWidth);\n}\n\n/** What `captureAppScreenshot` takes. */\nexport interface CaptureAppScreenshotOptions {\n  /**\n   * The id of the element to capture. Default `\"root\"` — the app's mount point, which is\n   * right on purpose: the kit's `Modal` portals to `document.body` as a SIBLING of `#root`,\n   * so capturing `#root` leaves the feedback dialog and its backdrop out of the picture\n   * without a single filter rule.\n   */\n  rootId?: string;\n}\n\n/**\n * Snapshot the app view behind the feedback dialog, as a `File` ready for the upload —\n * `screenshot.webp`, or `screenshot.png` where the browser cannot encode WebP.\n *\n * - Resolves `null` when there is no element with `rootId` — nothing to capture.\n * - **Rejects** when the optional peer `modern-screenshot` is not installed (the error\n *   says so), or when the capture itself fails. It never swallows: what to say about a\n *   failure is the caller's — `useFeedbackSubmit` toasts `feedbackToast.captureFailed`.\n *\n * Call it from the \"Capture screenshot\" button's own click and nowhere else (keksdose\n * checked: running it at dialog OPEN was suspected and was never the cause of the wait).\n */\nexport async function captureAppScreenshot({\n  rootId = \"root\",\n}: CaptureAppScreenshotOptions = {}): Promise<File | null> {\n  let domToBlob: (typeof import(\"modern-screenshot\"))[\"domToBlob\"];\n  try {\n    ({ domToBlob } = await import(\"modern-screenshot\"));\n  } catch (cause) {\n    throw new Error(\n      \"@eifi1/ui-kit: captureAppScreenshot needs the optional peer `modern-screenshot` — install it (npm i modern-screenshot).\",\n      { cause },\n    );\n  }\n  const el = document.getElementById(rootId);\n  if (!el) return null;\n  const blob = await domToBlob(el, {\n    // Falls back to PNG where WebP cannot be encoded; the File is named from the blob.\n    type: \"image/webp\",\n    quality: 0.9,\n    font: false,\n    includeStyleProperties: [...CAPTURE_STYLE_PROPERTIES],\n    filter: inViewport,\n  });\n  const type = blob.type || \"image/png\";\n  return new File([blob], `screenshot.${EXTENSIONS[type] ?? \"png\"}`, { type });\n}\n"],"mappings":";AAwDA,MAAM,2BAA8C;AAAA;AAAA,EAElD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAIA,MAAM,aAAqC;AAAA,EACzC,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;AAcA,SAAS,WAAW,MAAqB;AACvC,MAAI,KAAK,aAAa,KAAK,aAAc,QAAO;AAChD,QAAM,KAAK;AACX,QAAM,MAAM,GAAG;AACf,MAAI,QAAQ,WAAW,QAAQ,QAAQ;AACrC,UAAM,UAAU,GAAG,eAAe,aAAa,iBAAiB,EAAE,EAAE;AACpE,QAAI,YAAY,OAAQ,QAAO;AAAA,EACjC;AACA,QAAM,OAAO,GAAG,wBAAwB;AACxC,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,KAAK,UAAU,KAAK,KAAK,WAAW,EAAG,QAAO;AAClD,SAAO,EAAE,KAAK,UAAU,KAAK,KAAK,SAAS,KAAK,KAAK,OAAO,OAAO,eAAe,KAAK,QAAQ,OAAO;AACxG;AAyBA,eAAsB,qBAAqB;AAAA,EACzC,SAAS;AACX,IAAiC,CAAC,GAAyB;AACzD,MAAI;AACJ,MAAI;AACF,KAAC,EAAE,UAAU,IAAI,MAAM,OAAO,mBAAmB;AAAA,EACnD,SAAS,OAAO;AACd,UAAM,IAAI;AAAA,MACR;AAAA,MACA,EAAE,MAAM;AAAA,IACV;AAAA,EACF;AACA,QAAM,KAAK,SAAS,eAAe,MAAM;AACzC,MAAI,CAAC,GAAI,QAAO;AAChB,QAAM,OAAO,MAAM,UAAU,IAAI;AAAA;AAAA,IAE/B,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,wBAAwB,CAAC,GAAG,wBAAwB;AAAA,IACpD,QAAQ;AAAA,EACV,CAAC;AACD,QAAM,OAAO,KAAK,QAAQ;AAC1B,SAAO,IAAI,KAAK,CAAC,IAAI,GAAG,cAAc,WAAW,IAAI,KAAK,KAAK,IAAI,EAAE,KAAK,CAAC;AAC7E;","names":[]}

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

@@ -63,14 +63,21 @@ function FeedbackCommentThread({
           createdAt: reply.created_at,
           body: reply.body,
           attachments: reply.attachment_url ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }] : void 0,
-          badge: /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1", "data-feedback-entry-kind": "rework", children: [
-            /* @__PURE__ */ jsx(FeedbackReworkEntryChip, {}),
-            reply.status_to && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", "data-feedback-reply-status": reply.status_to, children: [
-              /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
-              /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2192" }),
-              /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: reply.status_to })
-            ] })
-          ] })
+          badge: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1",
+              "data-feedback-entry-kind": "rework",
+              children: [
+                /* @__PURE__ */ jsx(FeedbackReworkEntryChip, {}),
+                reply.status_to && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", "data-feedback-reply-status": reply.status_to, children: [
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
+                  /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2192" }),
+                  /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: reply.status_to })
+                ] })
+              ]
+            }
+          )
         }
       });
       return;
@@ -86,11 +93,18 @@ function FeedbackCommentThread({
         // 0.47 (§12): an admin reply's file, where the view carries it.
         attachments: reply.attachment_url ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }] : void 0,
         staff: true,
-        badge: reply.status_to ? /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1", "data-feedback-reply-status": reply.status_to, children: [
-          /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2192" }),
-          /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: reply.status_to })
-        ] }) : void 0
+        badge: reply.status_to ? /* @__PURE__ */ jsxs(
+          "span",
+          {
+            className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1",
+            "data-feedback-reply-status": reply.status_to,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
+              /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2192" }),
+              /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: reply.status_to })
+            ]
+          }
+        ) : void 0
       }
     });
   });

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-comment-thread.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { EyeOff } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { useConfirm } from \"../components/confirm-dialog\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackStatusBadge } from \"./feedback-inbox\";\nimport type { FeedbackComment, FeedbackReply } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\nimport { FEEDBACK_COMMENT_MAX, attachmentName } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { useFeedbackRepliesLabels } from \"./feedback-replies\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { ChatComposer, FeedbackThread } from \"./feedback-thread\";\nimport type { FeedbackThreadMessage } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * A report's conversation as everyone who may read it sees it\n * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's\n * comments, each its own row, oldest first — merged by time, on the\n * {@link FeedbackThread} look — and the box to add one.\n *\n * - **Replies** are drawn as staff posts with the status they set (\"→ Done\"); a reply\n *   without an author is \"Admin\" (§9.7).\n * - **Reworks** (0.40, §10.3, `kind: \"rework\"`) are the report's author's: the\n *   **Rework** chip, \"→ status\" when the entry moved one (a migrated one did not), the\n *   file when the view carries it; at the reading end for the author ({@link\n *   FeedbackCommentThreadProps.isAuthor}), and a `null` name is \"A user\", never \"Admin\".\n * - **Comments**: the viewer's own at the reading end (\"You\"); someone else's under the\n *   first name the server sent, `null` as \"A user\" (§9.5, `feedbackPublic.anonymous`).\n * - **Hidden** (§9.8): others see \"Hidden by an admin\" and no name, no text; the writer\n *   sees their text with that line; the admin sees it struck through, with **Unhide**.\n *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,\n *   after a confirm (it is a hard delete). Nobody edits a comment.\n * - **The composer** (1–4 000 characters) only with `onComment`: left out for a reader\n *   who may not write (a demo, a CRASH report — the app knows). Since 0.47 (§12) with\n *   `onUpload` it takes one file as the rework note does — pasted into the box,\n *   captured or picked — uploaded first, its URL `onComment`'s second argument.\n * - **Files** (0.47, §12): a comment's or an entry's file under its text, a picture\n *   INLINE — a thumbnail through `fetcher` that opens full size — any other file a\n *   download ({@link FeedbackEntryFile}). A veiled comment shows none.\n *\n * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the\n * viewer's needs the app's `ConfirmProvider` (each app mounts one already).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is\n *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */\nexport interface FeedbackCommentsLabels {\n  /** The thread's accessible name. de-CH: \"Kommentare\" */\n  comments: string;\n  /** Nothing yet. de-CH: \"Noch keine Kommentare\" */\n  empty: string;\n  /** In place of a hidden comment. de-CH: \"Von einem Admin ausgeblendet\" */\n  hidden: string;\n  /** The admin's button. de-CH: \"Ausblenden\" */\n  hide: string;\n  /** The admin's button on a hidden comment. de-CH: \"Einblenden\" */\n  unhide: string;\n  /** The writer's button. de-CH: \"Löschen\" */\n  delete: string;\n  /** The confirm's question. de-CH: \"Diesen Kommentar löschen?\" */\n  deleteTitle: string;\n  /** The confirm's line. de-CH: \"Er wird für alle entfernt. Das kann nicht rückgängig\n   *  gemacht werden.\" */\n  deleteBody: string;\n  /** The box's accessible name. de-CH: \"Kommentar schreiben\" */\n  field: string;\n  /** de-CH: \"Kommentar schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Kommentieren\" */\n  send: string;\n}\n\nexport { DEFAULT_FEEDBACK_COMMENTS_LABELS };\n\n/* ── The thread ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackCommentThreadProps extends FeedbackEntryUploadOptions {\n  /** The report's replies (§9.7), oldest first. Left out or `[]`: none.\n   *\n   *  Inside `FeedbackRowDetail`'s `comments` they are dropped (0.38.1): the detail's\n   *  Replies section draws them already, and the thread there is the comments alone —\n   *  so passing them there cannot draw them twice. */\n  replies?: readonly FeedbackReply[];\n  /** `GET /feedback/{id}/comments`, oldest first. */\n  comments: readonly FeedbackComment[];\n  /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */\n  isAdmin: boolean;\n  /** 0.40: the viewer filed the report (the record's `mine`) — its rework entries are\n   *  theirs, drawn at the reading end as \"You\". Default `false`. */\n  isAuthor?: boolean;\n  /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it\n   *  resolves, and keeps the draft when it rejects. A failure is the app's to toast —\n   *  the server's `detail`, else `feedbackToast.commentFailed` (0.38.1). Left out, no\n   *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with\n   *  `onUpload`), `undefined` for none — `attachment_url` in the body (server-kit 0.18). */\n  onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the files in the thread.\n   *  Left out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. A rejection\n   *  is caught (0.38.1) and is the app's to toast (`feedbackToast.updateFailed`). Left\n   *  out, no Hide / Unhide. */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the\n   *  confirm. Left out, no Delete. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The comments are loading. */\n  loading?: boolean;\n  /** Comment, Hide and Delete COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** \"Now\" for the relative times — pin it in tests and stories. */\n  now?: Date | number;\n  labels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\ntype Entry = { at: number; order: number; message: FeedbackThreadMessage };\n\n/** The admin's Hide / Unhide as a promise — a sync throw or a `void` return included —\n *  so the click can catch it as Delete's does. */\nconst hideComment = async (\n  onHide: NonNullable<FeedbackCommentThreadProps[\"onHide\"]>,\n  comment: FeedbackComment,\n) => {\n  await onHide(comment, !comment.hidden);\n};\n\nconst instant = (iso: string) => {\n  const ms = Date.parse(iso);\n  return Number.isNaN(ms) ? 0 : ms;\n};\n\nexport function FeedbackCommentThread({\n  replies: repliesProp = [],\n  comments,\n  isAdmin,\n  isAuthor = false,\n  onComment,\n  onHide,\n  onDelete,\n  pending = false,\n  loading = false,\n  commit,\n  now,\n  fetcher,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackCommentThreadProps) {\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const labels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const replyLabels = useFeedbackRepliesLabels();\n  const repliesDrawnAbove = useContext(FeedbackRepliesDrawnAboveContext);\n  const replies = repliesDrawnAbove ? [] : repliesProp;\n\n  const entries: Entry[] = [];\n  replies.forEach((reply, order) => {\n    if (reply.kind === \"rework\") {\n      entries.push({\n        at: instant(reply.created_at),\n        order,\n        message: {\n          id: `reply-${reply.id}`,\n          own: isAuthor,\n          author: isAuthor ? undefined : (reply.author_name ?? anonymous),\n          createdAt: reply.created_at,\n          body: reply.body,\n          attachments: reply.attachment_url\n            ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n            : undefined,\n          badge: (\n            <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-entry-kind=\"rework\">\n              <FeedbackReworkEntryChip />\n              {reply.status_to && (\n                <span className=\"inline-flex items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n                  <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n                  <span aria-hidden>→</span>\n                  <FeedbackStatusBadge status={reply.status_to} />\n                </span>\n              )}\n            </span>\n          ),\n        },\n      });\n      return;\n    }\n    entries.push({\n      at: instant(reply.created_at),\n      order,\n      message: {\n        id: `reply-${reply.id}`,\n        author: reply.author_name ?? replyLabels.admin,\n        createdAt: reply.created_at,\n        body: reply.body,\n        // 0.47 (§12): an admin reply's file, where the view carries it.\n        attachments: reply.attachment_url\n          ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n          : undefined,\n        staff: true,\n        badge: reply.status_to ? (\n          <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n            <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n            <span aria-hidden>→</span>\n            <FeedbackStatusBadge status={reply.status_to} />\n          </span>\n        ) : undefined,\n      },\n    });\n  });\n  comments.forEach((comment, index) => {\n    // Shown as hidden — no name, no text — to anyone but its writer and an admin.\n    const veiled = comment.hidden && !comment.mine && !isAdmin;\n    const actions: ReactNode[] = [];\n    if (comment.hidden) {\n      actions.push(\n        <span key=\"hidden\" className=\"inline-flex items-center gap-1\" data-feedback-comment-hidden=\"\">\n          <EyeOff className=\"size-3\" aria-hidden />\n          {labels.hidden}\n        </span>,\n      );\n    }\n    if (isAdmin && onHide) {\n      actions.push(\n        <Button\n          key=\"hide\"\n          type=\"button\"\n          variant=\"link\"\n          tone=\"muted\"\n          size=\"sm\"\n          commit={commit}\n          // Caught as Delete's is (0.38.1): a rejection is the app's to toast — its\n          // mutation's `onError` — and must not surface as an unhandled one.\n          onClick={() => void hideComment(onHide, comment).catch(() => {})}\n        >\n          {comment.hidden ? labels.unhide : labels.hide}\n        </Button>,\n      );\n    }\n    if (comment.mine && onDelete) {\n      actions.push(\n        <DeleteCommentButton key=\"delete\" comment={comment} onDelete={onDelete} commit={commit} labels={labels} />,\n      );\n    }\n    entries.push({\n      at: instant(comment.created_at),\n      // Replies first on a tie, then the comments in their order.\n      order: replies.length + index,\n      message: {\n        id: `comment-${comment.id}`,\n        own: comment.mine,\n        author: veiled ? undefined : comment.mine ? undefined : (comment.author_name ?? anonymous),\n        createdAt: comment.created_at,\n        body: veiled ? \"\" : (comment.body ?? \"\"),\n        // 0.47 (§12): its one file; none when veiled (the server sends none either).\n        attachments:\n          !veiled && comment.attachment_url\n            ? [{ name: attachmentName(comment.attachment_url), url: comment.attachment_url }]\n            : undefined,\n        staff: !veiled && comment.staff,\n        struck: comment.hidden && isAdmin && !veiled,\n        footer: actions.length > 0 ? actions : undefined,\n      },\n    });\n  });\n  entries.sort((a, b) => a.at - b.at || a.order - b.order);\n\n  return (\n    <div className={className} data-feedback-comment-thread=\"\">\n      <FeedbackThread\n        messages={entries.map((entry) => entry.message)}\n        loading={loading}\n        now={now}\n        renderAttachment={(file) => (file.url ? <FeedbackEntryFile url={file.url} fetcher={fetcher} /> : file.name)}\n        labels={{ thread: labels.comments, empty: labels.empty }}\n      />\n      {onComment && (\n        <ChatComposer\n          className=\"mt-3\"\n          onSend={async (body, file) => {\n            const url = await upload(file);\n            // The second argument only with a file, so a text comment calls as before 0.47.\n            return url === undefined ? onComment(body) : onComment(body, url);\n          }}\n          pending={pending || uploading}\n          attachment={composerAttachment}\n          commit={commit}\n          maxLength={FEEDBACK_COMMENT_MAX}\n          showCount\n          labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.send }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The writer's Delete: a confirm (danger tone, focus on Cancel), then `onDelete`. Its\n *  own component, so `useConfirm` — which needs a `ConfirmProvider` — is only called\n *  where there is something to delete. */\nfunction DeleteCommentButton({\n  comment,\n  onDelete,\n  commit,\n  labels,\n}: {\n  comment: FeedbackComment;\n  onDelete: (comment: FeedbackComment) => void | Promise<unknown>;\n  commit?: CommitScope;\n  labels: FeedbackCommentsLabels;\n}) {\n  const confirm = useConfirm();\n  const remove = async () => {\n    const ok = await confirm({\n      title: labels.deleteTitle,\n      body: labels.deleteBody,\n      confirmLabel: labels.delete,\n      tone: \"danger\",\n      commit,\n    });\n    if (ok) await onDelete(comment);\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      tone=\"danger\"\n      size=\"sm\"\n      commit={commit}\n      onClick={() => void remove().catch(() => {})}\n    >\n      {labels.delete}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-comment-thread.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { EyeOff } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { useConfirm } from \"../components/confirm-dialog\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackStatusBadge } from \"./feedback-inbox\";\nimport type { FeedbackComment, FeedbackReply } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\nimport { FEEDBACK_COMMENT_MAX, attachmentName } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { useFeedbackRepliesLabels } from \"./feedback-replies\";\nimport { FeedbackRepliesDrawnAboveContext } from \"./feedback-replies-context\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { ChatComposer, FeedbackThread } from \"./feedback-thread\";\nimport type { FeedbackThreadMessage } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * A report's conversation as everyone who may read it sees it\n * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's\n * comments, each its own row, oldest first — merged by time, on the\n * {@link FeedbackThread} look — and the box to add one.\n *\n * - **Replies** are drawn as staff posts with the status they set (\"→ Done\"); a reply\n *   without an author is \"Admin\" (§9.7).\n * - **Reworks** (0.40, §10.3, `kind: \"rework\"`) are the report's author's: the\n *   **Rework** chip, \"→ status\" when the entry moved one (a migrated one did not), the\n *   file when the view carries it; at the reading end for the author ({@link\n *   FeedbackCommentThreadProps.isAuthor}), and a `null` name is \"A user\", never \"Admin\".\n * - **Comments**: the viewer's own at the reading end (\"You\"); someone else's under the\n *   first name the server sent, `null` as \"A user\" (§9.5, `feedbackPublic.anonymous`).\n * - **Hidden** (§9.8): others see \"Hidden by an admin\" and no name, no text; the writer\n *   sees their text with that line; the admin sees it struck through, with **Unhide**.\n *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,\n *   after a confirm (it is a hard delete). Nobody edits a comment.\n * - **The composer** (1–4 000 characters) only with `onComment`: left out for a reader\n *   who may not write (a demo, a CRASH report — the app knows). Since 0.47 (§12) with\n *   `onUpload` it takes one file as the rework note does — pasted into the box,\n *   captured or picked — uploaded first, its URL `onComment`'s second argument.\n * - **Files** (0.47, §12): a comment's or an entry's file under its text, a picture\n *   INLINE — a thumbnail through `fetcher` that opens full size — any other file a\n *   download ({@link FeedbackEntryFile}). A veiled comment shows none.\n *\n * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the\n * viewer's needs the app's `ConfirmProvider` (each app mounts one already).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is\n *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */\nexport interface FeedbackCommentsLabels {\n  /** The thread's accessible name. de-CH: \"Kommentare\" */\n  comments: string;\n  /** Nothing yet. de-CH: \"Noch keine Kommentare\" */\n  empty: string;\n  /** In place of a hidden comment. de-CH: \"Von einem Admin ausgeblendet\" */\n  hidden: string;\n  /** The admin's button. de-CH: \"Ausblenden\" */\n  hide: string;\n  /** The admin's button on a hidden comment. de-CH: \"Einblenden\" */\n  unhide: string;\n  /** The writer's button. de-CH: \"Löschen\" */\n  delete: string;\n  /** The confirm's question. de-CH: \"Diesen Kommentar löschen?\" */\n  deleteTitle: string;\n  /** The confirm's line. de-CH: \"Er wird für alle entfernt. Das kann nicht rückgängig\n   *  gemacht werden.\" */\n  deleteBody: string;\n  /** The box's accessible name. de-CH: \"Kommentar schreiben\" */\n  field: string;\n  /** de-CH: \"Kommentar schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Kommentieren\" */\n  send: string;\n}\n\nexport { DEFAULT_FEEDBACK_COMMENTS_LABELS };\n\n/* ── The thread ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackCommentThreadProps extends FeedbackEntryUploadOptions {\n  /** The report's replies (§9.7), oldest first. Left out or `[]`: none.\n   *\n   *  Inside `FeedbackRowDetail`'s `comments` they are dropped (0.38.1): the detail's\n   *  Replies section draws them already, and the thread there is the comments alone —\n   *  so passing them there cannot draw them twice. */\n  replies?: readonly FeedbackReply[];\n  /** `GET /feedback/{id}/comments`, oldest first. */\n  comments: readonly FeedbackComment[];\n  /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */\n  isAdmin: boolean;\n  /** 0.40: the viewer filed the report (the record's `mine`) — its rework entries are\n   *  theirs, drawn at the reading end as \"You\". Default `false`. */\n  isAuthor?: boolean;\n  /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it\n   *  resolves, and keeps the draft when it rejects. A failure is the app's to toast —\n   *  the server's `detail`, else `feedbackToast.commentFailed` (0.38.1). Left out, no\n   *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with\n   *  `onUpload`), `undefined` for none — `attachment_url` in the body (server-kit 0.18). */\n  onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the files in the thread.\n   *  Left out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. A rejection\n   *  is caught (0.38.1) and is the app's to toast (`feedbackToast.updateFailed`). Left\n   *  out, no Hide / Unhide. */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the\n   *  confirm. Left out, no Delete. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The comments are loading. */\n  loading?: boolean;\n  /** Comment, Hide and Delete COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** \"Now\" for the relative times — pin it in tests and stories. */\n  now?: Date | number;\n  labels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\ntype Entry = { at: number; order: number; message: FeedbackThreadMessage };\n\n/** The admin's Hide / Unhide as a promise — a sync throw or a `void` return included —\n *  so the click can catch it as Delete's does. */\nconst hideComment = async (onHide: NonNullable<FeedbackCommentThreadProps[\"onHide\"]>, comment: FeedbackComment) => {\n  await onHide(comment, !comment.hidden);\n};\n\nconst instant = (iso: string) => {\n  const ms = Date.parse(iso);\n  return Number.isNaN(ms) ? 0 : ms;\n};\n\nexport function FeedbackCommentThread({\n  replies: repliesProp = [],\n  comments,\n  isAdmin,\n  isAuthor = false,\n  onComment,\n  onHide,\n  onDelete,\n  pending = false,\n  loading = false,\n  commit,\n  now,\n  fetcher,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackCommentThreadProps) {\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const labels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const replyLabels = useFeedbackRepliesLabels();\n  const repliesDrawnAbove = useContext(FeedbackRepliesDrawnAboveContext);\n  const replies = repliesDrawnAbove ? [] : repliesProp;\n\n  const entries: Entry[] = [];\n  replies.forEach((reply, order) => {\n    if (reply.kind === \"rework\") {\n      entries.push({\n        at: instant(reply.created_at),\n        order,\n        message: {\n          id: `reply-${reply.id}`,\n          own: isAuthor,\n          author: isAuthor ? undefined : (reply.author_name ?? anonymous),\n          createdAt: reply.created_at,\n          body: reply.body,\n          attachments: reply.attachment_url\n            ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n            : undefined,\n          badge: (\n            <span\n              className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\"\n              data-feedback-entry-kind=\"rework\"\n            >\n              <FeedbackReworkEntryChip />\n              {reply.status_to && (\n                <span className=\"inline-flex items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n                  <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n                  <span aria-hidden>→</span>\n                  <FeedbackStatusBadge status={reply.status_to} />\n                </span>\n              )}\n            </span>\n          ),\n        },\n      });\n      return;\n    }\n    entries.push({\n      at: instant(reply.created_at),\n      order,\n      message: {\n        id: `reply-${reply.id}`,\n        author: reply.author_name ?? replyLabels.admin,\n        createdAt: reply.created_at,\n        body: reply.body,\n        // 0.47 (§12): an admin reply's file, where the view carries it.\n        attachments: reply.attachment_url\n          ? [{ name: attachmentName(reply.attachment_url), url: reply.attachment_url }]\n          : undefined,\n        staff: true,\n        badge: reply.status_to ? (\n          <span\n            className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\"\n            data-feedback-reply-status={reply.status_to}\n          >\n            <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n            <span aria-hidden>→</span>\n            <FeedbackStatusBadge status={reply.status_to} />\n          </span>\n        ) : undefined,\n      },\n    });\n  });\n  comments.forEach((comment, index) => {\n    // Shown as hidden — no name, no text — to anyone but its writer and an admin.\n    const veiled = comment.hidden && !comment.mine && !isAdmin;\n    const actions: ReactNode[] = [];\n    if (comment.hidden) {\n      actions.push(\n        <span key=\"hidden\" className=\"inline-flex items-center gap-1\" data-feedback-comment-hidden=\"\">\n          <EyeOff className=\"size-3\" aria-hidden />\n          {labels.hidden}\n        </span>,\n      );\n    }\n    if (isAdmin && onHide) {\n      actions.push(\n        <Button\n          key=\"hide\"\n          type=\"button\"\n          variant=\"link\"\n          tone=\"muted\"\n          size=\"sm\"\n          commit={commit}\n          // Caught as Delete's is (0.38.1): a rejection is the app's to toast — its\n          // mutation's `onError` — and must not surface as an unhandled one.\n          onClick={() => void hideComment(onHide, comment).catch(() => {})}\n        >\n          {comment.hidden ? labels.unhide : labels.hide}\n        </Button>,\n      );\n    }\n    if (comment.mine && onDelete) {\n      actions.push(\n        <DeleteCommentButton key=\"delete\" comment={comment} onDelete={onDelete} commit={commit} labels={labels} />,\n      );\n    }\n    entries.push({\n      at: instant(comment.created_at),\n      // Replies first on a tie, then the comments in their order.\n      order: replies.length + index,\n      message: {\n        id: `comment-${comment.id}`,\n        own: comment.mine,\n        author: veiled ? undefined : comment.mine ? undefined : (comment.author_name ?? anonymous),\n        createdAt: comment.created_at,\n        body: veiled ? \"\" : (comment.body ?? \"\"),\n        // 0.47 (§12): its one file; none when veiled (the server sends none either).\n        attachments:\n          !veiled && comment.attachment_url\n            ? [{ name: attachmentName(comment.attachment_url), url: comment.attachment_url }]\n            : undefined,\n        staff: !veiled && comment.staff,\n        struck: comment.hidden && isAdmin && !veiled,\n        footer: actions.length > 0 ? actions : undefined,\n      },\n    });\n  });\n  entries.sort((a, b) => a.at - b.at || a.order - b.order);\n\n  return (\n    <div className={className} data-feedback-comment-thread=\"\">\n      <FeedbackThread\n        messages={entries.map((entry) => entry.message)}\n        loading={loading}\n        now={now}\n        renderAttachment={(file) => (file.url ? <FeedbackEntryFile url={file.url} fetcher={fetcher} /> : file.name)}\n        labels={{ thread: labels.comments, empty: labels.empty }}\n      />\n      {onComment && (\n        <ChatComposer\n          className=\"mt-3\"\n          onSend={async (body, file) => {\n            const url = await upload(file);\n            // The second argument only with a file, so a text comment calls as before 0.47.\n            return url === undefined ? onComment(body) : onComment(body, url);\n          }}\n          pending={pending || uploading}\n          attachment={composerAttachment}\n          commit={commit}\n          maxLength={FEEDBACK_COMMENT_MAX}\n          showCount\n          labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.send }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The writer's Delete: a confirm (danger tone, focus on Cancel), then `onDelete`. Its\n *  own component, so `useConfirm` — which needs a `ConfirmProvider` — is only called\n *  where there is something to delete. */\nfunction DeleteCommentButton({\n  comment,\n  onDelete,\n  commit,\n  labels,\n}: {\n  comment: FeedbackComment;\n  onDelete: (comment: FeedbackComment) => void | Promise<unknown>;\n  commit?: CommitScope;\n  labels: FeedbackCommentsLabels;\n}) {\n  const confirm = useConfirm();\n  const remove = async () => {\n    const ok = await confirm({\n      title: labels.deleteTitle,\n      body: labels.deleteBody,\n      confirmLabel: labels.delete,\n      tone: \"danger\",\n      commit,\n    });\n    if (ok) await onDelete(comment);\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      tone=\"danger\"\n      size=\"sm\"\n      commit={commit}\n      onClick={() => void remove().catch(() => {})}\n    >\n      {labels.delete}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-context.js

@@ -52,10 +52,7 @@ function FeedbackContextBox({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: cn(
-        "space-y-1 rounded-md border border-subtle bg-surface-2 px-3 py-2 text-xs text-muted",
-        className
-      ),
+      className: cn("space-y-1 rounded-md border border-subtle bg-surface-2 px-3 py-2 text-xs text-muted", className),
       children: [
         /* @__PURE__ */ jsx("div", { className: "[overflow-wrap:anywhere]", children: lead === null ? line : /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx("span", { className: "font-medium text-secondary", children: lead }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-context.tsx"],"sourcesContent":["import { Checkbox } from \"../components/checkbox\";\nimport { DEFAULT_COMMON_LABELS, useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport type { FeedbackContext, FeedbackEnvironment } from \"./feedback-record\";\nimport { DEFAULT_FEEDBACK_CONTEXT_LABELS } from \"./feedback-context-labels\";\n\n/**\n * The reporter context of a feedback report: the box the submit dialog shows, and the\n * `context` object `POST /feedback` sends (0.27.0, docs/feedback-harmonization.md §3.2,\n * §4.2). One file for both, so what the box SAYS will be sent and what IS sent cannot\n * drift apart.\n *\n * Each app had written both halves itself (keksdose `use-feedback-dialog.tsx:105` and\n * `:222`, kastlan `feedback-button.tsx:80`, Kurvenschmiede `use-feedback-dialog.tsx:124`),\n * and they had drifted: kastlan sent six keys with `user_email: null` and no version,\n * Kurvenschmiede a `page_path` column and a sentence where keksdose had a labelled box,\n * and only keksdose showed the full URL it was about to send.\n */\n\n/* ── Who is filing ───────────────────────────────────────────────────────── */\n\n/**\n * The person filing, as the app knows them. Snake case on purpose: keksdose's and\n * Kurvenschmiede's user objects already have this shape (`id`, `email`, `display_name`),\n * so they pass their `user` as it is; kastlan maps its token's `sub` and name parts.\n *\n * A SNAPSHOT for the report and the box. The server should overwrite the three `user_*`\n * keys from the session (§3.2; Kurvenschmiede does), so nobody can file in someone else's\n * name — this is what the reporter is SHOWN, not proof of who they are.\n */\nexport interface FeedbackSubmitter {\n  id?: number | null;\n  email?: string | null;\n  display_name?: string | null;\n}\n\n/** \"Ada Example (ada@example.com)\", the name alone, the email alone, or \"—\" when the app\n *  knows neither (keksdose `use-feedback-dialog.tsx:228`). */\nfunction submitterLine(user: FeedbackSubmitter | null | undefined): string {\n  const name = user?.display_name?.trim();\n  const email = user?.email?.trim();\n  if (name && email) return `${name} (${email})`;\n  return name || email || \"—\";\n}\n\n/* ── The object (§3.2) ───────────────────────────────────────────────────── */\n\n/** What {@link feedbackContext} is built from. */\nexport interface FeedbackContextInput {\n  /** The submitter, or `null` when signed out / unknown — the three `user_*` keys are then\n   *  `null`, as keksdose sends them. */\n  user?: FeedbackSubmitter | null;\n  /** The box's \"Attach current page URL\" checkbox. `false` withholds `url` and `route`\n   *  (both `\"\"`); nothing else is withheld — `origin` says which copy of the app, which is\n   *  not personal, and triage needs it first (keksdose `use-feedback-dialog.tsx:110`). */\n  attachUrl: boolean;\n  /** `location.href` when the dialog OPENED — the page the report is about, not the one\n   *  the reporter may have navigated to while typing. */\n  url: string;\n  /** Its pathname. Default: read off `url` (a path-only `url` works too). */\n  route?: string;\n  /** Default `location.origin`. */\n  origin?: string;\n  /** `\"prod\"` / `\"dev\"` / `\"local\"` — the app's own reading (keksdose\n   *  `app/deploy-environment.ts`). Left out of the object when not given. */\n  environment?: FeedbackEnvironment | (string & {});\n  /** The app build (`__APP_VERSION__`). Left out of the object when not given. */\n  version?: string;\n  /** Default `${innerWidth}x${innerHeight}` at the time of the call — \"406x816\". */\n  viewport?: string;\n  /** Default `navigator.userAgent`. */\n  ua?: string;\n}\n\n/** The pathname of a full or path-only URL; `\"\"` for something that is neither. */\nfunction pathOf(url: string, base: string | undefined): string {\n  if (!url) return \"\";\n  try {\n    return new URL(url, base || \"http://localhost\").pathname;\n  } catch {\n    return \"\";\n  }\n}\n\n/**\n * The `context` object of `POST /feedback` (§3.2), keys in keksdose's order: `url`, `route`,\n * `origin`, `environment`, `user_id`, `user_email`, `user_display_name`, `viewport`, `ua`,\n * `version`.\n *\n * With `attachUrl: false`, `url` and `route` are `\"\"` — present and empty, as keksdose\n * sends them, so a reader can tell \"withheld\" from \"an old row without the key\".\n * `environment` and `version` are omitted when the app passes none (kastlan had no\n * version), rather than sent as `undefined`.\n *\n * Reads `window` / `navigator` only for the defaults it was not given, so it is a pure\n * function in a test that passes everything.\n */\nexport function feedbackContext(input: FeedbackContextInput): FeedbackContext {\n  const { user, attachUrl, url } = input;\n  const win = typeof window === \"undefined\" ? undefined : window;\n  const origin = input.origin ?? win?.location.origin ?? \"\";\n  const context: FeedbackContext = {\n    url: attachUrl ? url : \"\",\n    route: attachUrl ? (input.route ?? pathOf(url, origin || win?.location.href)) : \"\",\n    origin,\n  };\n  if (input.environment !== undefined) context.environment = input.environment;\n  context.user_id = user?.id ?? null;\n  context.user_email = user?.email ?? null;\n  context.user_display_name = user?.display_name ?? null;\n  context.viewport = input.viewport ?? (win ? `${win.innerWidth}x${win.innerHeight}` : \"\");\n  context.ua = input.ua ?? (typeof navigator === \"undefined\" ? \"\" : navigator.userAgent);\n  if (input.version !== undefined) context.version = input.version;\n  return context;\n}\n\n/* ── The box (§4.2) ──────────────────────────────────────────────────────── */\n\n/**\n * `feedbackContext` — the context box's words. de-CH canon (keksdose `de-CH.json`):\n * `user` \"Nutzer\", `attachUrl` \"Aktuelle Seiten-URL anhängen\".\n */\nexport interface FeedbackContextLabels {\n  /** The submitter line's label — the box draws \"**User:** Ada Example (ada@example.com)\".\n   *  The label alone: the colon between it and the person is the language's\n   *  `common.fieldValue` (fr \"Utilisateur : …\", zh \"用户：…\"). */\n  user: string;\n  /** The checkbox. The URL it is about is the line beneath it. */\n  attachUrl: string;\n}\n\n// Defined in ./feedback-context-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_CONTEXT_LABELS };\n\nexport interface FeedbackContextBoxProps {\n  /** Who is filing — the same value handed to {@link feedbackContext}. */\n  user?: FeedbackSubmitter | null;\n  /** The URL that goes with the report — the same `url` handed to {@link feedbackContext}. */\n  url: string;\n  /** The checkbox, on by default in the dialog (§4.2) — the same `attachUrl`. */\n  attachUrl: boolean;\n  onAttachUrlChange: (next: boolean) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackContext }}>` > English. */\n  labels?: LabelOverride<FeedbackContextLabels>;\n  className?: string;\n}\n\n/**\n * The submit dialog's context box — the dialog's `contextSlot` (keksdose\n * `use-feedback-dialog.tsx:222`, §4.2): who is filing, and the page URL with a checkbox to\n * leave it out, ON by default.\n *\n * The URL stays visible when the box is off, struck through: the reporter sees what they\n * withheld rather than a line that vanished, and ticking it back on is the same glance.\n * Kurvenschmiede's argument for the checkbox is why it exists at all (its feedback #101):\n * the route is right for a bug and wrong for an idea about a screen one is not on — filed\n * against whatever screen happened to be open, the queue reads as if it were about that\n * screen.\n *\n * Nothing in here is the app's: hand it the values handed to {@link feedbackContext}, and\n * what the box shows is what is sent.\n */\nexport function FeedbackContextBox({\n  user,\n  url,\n  attachUrl,\n  onAttachUrlChange,\n  labels: labelsProp,\n  className,\n}: FeedbackContextBoxProps) {\n  const labels = useKitLabels(\"feedbackContext\", DEFAULT_FEEDBACK_CONTEXT_LABELS, labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const submitter = submitterLine(user);\n  // \"User: Ada …\" through `common.fieldValue`, so French gets its space before the colon\n  // and Chinese its full-width one; the label and its punctuation are drawn bold, as\n  // keksdose's box does. A `fieldValue` that does not end in the value (an app's own\n  // order) is shown whole, unbolded, rather than cut in the wrong place.\n  const line = common.fieldValue(labels.user, submitter);\n  const lead = line.endsWith(submitter) ? line.slice(0, line.length - submitter.length) : null;\n  return (\n    <div\n      className={cn(\n        \"space-y-1 rounded-md border border-subtle bg-surface-2 px-3 py-2 text-xs text-muted\",\n        className,\n      )}\n    >\n      <div className=\"[overflow-wrap:anywhere]\">\n        {lead === null ? (\n          line\n        ) : (\n          <>\n            <span className=\"font-medium text-secondary\">{lead}</span>\n            {submitter}\n          </>\n        )}\n      </div>\n      <Checkbox\n        checked={attachUrl}\n        onCheckedChange={onAttachUrlChange}\n        label={<span className=\"text-xs font-medium text-secondary\">{labels.attachUrl}</span>}\n        description={\n          url ? (\n            // `break-all`: a URL is one unbreakable word, and at 390px a long query string\n            // would otherwise push the dialog sideways.\n            <span\n              data-withheld={attachUrl ? undefined : \"\"}\n              className={cn(\"break-all text-xs\", !attachUrl && \"line-through opacity-60\")}\n            >\n              {url}\n            </span>\n          ) : undefined\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";AA8LU,mBACE,KADF;AA9LV,SAAS,gBAAgB;AACzB,SAAS,uBAAuB,oBAAwC;AACxE,SAAS,UAAU;AAEnB,SAAS,uCAAuC;AAkChD,SAAS,cAAc,MAAoD;AACzE,QAAM,OAAO,MAAM,cAAc,KAAK;AACtC,QAAM,QAAQ,MAAM,OAAO,KAAK;AAChC,MAAI,QAAQ,MAAO,QAAO,GAAG,IAAI,KAAK,KAAK;AAC3C,SAAO,QAAQ,SAAS;AAC1B;AAgCA,SAAS,OAAO,KAAa,MAAkC;AAC7D,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AACF,WAAO,IAAI,IAAI,KAAK,QAAQ,kBAAkB,EAAE;AAAA,EAClD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAeO,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,MAAM,WAAW,IAAI,IAAI;AACjC,QAAM,MAAM,OAAO,WAAW,cAAc,SAAY;AACxD,QAAM,SAAS,MAAM,UAAU,KAAK,SAAS,UAAU;AACvD,QAAM,UAA2B;AAAA,IAC/B,KAAK,YAAY,MAAM;AAAA,IACvB,OAAO,YAAa,MAAM,SAAS,OAAO,KAAK,UAAU,KAAK,SAAS,IAAI,IAAK;AAAA,IAChF;AAAA,EACF;AACA,MAAI,MAAM,gBAAgB,OAAW,SAAQ,cAAc,MAAM;AACjE,UAAQ,UAAU,MAAM,MAAM;AAC9B,UAAQ,aAAa,MAAM,SAAS;AACpC,UAAQ,oBAAoB,MAAM,gBAAgB;AAClD,UAAQ,WAAW,MAAM,aAAa,MAAM,GAAG,IAAI,UAAU,IAAI,IAAI,WAAW,KAAK;AACrF,UAAQ,KAAK,MAAM,OAAO,OAAO,cAAc,cAAc,KAAK,UAAU;AAC5E,MAAI,MAAM,YAAY,OAAW,SAAQ,UAAU,MAAM;AACzD,SAAO;AACT;AAgDO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAA4B;AAC1B,QAAM,SAAS,aAAa,mBAAmB,iCAAiC,UAAU;AAC1F,QAAM,SAAS,aAAa,UAAU,qBAAqB;AAC3D,QAAM,YAAY,cAAc,IAAI;AAKpC,QAAM,OAAO,OAAO,WAAW,OAAO,MAAM,SAAS;AACrD,QAAM,OAAO,KAAK,SAAS,SAAS,IAAI,KAAK,MAAM,GAAG,KAAK,SAAS,UAAU,MAAM,IAAI;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,SAAI,WAAU,4BACZ,mBAAS,OACR,OAEA,iCACE;AAAA,8BAAC,UAAK,WAAU,8BAA8B,gBAAK;AAAA,UAClD;AAAA,WACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB,OAAO,oBAAC,UAAK,WAAU,sCAAsC,iBAAO,WAAU;AAAA,YAC9E,aACE;AAAA;AAAA;AAAA,cAGE;AAAA,gBAAC;AAAA;AAAA,kBACC,iBAAe,YAAY,SAAY;AAAA,kBACvC,WAAW,GAAG,qBAAqB,CAAC,aAAa,yBAAyB;AAAA,kBAEzE;AAAA;AAAA,cACH;AAAA,gBACE;AAAA;AAAA,QAER;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-context.tsx"],"sourcesContent":["import { Checkbox } from \"../components/checkbox\";\nimport { DEFAULT_COMMON_LABELS, useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport type { FeedbackContext, FeedbackEnvironment } from \"./feedback-record\";\nimport { DEFAULT_FEEDBACK_CONTEXT_LABELS } from \"./feedback-context-labels\";\n\n/**\n * The reporter context of a feedback report: the box the submit dialog shows, and the\n * `context` object `POST /feedback` sends (0.27.0, docs/feedback-harmonization.md §3.2,\n * §4.2). One file for both, so what the box SAYS will be sent and what IS sent cannot\n * drift apart.\n *\n * Each app had written both halves itself (keksdose `use-feedback-dialog.tsx:105` and\n * `:222`, kastlan `feedback-button.tsx:80`, Kurvenschmiede `use-feedback-dialog.tsx:124`),\n * and they had drifted: kastlan sent six keys with `user_email: null` and no version,\n * Kurvenschmiede a `page_path` column and a sentence where keksdose had a labelled box,\n * and only keksdose showed the full URL it was about to send.\n */\n\n/* ── Who is filing ───────────────────────────────────────────────────────── */\n\n/**\n * The person filing, as the app knows them. Snake case on purpose: keksdose's and\n * Kurvenschmiede's user objects already have this shape (`id`, `email`, `display_name`),\n * so they pass their `user` as it is; kastlan maps its token's `sub` and name parts.\n *\n * A SNAPSHOT for the report and the box. The server should overwrite the three `user_*`\n * keys from the session (§3.2; Kurvenschmiede does), so nobody can file in someone else's\n * name — this is what the reporter is SHOWN, not proof of who they are.\n */\nexport interface FeedbackSubmitter {\n  id?: number | null;\n  email?: string | null;\n  display_name?: string | null;\n}\n\n/** \"Ada Example (ada@example.com)\", the name alone, the email alone, or \"—\" when the app\n *  knows neither (keksdose `use-feedback-dialog.tsx:228`). */\nfunction submitterLine(user: FeedbackSubmitter | null | undefined): string {\n  const name = user?.display_name?.trim();\n  const email = user?.email?.trim();\n  if (name && email) return `${name} (${email})`;\n  return name || email || \"—\";\n}\n\n/* ── The object (§3.2) ───────────────────────────────────────────────────── */\n\n/** What {@link feedbackContext} is built from. */\nexport interface FeedbackContextInput {\n  /** The submitter, or `null` when signed out / unknown — the three `user_*` keys are then\n   *  `null`, as keksdose sends them. */\n  user?: FeedbackSubmitter | null;\n  /** The box's \"Attach current page URL\" checkbox. `false` withholds `url` and `route`\n   *  (both `\"\"`); nothing else is withheld — `origin` says which copy of the app, which is\n   *  not personal, and triage needs it first (keksdose `use-feedback-dialog.tsx:110`). */\n  attachUrl: boolean;\n  /** `location.href` when the dialog OPENED — the page the report is about, not the one\n   *  the reporter may have navigated to while typing. */\n  url: string;\n  /** Its pathname. Default: read off `url` (a path-only `url` works too). */\n  route?: string;\n  /** Default `location.origin`. */\n  origin?: string;\n  /** `\"prod\"` / `\"dev\"` / `\"local\"` — the app's own reading (keksdose\n   *  `app/deploy-environment.ts`). Left out of the object when not given. */\n  environment?: FeedbackEnvironment | (string & {});\n  /** The app build (`__APP_VERSION__`). Left out of the object when not given. */\n  version?: string;\n  /** Default `${innerWidth}x${innerHeight}` at the time of the call — \"406x816\". */\n  viewport?: string;\n  /** Default `navigator.userAgent`. */\n  ua?: string;\n}\n\n/** The pathname of a full or path-only URL; `\"\"` for something that is neither. */\nfunction pathOf(url: string, base: string | undefined): string {\n  if (!url) return \"\";\n  try {\n    return new URL(url, base || \"http://localhost\").pathname;\n  } catch {\n    return \"\";\n  }\n}\n\n/**\n * The `context` object of `POST /feedback` (§3.2), keys in keksdose's order: `url`, `route`,\n * `origin`, `environment`, `user_id`, `user_email`, `user_display_name`, `viewport`, `ua`,\n * `version`.\n *\n * With `attachUrl: false`, `url` and `route` are `\"\"` — present and empty, as keksdose\n * sends them, so a reader can tell \"withheld\" from \"an old row without the key\".\n * `environment` and `version` are omitted when the app passes none (kastlan had no\n * version), rather than sent as `undefined`.\n *\n * Reads `window` / `navigator` only for the defaults it was not given, so it is a pure\n * function in a test that passes everything.\n */\nexport function feedbackContext(input: FeedbackContextInput): FeedbackContext {\n  const { user, attachUrl, url } = input;\n  const win = typeof window === \"undefined\" ? undefined : window;\n  const origin = input.origin ?? win?.location.origin ?? \"\";\n  const context: FeedbackContext = {\n    url: attachUrl ? url : \"\",\n    route: attachUrl ? (input.route ?? pathOf(url, origin || win?.location.href)) : \"\",\n    origin,\n  };\n  if (input.environment !== undefined) context.environment = input.environment;\n  context.user_id = user?.id ?? null;\n  context.user_email = user?.email ?? null;\n  context.user_display_name = user?.display_name ?? null;\n  context.viewport = input.viewport ?? (win ? `${win.innerWidth}x${win.innerHeight}` : \"\");\n  context.ua = input.ua ?? (typeof navigator === \"undefined\" ? \"\" : navigator.userAgent);\n  if (input.version !== undefined) context.version = input.version;\n  return context;\n}\n\n/* ── The box (§4.2) ──────────────────────────────────────────────────────── */\n\n/**\n * `feedbackContext` — the context box's words. de-CH canon (keksdose `de-CH.json`):\n * `user` \"Nutzer\", `attachUrl` \"Aktuelle Seiten-URL anhängen\".\n */\nexport interface FeedbackContextLabels {\n  /** The submitter line's label — the box draws \"**User:** Ada Example (ada@example.com)\".\n   *  The label alone: the colon between it and the person is the language's\n   *  `common.fieldValue` (fr \"Utilisateur : …\", zh \"用户：…\"). */\n  user: string;\n  /** The checkbox. The URL it is about is the line beneath it. */\n  attachUrl: string;\n}\n\n// Defined in ./feedback-context-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_CONTEXT_LABELS };\n\nexport interface FeedbackContextBoxProps {\n  /** Who is filing — the same value handed to {@link feedbackContext}. */\n  user?: FeedbackSubmitter | null;\n  /** The URL that goes with the report — the same `url` handed to {@link feedbackContext}. */\n  url: string;\n  /** The checkbox, on by default in the dialog (§4.2) — the same `attachUrl`. */\n  attachUrl: boolean;\n  onAttachUrlChange: (next: boolean) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackContext }}>` > English. */\n  labels?: LabelOverride<FeedbackContextLabels>;\n  className?: string;\n}\n\n/**\n * The submit dialog's context box — the dialog's `contextSlot` (keksdose\n * `use-feedback-dialog.tsx:222`, §4.2): who is filing, and the page URL with a checkbox to\n * leave it out, ON by default.\n *\n * The URL stays visible when the box is off, struck through: the reporter sees what they\n * withheld rather than a line that vanished, and ticking it back on is the same glance.\n * Kurvenschmiede's argument for the checkbox is why it exists at all (its feedback #101):\n * the route is right for a bug and wrong for an idea about a screen one is not on — filed\n * against whatever screen happened to be open, the queue reads as if it were about that\n * screen.\n *\n * Nothing in here is the app's: hand it the values handed to {@link feedbackContext}, and\n * what the box shows is what is sent.\n */\nexport function FeedbackContextBox({\n  user,\n  url,\n  attachUrl,\n  onAttachUrlChange,\n  labels: labelsProp,\n  className,\n}: FeedbackContextBoxProps) {\n  const labels = useKitLabels(\"feedbackContext\", DEFAULT_FEEDBACK_CONTEXT_LABELS, labelsProp);\n  const common = useKitLabels(\"common\", DEFAULT_COMMON_LABELS);\n  const submitter = submitterLine(user);\n  // \"User: Ada …\" through `common.fieldValue`, so French gets its space before the colon\n  // and Chinese its full-width one; the label and its punctuation are drawn bold, as\n  // keksdose's box does. A `fieldValue` that does not end in the value (an app's own\n  // order) is shown whole, unbolded, rather than cut in the wrong place.\n  const line = common.fieldValue(labels.user, submitter);\n  const lead = line.endsWith(submitter) ? line.slice(0, line.length - submitter.length) : null;\n  return (\n    <div\n      className={cn(\"space-y-1 rounded-md border border-subtle bg-surface-2 px-3 py-2 text-xs text-muted\", className)}\n    >\n      <div className=\"[overflow-wrap:anywhere]\">\n        {lead === null ? (\n          line\n        ) : (\n          <>\n            <span className=\"font-medium text-secondary\">{lead}</span>\n            {submitter}\n          </>\n        )}\n      </div>\n      <Checkbox\n        checked={attachUrl}\n        onCheckedChange={onAttachUrlChange}\n        label={<span className=\"text-xs font-medium text-secondary\">{labels.attachUrl}</span>}\n        description={\n          url ? (\n            // `break-all`: a URL is one unbreakable word, and at 390px a long query string\n            // would otherwise push the dialog sideways.\n            <span\n              data-withheld={attachUrl ? undefined : \"\"}\n              className={cn(\"break-all text-xs\", !attachUrl && \"line-through opacity-60\")}\n            >\n              {url}\n            </span>\n          ) : undefined\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":";AA2LU,mBACE,KADF;AA3LV,SAAS,gBAAgB;AACzB,SAAS,uBAAuB,oBAAwC;AACxE,SAAS,UAAU;AAEnB,SAAS,uCAAuC;AAkChD,SAAS,cAAc,MAAoD;AACzE,QAAM,OAAO,MAAM,cAAc,KAAK;AACtC,QAAM,QAAQ,MAAM,OAAO,KAAK;AAChC,MAAI,QAAQ,MAAO,QAAO,GAAG,IAAI,KAAK,KAAK;AAC3C,SAAO,QAAQ,SAAS;AAC1B;AAgCA,SAAS,OAAO,KAAa,MAAkC;AAC7D,MAAI,CAAC,IAAK,QAAO;AACjB,MAAI;AACF,WAAO,IAAI,IAAI,KAAK,QAAQ,kBAAkB,EAAE;AAAA,EAClD,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAeO,SAAS,gBAAgB,OAA8C;AAC5E,QAAM,EAAE,MAAM,WAAW,IAAI,IAAI;AACjC,QAAM,MAAM,OAAO,WAAW,cAAc,SAAY;AACxD,QAAM,SAAS,MAAM,UAAU,KAAK,SAAS,UAAU;AACvD,QAAM,UAA2B;AAAA,IAC/B,KAAK,YAAY,MAAM;AAAA,IACvB,OAAO,YAAa,MAAM,SAAS,OAAO,KAAK,UAAU,KAAK,SAAS,IAAI,IAAK;AAAA,IAChF;AAAA,EACF;AACA,MAAI,MAAM,gBAAgB,OAAW,SAAQ,cAAc,MAAM;AACjE,UAAQ,UAAU,MAAM,MAAM;AAC9B,UAAQ,aAAa,MAAM,SAAS;AACpC,UAAQ,oBAAoB,MAAM,gBAAgB;AAClD,UAAQ,WAAW,MAAM,aAAa,MAAM,GAAG,IAAI,UAAU,IAAI,IAAI,WAAW,KAAK;AACrF,UAAQ,KAAK,MAAM,OAAO,OAAO,cAAc,cAAc,KAAK,UAAU;AAC5E,MAAI,MAAM,YAAY,OAAW,SAAQ,UAAU,MAAM;AACzD,SAAO;AACT;AAgDO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AACF,GAA4B;AAC1B,QAAM,SAAS,aAAa,mBAAmB,iCAAiC,UAAU;AAC1F,QAAM,SAAS,aAAa,UAAU,qBAAqB;AAC3D,QAAM,YAAY,cAAc,IAAI;AAKpC,QAAM,OAAO,OAAO,WAAW,OAAO,MAAM,SAAS;AACrD,QAAM,OAAO,KAAK,SAAS,SAAS,IAAI,KAAK,MAAM,GAAG,KAAK,SAAS,UAAU,MAAM,IAAI;AACxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,uFAAuF,SAAS;AAAA,MAE9G;AAAA,4BAAC,SAAI,WAAU,4BACZ,mBAAS,OACR,OAEA,iCACE;AAAA,8BAAC,UAAK,WAAU,8BAA8B,gBAAK;AAAA,UAClD;AAAA,WACH,GAEJ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS;AAAA,YACT,iBAAiB;AAAA,YACjB,OAAO,oBAAC,UAAK,WAAU,sCAAsC,iBAAO,WAAU;AAAA,YAC9E,aACE;AAAA;AAAA;AAAA,cAGE;AAAA,gBAAC;AAAA;AAAA,kBACC,iBAAe,YAAY,SAAY;AAAA,kBACvC,WAAW,GAAG,qBAAqB,CAAC,aAAa,yBAAyB;AAAA,kBAEzE;AAAA;AAAA,cACH;AAAA,gBACE;AAAA;AAAA,QAER;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-dialog.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Input } from \"../components/input\";\nimport { Select } from \"../components/select\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Modal } from \"../components/modal\";\nimport { isApplePlatform } from \"../hooks/use-hotkey\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels, type LabelOverride } 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\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\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  /** See {@link FeedbackDialogTextLabels.submitHint}. */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n}\n\n/** The submit hint: a string, or the line for the platform (`apple`: Mac, iPhone, iPad). */\nexport type FeedbackSubmitHint = string | ((apple: boolean) => string);\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  /**\n   * The line beside the buttons naming the shortcut. Since 0.27.0 a function of the\n   * platform, like `form.submitShortcut`: `apple` is true on a Mac, iPhone or iPad, where\n   * the key is Cmd — \"⌘ Enter to send\" there, keksdose's \"Ctrl+Enter to send\" elsewhere\n   * (§7.12). A plain string is still taken and shown everywhere, as before 0.27.0.\n   */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n  /** 0.38 (docs/feedback-harmonization.md §9.2 decision 6): the line under the body when\n   *  reports are public — `useFeedbackSubmit({ publicNotice: true })` shows it. Optional,\n   *  so a complete `UiKitLabels` typed before 0.38 still compiles. de-CH \"Andere Personen\n   *  sehen Titel und Text (nie Ihre Screenshots oder Dateien).\" */\n  publicNotice?: string;\n}\n\n// Defined in ./feedback-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DIALOG_LABELS };\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?: LabelOverride<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   * A muted line under the body saying who will read it (0.38, docs/feedback-harmonization.md\n   * §9.2 decision 6) — the kit's sentence is `feedbackDialog.publicNotice`, \"Other users\n   * will see the title and text (never your screenshots or files)\", which\n   * `useFeedbackSubmit({ publicNotice: true })` passes. Attached to the body field with\n   * `aria-describedby`, so it is heard where the text is written. Left out: no line.\n   */\n  publicNotice?: ReactNode;\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    publicNotice,\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 = usePhoneLayout();\n  const noticeId = useId();\n  const hasNotice = publicNotice !== undefined && publicNotice !== null && publicNotice !== false && publicNotice !== \"\";\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. Its old\n  // second name, `feedbackDialog.attachments`, went in 0.34.\n  const listHeading =\n    labelsProp?.attachmentList ??\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 bodyTextarea = (\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      aria-describedby={hasNotice ? noticeId : undefined}\n    />\n  );\n  // 0.38: who will read it, right under what they are writing (§9.2 decision 6).\n  const bodyField = hasNotice ? (\n    <div className=\"space-y-1\">\n      {bodyTextarea}\n      <p id={noticeId} className=\"text-xs text-muted\" data-feedback-public-notice=\"\">\n        {publicNotice}\n      </p>\n    </div>\n  ) : (\n    bodyTextarea\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-subtle 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-placeholder\">\n            {typeof labels.submitHint === \"function\" ? labels.submitHint(isApplePlatform()) : labels.submitHint}\n          </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 { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Input } from \"../components/input\";\nimport { Select } from \"../components/select\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Modal } from \"../components/modal\";\nimport { isApplePlatform } from \"../hooks/use-hotkey\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels, type LabelOverride } 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\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\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  /** See {@link FeedbackDialogTextLabels.submitHint}. */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n}\n\n/** The submit hint: a string, or the line for the platform (`apple`: Mac, iPhone, iPad). */\nexport type FeedbackSubmitHint = string | ((apple: boolean) => string);\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  /**\n   * The line beside the buttons naming the shortcut. Since 0.27.0 a function of the\n   * platform, like `form.submitShortcut`: `apple` is true on a Mac, iPhone or iPad, where\n   * the key is Cmd — \"⌘ Enter to send\" there, keksdose's \"Ctrl+Enter to send\" elsewhere\n   * (§7.12). A plain string is still taken and shown everywhere, as before 0.27.0.\n   */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n  /** 0.38 (docs/feedback-harmonization.md §9.2 decision 6): the line under the body when\n   *  reports are public — `useFeedbackSubmit({ publicNotice: true })` shows it. Optional,\n   *  so a complete `UiKitLabels` typed before 0.38 still compiles. de-CH \"Andere Personen\n   *  sehen Titel und Text (nie Ihre Screenshots oder Dateien).\" */\n  publicNotice?: string;\n}\n\n// Defined in ./feedback-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DIALOG_LABELS };\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?: LabelOverride<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   * A muted line under the body saying who will read it (0.38, docs/feedback-harmonization.md\n   * §9.2 decision 6) — the kit's sentence is `feedbackDialog.publicNotice`, \"Other users\n   * will see the title and text (never your screenshots or files)\", which\n   * `useFeedbackSubmit({ publicNotice: true })` passes. Attached to the body field with\n   * `aria-describedby`, so it is heard where the text is written. Left out: no line.\n   */\n  publicNotice?: ReactNode;\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    publicNotice,\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 = usePhoneLayout();\n  const noticeId = useId();\n  const hasNotice =\n    publicNotice !== undefined && publicNotice !== null && publicNotice !== false && publicNotice !== \"\";\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. Its old\n  // second name, `feedbackDialog.attachments`, went in 0.34.\n  const listHeading =\n    labelsProp?.attachmentList ?? attachmentText.attachmentList ?? 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 bodyTextarea = (\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      aria-describedby={hasNotice ? noticeId : undefined}\n    />\n  );\n  // 0.38: who will read it, right under what they are writing (§9.2 decision 6).\n  const bodyField = hasNotice ? (\n    <div className=\"space-y-1\">\n      {bodyTextarea}\n      <p id={noticeId} className=\"text-xs text-muted\" data-feedback-public-notice=\"\">\n        {publicNotice}\n      </p>\n    </div>\n  ) : (\n    bodyTextarea\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-subtle 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-placeholder\">\n            {typeof labels.submitHint === \"function\" ? labels.submitHint(isApplePlatform()) : labels.submitHint}\n          </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.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-inbox.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/button\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { useCommitReason, useWriteLock, type CommitScope } from \"../components/write-lock\";\nimport { FeedbackAttachmentField, type FeedbackAttachmentErrorInfo } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport { useFeedbackCategoryLabels, useFeedbackStatusLabels } from \"./feedback-labels\";\nimport {\n  FEEDBACK_CATEGORY_META,\n  FEEDBACK_STATUS_META,\n  type FeedbackCategory,\n  type FeedbackStatus,\n} from \"./feedback-vocabulary\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\n// The words module, not ./feedback-row-detail: that one imports this file.\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\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: the kit owns the\n * *vocabulary*, the *policy* about how a report moves (both in\n * feedback-vocabulary.ts since 0.34, re-exported below), and the *look* (here);\n * the app 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 * **The report itself lives next door (0.27.0).** This file used to say there\n * was deliberately no `Feedback` type here: the apps stored a report differently\n * (a context JSON column and an object store in one, a `page_path` and the bytes\n * in the row in another). Marcel's feedback round (2026-10-04,\n * docs/feedback-harmonization.md §5) gave all three apps one contract, so the\n * shape is now shared — `FeedbackRecord` / `FeedbackContext` in\n * feedback-record.ts, with the constants and body helpers. The components HERE\n * still take the values they draw rather than a row, which keeps them usable\n * from any surface; the detail panel stays a *shell* the row detail fills.\n *\n * **The words are the kit's too (0.27.0).** The status and category names are\n * the `feedbackStatus` / `feedbackCategory` namespaces (feedback-labels.ts,\n * keksdose's wording), read by default by the badges and the transitions below;\n * a `label` the caller passes still wins.\n */\n\n// The vocabulary — statuses, categories, their glyphs and orders, the transitions — is\n// feedback-vocabulary.ts since 0.34 (MOD-1): data the top bar's feedback menu imports\n// without this file's components. Re-exported, so every name is still found here.\nexport {\n  FEEDBACK_CATEGORY_META,\n  FEEDBACK_CATEGORY_ORDER,\n  FEEDBACK_STATUS_META,\n  FEEDBACK_STATUS_ORDER,\n  feedbackCategoryRank,\n  nextFeedbackStatus,\n  selectableFeedbackStatuses,\n  visibleFeedbackStatuses,\n} from \"./feedback-vocabulary\";\nexport type { FeedbackCategory, FeedbackStatus } from \"./feedback-vocabulary\";\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* gets the same guard: by default the `feedbackCategory`\n * namespace's word (0.27.0), and for a value it has no word for, what OTHER is\n * called.\n */\nexport function FeedbackCategoryBadge({\n  category,\n  label,\n  compact = false,\n  className,\n}: {\n  category: FeedbackCategory;\n  /** Over the `feedbackCategory` label (0.27.0: optional — before, every app passed\n   *  its own translation). */\n  label?: ReactNode;\n  compact?: boolean;\n  className?: string;\n}) {\n  const names = useFeedbackCategoryLabels();\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-caption\" : \"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 ?? (known ? names[category] : names.OTHER)}\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. Named by the `feedbackStatus`\n *  namespace unless `label` says otherwise (0.27.0); a status this build has never\n *  heard of shows OPEN's look and its own raw value, never OPEN's name. */\nexport function FeedbackStatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  /** Over the `feedbackStatus` label (0.27.0: optional). */\n  label?: ReactNode;\n  className?: string;\n}) {\n  const names = useFeedbackStatusLabels();\n  const meta = FEEDBACK_STATUS_META[status] ?? FEEDBACK_STATUS_META.OPEN;\n  const name: string | undefined = names[status];\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-caption font-medium\",\n        meta.activeBg,\n        meta.activeText,\n        className,\n      )}\n    >\n      <Icon className=\"size-3\" aria-hidden />\n      {label ?? name ?? status}\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  commit,\n  disabledReason: ownDisabledReason,\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. Default (0.27.0): the `feedbackStatus` namespace —\n   *  before, every app passed its own translation. */\n  label?: (status: FeedbackStatus) => string;\n  /**\n   * Every button here SAVES the moment it is pressed (0.27.0) — opt in and, under a\n   * locked {@link WriteLockProvider}, the row stays as it is and says why: each status\n   * the row could move to is `aria-disabled` but focusable, the click does nothing, and\n   * the lock's reason is in the kit Tooltip and the button's description — the\n   * `disabledReason` path `Button` takes. Off by default: a feedback inbox is not what\n   * every app's lock is about (keksdose's shell lock is a read-only demo BUDGET, and a\n   * report is not budget data).\n   */\n  commit?: CommitScope;\n  /** Why the statuses cannot be changed right now, the same way (a lock's own reason\n   *  wins over it). Only read while `canEdit`: a read-only row is a picture of the\n   *  workflow, not a refused action. */\n  disabledReason?: ReactNode;\n  className?: string;\n}) {\n  const names = useFeedbackStatusLabels();\n  const nameOf = label ?? ((value: FeedbackStatus) => names[value]);\n  const reason = useCommitReason(commit, ownDisabledReason);\n  const locked = canEdit && reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n  const reasonId = useId();\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      {locked && (\n        <span id={reasonId} hidden>\n          {reason}\n        </span>\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 = nameOf(value);\n        // Locked: focusable and described, never firing (see `commit`). The current\n        // status stays natively disabled — it was never something to press.\n        const refused = locked && !active;\n        const button = (\n          <button\n            key={value}\n            type=\"button\"\n            disabled={refused ? undefined : !canEdit || active}\n            aria-disabled={refused || undefined}\n            aria-describedby={refused ? reasonId : undefined}\n            onClick={() => {\n              if (!refused) onPick(value);\n            }}\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-placeholder hover: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                      : // The translucent ink on hover (0.33, B′), as Button's secondary:\n                        // the well is the page in light, and these pills sit on either.\n                        \"border-subtle bg-transparent text-primary hover:bg-[color-mix(in_srgb,var(--text-primary)_7%,transparent)]\",\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 eight 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              refused && \"cursor-not-allowed opacity-50\",\n            )}\n          >\n            <Icon className={variant === \"icon\" ? \"size-4\" : \"size-3.5\"} aria-hidden />\n            {variant === \"pill\" && name}\n          </button>\n        );\n        // Locked, the bubble says WHY in both variants; the icon's name is still its\n        // `aria-label`, and the reason its description — the hidden copy above, which\n        // stays put, rather than the bubble (as on `Button`: the FRAGMENT keeps Tooltip\n        // from adding the bubble as a second, coming-and-going description).\n        if (refused) {\n          return (\n            <Tooltip key={value} label={reason} side=\"top\" portal={variant === \"icon\" || undefined}>\n              <>{button}</>\n            </Tooltip>\n          );\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  label,\n  rows = 3,\n  attachment,\n  resetKey,\n  required = false,\n  commit,\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  /** The box's accessible name (0.34). Without it the `placeholder` line names the\n   *  box, and without that the `feedbackDetail` namespace's `note` (\"Note\") does —\n   *  a box with neither was read out as just \"edit text\" (the showcase's axe check).\n   *  Given with a `placeholder`, this names the box and the line describes it. */\n  label?: string;\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   * A blank note cannot be saved (0.27.0): Save stays disabled — and Ctrl/⌘+Enter does\n   * nothing — until the trimmed text is non-empty, and the box is `aria-required`. For\n   * the rework note, which the feedback contract requires (§3.4: a file alone cannot\n   * be sent; keksdose `feedback-page.tsx:577` dropped the click silently instead, so a\n   * press on Send with an empty box looked like a lost send). Default `false`: an\n   * outcome or a description may be cleared on purpose.\n   */\n  required?: boolean;\n  /** Save COMMITS (0.27.0): under a locked `WriteLockProvider` it is disabled the\n   *  `disabledReason` way, with the lock's reason, and Ctrl/⌘+Enter saves nothing. The\n   *  text box stays editable — nothing in it reaches the server until the save. */\n  commit?: CommitScope;\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 hintId = useId();\n  const detailText = useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS);\n  // The lock as the save button sees it, with its scope (§12.36): `commit &&\n  // lock.locked` read a `{ except }` scope as `true`.\n  const lock = useWriteLock(commit ?? false);\n  const blank = required && !draft.trim();\n  // The shortcut obeys what the button shows: no save while one is in flight, while the\n  // note a `required` editor needs is missing, or while a `commit` save is locked.\n  const canSubmit = !pending && !blank && !lock.locked;\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\" && canSubmit) {\n          event.preventDefault();\n          submit();\n        }\n      }}\n    >\n      {/* The line names the box (0.27.0): it is the only text that says what to write\n          in it, and an unnamed textarea is read out as just \"edit text\". */}\n      {placeholder && (\n        <p id={hintId} className=\"text-xs text-muted\">\n          {placeholder}\n        </p>\n      )}\n      <Textarea\n        rows={rows}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        // Never nameless (round 0.34): the caller's `label`, else the line, else the\n        // `feedbackDetail` namespace's `note`. With both, the line describes the box.\n        aria-label={label ?? (placeholder ? undefined : detailText.note)}\n        aria-labelledby={placeholder && label === undefined ? hintId : undefined}\n        aria-describedby={placeholder && label !== undefined ? hintId : undefined}\n        aria-required={required || undefined}\n      />\n      {attachment && (\n        <FeedbackAttachmentField\n          value={file}\n          onChange={setFile}\n          // A pause while the save is in flight (the field's G5b `disabled`): the note\n          // goes out with the file AS IT WAS at the press, so a chip removed or added\n          // mid-send would be a lie about what was sent.\n          disabled={pending}\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=\"accent\" disabled={pending || blank} commit={commit} 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  /** Over the field's own `feedbackAttachment` namespace. Optional since 0.27.0 — the\n   *  field has read the provider's words since 0.7.0, so an app with a catalogue has\n   *  nothing to restate. */\n  labels?: LabelOverride<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-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, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn(\"space-y-3 text-sm\", className)}>{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-placeholder\">{empty ?? \"—\"}</p>;\n  return (\n    <p className=\"whitespace-pre-wrap text-secondary\">{children}</p>\n  );\n}\n"],"mappings":"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","names":["FEEDBACK_CATEGORY_META","FEEDBACK_STATUS_META"]}
+{"version":3,"sources":["../../src/feedback/feedback-inbox.tsx"],"sourcesContent":["import { useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { Button } from \"../components/button\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Tooltip } from \"../components/tooltip\";\nimport { useCommitReason, useWriteLock, type CommitScope } from \"../components/write-lock\";\nimport { FeedbackAttachmentField, type FeedbackAttachmentErrorInfo } from \"./feedback-attachment\";\nimport type { FeedbackAttachmentLabels } from \"./feedback-dialog\";\nimport { useFeedbackCategoryLabels, useFeedbackStatusLabels } from \"./feedback-labels\";\nimport {\n  FEEDBACK_CATEGORY_META,\n  FEEDBACK_STATUS_META,\n  type FeedbackCategory,\n  type FeedbackStatus,\n} from \"./feedback-vocabulary\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\n// The words module, not ./feedback-row-detail: that one imports this file.\nimport { DEFAULT_FEEDBACK_DETAIL_LABELS } from \"./feedback-row-detail-labels\";\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: the kit owns the\n * *vocabulary*, the *policy* about how a report moves (both in\n * feedback-vocabulary.ts since 0.34, re-exported below), and the *look* (here);\n * the app 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 * **The report itself lives next door (0.27.0).** This file used to say there\n * was deliberately no `Feedback` type here: the apps stored a report differently\n * (a context JSON column and an object store in one, a `page_path` and the bytes\n * in the row in another). Marcel's feedback round (2026-10-04,\n * docs/feedback-harmonization.md §5) gave all three apps one contract, so the\n * shape is now shared — `FeedbackRecord` / `FeedbackContext` in\n * feedback-record.ts, with the constants and body helpers. The components HERE\n * still take the values they draw rather than a row, which keeps them usable\n * from any surface; the detail panel stays a *shell* the row detail fills.\n *\n * **The words are the kit's too (0.27.0).** The status and category names are\n * the `feedbackStatus` / `feedbackCategory` namespaces (feedback-labels.ts,\n * keksdose's wording), read by default by the badges and the transitions below;\n * a `label` the caller passes still wins.\n */\n\n// The vocabulary — statuses, categories, their glyphs and orders, the transitions — is\n// feedback-vocabulary.ts since 0.34 (MOD-1): data the top bar's feedback menu imports\n// without this file's components. Re-exported, so every name is still found here.\nexport {\n  FEEDBACK_CATEGORY_META,\n  FEEDBACK_CATEGORY_ORDER,\n  FEEDBACK_STATUS_META,\n  FEEDBACK_STATUS_ORDER,\n  feedbackCategoryRank,\n  nextFeedbackStatus,\n  selectableFeedbackStatuses,\n  visibleFeedbackStatuses,\n} from \"./feedback-vocabulary\";\nexport type { FeedbackCategory, FeedbackStatus } from \"./feedback-vocabulary\";\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* gets the same guard: by default the `feedbackCategory`\n * namespace's word (0.27.0), and for a value it has no word for, what OTHER is\n * called.\n */\nexport function FeedbackCategoryBadge({\n  category,\n  label,\n  compact = false,\n  className,\n}: {\n  category: FeedbackCategory;\n  /** Over the `feedbackCategory` label (0.27.0: optional — before, every app passed\n   *  its own translation). */\n  label?: ReactNode;\n  compact?: boolean;\n  className?: string;\n}) {\n  const names = useFeedbackCategoryLabels();\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-caption\" : \"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 ?? (known ? names[category] : names.OTHER)}\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. Named by the `feedbackStatus`\n *  namespace unless `label` says otherwise (0.27.0); a status this build has never\n *  heard of shows OPEN's look and its own raw value, never OPEN's name. */\nexport function FeedbackStatusBadge({\n  status,\n  label,\n  className,\n}: {\n  status: FeedbackStatus;\n  /** Over the `feedbackStatus` label (0.27.0: optional). */\n  label?: ReactNode;\n  className?: string;\n}) {\n  const names = useFeedbackStatusLabels();\n  const meta = FEEDBACK_STATUS_META[status] ?? FEEDBACK_STATUS_META.OPEN;\n  const name: string | undefined = names[status];\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-caption font-medium\",\n        meta.activeBg,\n        meta.activeText,\n        className,\n      )}\n    >\n      <Icon className=\"size-3\" aria-hidden />\n      {label ?? name ?? status}\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  commit,\n  disabledReason: ownDisabledReason,\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. Default (0.27.0): the `feedbackStatus` namespace —\n   *  before, every app passed its own translation. */\n  label?: (status: FeedbackStatus) => string;\n  /**\n   * Every button here SAVES the moment it is pressed (0.27.0) — opt in and, under a\n   * locked {@link WriteLockProvider}, the row stays as it is and says why: each status\n   * the row could move to is `aria-disabled` but focusable, the click does nothing, and\n   * the lock's reason is in the kit Tooltip and the button's description — the\n   * `disabledReason` path `Button` takes. Off by default: a feedback inbox is not what\n   * every app's lock is about (keksdose's shell lock is a read-only demo BUDGET, and a\n   * report is not budget data).\n   */\n  commit?: CommitScope;\n  /** Why the statuses cannot be changed right now, the same way (a lock's own reason\n   *  wins over it). Only read while `canEdit`: a read-only row is a picture of the\n   *  workflow, not a refused action. */\n  disabledReason?: ReactNode;\n  className?: string;\n}) {\n  const names = useFeedbackStatusLabels();\n  const nameOf = label ?? ((value: FeedbackStatus) => names[value]);\n  const reason = useCommitReason(commit, ownDisabledReason);\n  const locked = canEdit && reason !== undefined && reason !== null && reason !== false && reason !== \"\";\n  const reasonId = useId();\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      {locked && (\n        <span id={reasonId} hidden>\n          {reason}\n        </span>\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 = nameOf(value);\n        // Locked: focusable and described, never firing (see `commit`). The current\n        // status stays natively disabled — it was never something to press.\n        const refused = locked && !active;\n        const button = (\n          <button\n            key={value}\n            type=\"button\"\n            disabled={refused ? undefined : !canEdit || active}\n            aria-disabled={refused || undefined}\n            aria-describedby={refused ? reasonId : undefined}\n            onClick={() => {\n              if (!refused) onPick(value);\n            }}\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 ? cn(meta.activeBg, meta.activeText) : \"text-placeholder hover: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                      : // The translucent ink on hover (0.33, B′), as Button's secondary:\n                        // the well is the page in light, and these pills sit on either.\n                        \"border-subtle bg-transparent text-primary hover:bg-[color-mix(in_srgb,var(--text-primary)_7%,transparent)]\",\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 eight 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              refused && \"cursor-not-allowed opacity-50\",\n            )}\n          >\n            <Icon className={variant === \"icon\" ? \"size-4\" : \"size-3.5\"} aria-hidden />\n            {variant === \"pill\" && name}\n          </button>\n        );\n        // Locked, the bubble says WHY in both variants; the icon's name is still its\n        // `aria-label`, and the reason its description — the hidden copy above, which\n        // stays put, rather than the bubble (as on `Button`: the FRAGMENT keeps Tooltip\n        // from adding the bubble as a second, coming-and-going description).\n        if (refused) {\n          return (\n            <Tooltip key={value} label={reason} side=\"top\" portal={variant === \"icon\" || undefined}>\n              <>{button}</>\n            </Tooltip>\n          );\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  label,\n  rows = 3,\n  attachment,\n  resetKey,\n  required = false,\n  commit,\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  /** The box's accessible name (0.34). Without it the `placeholder` line names the\n   *  box, and without that the `feedbackDetail` namespace's `note` (\"Note\") does —\n   *  a box with neither was read out as just \"edit text\" (the showcase's axe check).\n   *  Given with a `placeholder`, this names the box and the line describes it. */\n  label?: string;\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   * A blank note cannot be saved (0.27.0): Save stays disabled — and Ctrl/⌘+Enter does\n   * nothing — until the trimmed text is non-empty, and the box is `aria-required`. For\n   * the rework note, which the feedback contract requires (§3.4: a file alone cannot\n   * be sent; keksdose `feedback-page.tsx:577` dropped the click silently instead, so a\n   * press on Send with an empty box looked like a lost send). Default `false`: an\n   * outcome or a description may be cleared on purpose.\n   */\n  required?: boolean;\n  /** Save COMMITS (0.27.0): under a locked `WriteLockProvider` it is disabled the\n   *  `disabledReason` way, with the lock's reason, and Ctrl/⌘+Enter saves nothing. The\n   *  text box stays editable — nothing in it reaches the server until the save. */\n  commit?: CommitScope;\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 hintId = useId();\n  const detailText = useKitLabels(\"feedbackDetail\", DEFAULT_FEEDBACK_DETAIL_LABELS);\n  // The lock as the save button sees it, with its scope (§12.36): `commit &&\n  // lock.locked` read a `{ except }` scope as `true`.\n  const lock = useWriteLock(commit ?? false);\n  const blank = required && !draft.trim();\n  // The shortcut obeys what the button shows: no save while one is in flight, while the\n  // note a `required` editor needs is missing, or while a `commit` save is locked.\n  const canSubmit = !pending && !blank && !lock.locked;\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\" && canSubmit) {\n          event.preventDefault();\n          submit();\n        }\n      }}\n    >\n      {/* The line names the box (0.27.0): it is the only text that says what to write\n          in it, and an unnamed textarea is read out as just \"edit text\". */}\n      {placeholder && (\n        <p id={hintId} className=\"text-xs text-muted\">\n          {placeholder}\n        </p>\n      )}\n      <Textarea\n        rows={rows}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        // Never nameless (round 0.34): the caller's `label`, else the line, else the\n        // `feedbackDetail` namespace's `note`. With both, the line describes the box.\n        aria-label={label ?? (placeholder ? undefined : detailText.note)}\n        aria-labelledby={placeholder && label === undefined ? hintId : undefined}\n        aria-describedby={placeholder && label !== undefined ? hintId : undefined}\n        aria-required={required || undefined}\n      />\n      {attachment && (\n        <FeedbackAttachmentField\n          value={file}\n          onChange={setFile}\n          // A pause while the save is in flight (the field's G5b `disabled`): the note\n          // goes out with the file AS IT WAS at the press, so a chip removed or added\n          // mid-send would be a lie about what was sent.\n          disabled={pending}\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=\"accent\" disabled={pending || blank} commit={commit} 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  /** Over the field's own `feedbackAttachment` namespace. Optional since 0.27.0 — the\n   *  field has read the provider's words since 0.7.0, so an app with a catalogue has\n   *  nothing to restate. */\n  labels?: LabelOverride<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-muted\">{title}</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, className }: { children: ReactNode; className?: string }) {\n  return <div className={cn(\"space-y-3 text-sm\", className)}>{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-placeholder\">{empty ?? \"—\"}</p>;\n  return <p className=\"whitespace-pre-wrap text-secondary\">{children}</p>;\n}\n"],"mappings":"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","names":["FEEDBACK_CATEGORY_META","FEEDBACK_STATUS_META"]}

package/dist/feedback/feedback-public-list.js

@@ -11,7 +11,13 @@ import { useKitLabels } from "../i18n/kit-labels.js";
 import { cn } from "../lib/cn.js";
 import { FILL_HEIGHT_CLASS } from "../shell/fill-height.js";
 import { EMPTY_FORMATTED_VALUE } from "../lib/format.js";
-import { FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackProse, FeedbackStatusBadge } from "./feedback-inbox.js";
+import {
+  FeedbackCategoryBadge,
+  FeedbackDetail,
+  FeedbackDetailSection,
+  FeedbackProse,
+  FeedbackStatusBadge
+} from "./feedback-inbox.js";
 import { useFeedbackCategoryLabels } from "./feedback-labels.js";
 import { FeedbackCommentThread } from "./feedback-comment-thread.js";
 import { DEFAULT_FEEDBACK_PUBLIC_LABELS } from "./feedback-public-labels.js";