@eifi1/ui-kit 0.37.0 → 0.38.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-submit.tsx"],"sourcesContent":["import { lazy, Suspense, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { toast } from \"../components/toast\";\n// Types only, gone from the built module: the dialog's modules load with the dialog.\nimport type { FeedbackSubmitter } from \"./feedback-context\";\nimport type { FeedbackMultipleSubmission } from \"./feedback-dialog\";\nimport { useFeedbackToastLabels } from \"./feedback-labels\";\nimport { FEEDBACK_PICKABLE_CATEGORIES, type FeedbackContext, type FeedbackEnvironment } from \"./feedback-record\";\nimport type { FeedbackCategory } from \"./feedback-vocabulary\";\n\n/**\n * The dialog, loaded when it is first opened rather than with the top bar that mounts the\n * hook (0.34, MOD-1 of the refactor audit 2026-10; see feedback-submit-dialog.tsx). A\n * LITERAL relative `import()`, as the catalogue loaders are (i18n/languages.ts): the\n * library build keeps the module its own (`bundle: false`), and a path an app's bundler\n * can read is a chunk it can split off.\n */\nconst LazySubmitDialog = lazy(() =>\n  import(\"./feedback-submit-dialog\").then((module) => ({ default: module.FeedbackSubmitDialog })),\n);\n\n/**\n * `FeedbackCreate` — the body of `POST /feedback` (keksdose `schemas/feedback.py:25`, §3.4\n * of docs/feedback-harmonization.md), as {@link useFeedbackSubmit} hands it to the app's\n * `create`.\n */\nexport interface FeedbackCreatePayload {\n  /** Trimmed; never blank (the dialog will not send a subject of spaces). */\n  title: string;\n  /** `\"\"` when the reporter wrote nothing or only whitespace — the server stores `\"\"`. */\n  body: string;\n  /** Never `CRASH` — the server answers that with a 422 (§3.4). */\n  category: FeedbackCategory;\n  /** §3.2, built by `feedbackContext` from what the context box showed. */\n  context: FeedbackContext;\n  /** The captured screenshot's upload URL, or `null`. */\n  screenshot_url: string | null;\n  /** The picked and pasted files' upload URLs, in the order they were added — `[]` when\n   *  none, as keksdose sends it. At most 5. */\n  attachment_urls: string[];\n}\n\nexport interface UseFeedbackSubmitOptions<R = unknown> {\n  /**\n   * `POST /feedback/attachments` for ONE file → its URL (§3.3) — the app's authed client.\n   * Every file goes up BEFORE the report is created, so a row never names a file that did\n   * not arrive (keksdose `use-feedback-dialog.tsx:89`); if any upload rejects, nothing is\n   * created and the failure toast says so.\n   */\n  upload: (file: File) => Promise<string>;\n  /** `POST /feedback` with the payload. Whatever it resolves with reaches `onSubmitted`. */\n  create: (payload: FeedbackCreatePayload) => Promise<R>;\n  /** Who is filing — shown in the context box and sent in `context.user_*`. */\n  user?: FeedbackSubmitter | null;\n  /** `context.environment` — the app's own reading of which copy it is (keksdose\n   *  `deployEnvironment()`). */\n  environment?: FeedbackEnvironment | (string & {});\n  /** `context.version` — the app build (`__APP_VERSION__`). */\n  version?: string;\n  /** The report was filed: after the \"Thanks for the feedback!\" toast and the close. The\n   *  place to invalidate the app's feedback queries. */\n  onSubmitted?: (result: R) => void;\n  /**\n   * The failure toast's text from what `upload` or `create` rejected with — the app's own\n   * `extractApiErrorMessage(err, fallback)` (keksdose) / `apiErrorMessage` (Kurvenschmiede),\n   * so the server's `detail` wins (§3.7: a 413, a 415, keksdose's demo-session 403). Without\n   * it every failure says `feedbackToast.submitFailed`.\n   */\n  errorMessage?: (error: unknown, fallback: string) => string;\n  /**\n   * The \"Capture screenshot\" button's capture. Default {@link captureAppScreenshot} of\n   * `#root`; another root is `() => captureAppScreenshot({ rootId: \"app\" })`. `false`\n   * hides the button — for an app that does not install the optional peer\n   * `modern-screenshot`. A rejection becomes the `captureFailed` toast.\n   */\n  capture?: false | (() => Promise<File | null>);\n}\n\nexport interface FeedbackSubmit {\n  /**\n   * Open the dialog on `category` — a `FeedbackMenu` row's (§4.2: \"default category when\n   * opened from a row: that row's\"). Without one, or with `CRASH` (never pickable), it\n   * opens on `OTHER`, the server's own default (§3.4). Each open starts a fresh form,\n   * reads `location.href` for the context box and ticks \"Attach current page URL\" again.\n   */\n  open: (category?: FeedbackCategory) => void;\n  /** Close it, as Cancel does. */\n  close: () => void;\n  /**\n   * The dialog — render it once, anywhere (it portals). `null` while closed. Since 0.34\n   * its module loads when it is first opened (MOD-1), so it appears a moment after\n   * `open`: a test finds it with `await screen.findBy…`, not `getBy…`.\n   */\n  dialog: ReactNode;\n}\n\n/**\n * The feedback submit dialog, wired (0.27.0, docs/feedback-harmonization.md §4.2): the\n * one call that replaces keksdose's `use-feedback-dialog.tsx`, kastlan's `FeedbackButton`\n * and Kurvenschmiede's `use-feedback-dialog.tsx`.\n *\n * ```tsx\n * const feedback = useFeedbackSubmit({\n *   upload: (file) => feedbackApi.uploadAttachment(file),\n *   create: (payload) => feedbackApi.create(payload),\n *   user, environment: deployEnvironment(), version: __APP_VERSION__,\n *   errorMessage: extractApiErrorMessage,\n *   onSubmitted: () => qc.invalidateQueries({ queryKey: queryKeys.feedback.all }),\n * });\n * <FeedbackMenu onFile={feedback.open} isAdmin={user?.role === \"ADMIN\"} />\n * {feedback.dialog}\n * ```\n *\n * What it settles, so no app restates it:\n *\n * - `FeedbackDialog` in `attachments=\"multiple\"` with `requireBody={false}` (§7.4): a\n *   subject alone is a report. One captured screenshot in its own slot plus up to 5\n *   picked or pasted files, `FEEDBACK_ATTACHMENT_ACCEPT` (images, PDF, text), 10 MB each.\n * - The pickable categories — Bug, Idea, Question, Other, in the kit's words. `CRASH` is\n *   filed by the error boundary and is never offered (keksdose feedback #160).\n * - The context box, built from the same values as the `context` it sends\n *   ({@link FeedbackContextBox} / `feedbackContext`), the URL read when the dialog OPENS.\n * - Upload every file, then create (keksdose `use-feedback-dialog.tsx:89`): the\n *   screenshot to `screenshot_url`, the rest to `attachment_urls`, all in parallel.\n * - The toasts, from `feedbackToast`: filed, failed (the server's `detail` through\n *   `errorMessage`), a refused file's type, size or count, a failed capture.\n *\n * What stays the app's: the API client, the user, the environment and version, and what\n * to refresh afterwards. No TanStack in here — `create` is a plain promise, so the hook\n * runs in any app; the app's mutation, if it wants one, lives inside `create`.\n *\n * A failure keeps the dialog open with the draft, as keksdose's did. A dialog closed and\n * opened again while a send is still running is NOT closed by that send's success — the\n * new draft is somebody's next report.\n */\nexport function useFeedbackSubmit<R = unknown>(options: UseFeedbackSubmitOptions<R>): FeedbackSubmit {\n  const { upload, create, user, environment, version, onSubmitted, errorMessage, capture } = options;\n  const toastText = useFeedbackToastLabels();\n  const [isOpen, setIsOpen] = useState(false);\n  const [category, setCategory] = useState<FeedbackCategory>(\"OTHER\");\n  const [url, setUrl] = useState(\"\");\n  const [attachUrl, setAttachUrl] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  // Which opening a send belongs to — see \"closed and opened again\" above.\n  const opening = useRef(0);\n  const inFlight = useRef(false);\n\n  const open = (next?: FeedbackCategory) => {\n    opening.current += 1;\n    setCategory(next && FEEDBACK_PICKABLE_CATEGORIES.includes(next) ? next : \"OTHER\");\n    setUrl(typeof window === \"undefined\" ? \"\" : window.location.href);\n    // Fresh every time (Kurvenschmiede use-feedback-dialog.tsx:80): a reporter who left the\n    // page out of one idea is not saying the bug report after it is unrelated too.\n    setAttachUrl(true);\n    setIsOpen(true);\n  };\n  const close = () => setIsOpen(false);\n\n  // `context` comes from the dialog, built off the values its context box shows.\n  const submit = async (data: FeedbackMultipleSubmission, context: FeedbackContext) => {\n    if (inFlight.current) return;\n    inFlight.current = true;\n    setSubmitting(true);\n    const from = opening.current;\n    let result: R;\n    try {\n      const [screenshot_url, attachment_urls] = await Promise.all([\n        data.screenshot ? upload(data.screenshot) : Promise.resolve(null),\n        Promise.all(data.attachments.map((file) => upload(file))),\n      ]);\n      result = await create({\n        title: data.title.trim(),\n        body: data.body.trim() ? data.body : \"\",\n        category: data.category as FeedbackCategory,\n        context,\n        screenshot_url,\n        attachment_urls,\n      });\n    } catch (error) {\n      toast.error(errorMessage ? errorMessage(error, toastText.submitFailed) : toastText.submitFailed);\n      return;\n    } finally {\n      inFlight.current = false;\n      setSubmitting(false);\n    }\n    toast.success(toastText.submitted);\n    if (opening.current === from) setIsOpen(false);\n    onSubmitted?.(result);\n  };\n\n  // Nothing is drawn while the dialog's module is on its way — a few milliseconds, once per\n  // page load; a spinner would only flash. A load that fails (a deploy replaced the chunk)\n  // throws a chunk-load error to the app's error boundary, as a lazy route's does.\n  const dialog = isOpen ? (\n    <Suspense fallback={null}>\n      <LazySubmitDialog\n        onClose={close}\n        category={category}\n        onCategoryChange={setCategory}\n        submitting={submitting}\n        onSubmit={submit}\n        user={user}\n        url={url}\n        attachUrl={attachUrl}\n        onAttachUrlChange={setAttachUrl}\n        environment={environment}\n        version={version}\n        capture={capture}\n      />\n    </Suspense>\n  ) : null;\n\n  return { open, close, dialog };\n}\n"],"mappings":";AAmMM;AAnMN,SAAS,MAAM,UAAU,QAAQ,gBAAgB;AAEjD,SAAS,aAAa;AAItB,SAAS,8BAA8B;AACvC,SAAS,oCAAoF;AAU7F,MAAM,mBAAmB;AAAA,EAAK,MAC5B,OAAO,0BAA0B,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,OAAO,qBAAqB,EAAE;AAChG;AAoHO,SAAS,kBAA+B,SAAsD;AACnG,QAAM,EAAE,QAAQ,QAAQ,MAAM,aAAa,SAAS,aAAa,cAAc,QAAQ,IAAI;AAC3F,QAAM,YAAY,uBAAuB;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,OAAO;AAClE,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,UAAU,OAAO,CAAC;AACxB,QAAM,WAAW,OAAO,KAAK;AAE7B,QAAM,OAAO,CAAC,SAA4B;AACxC,YAAQ,WAAW;AACnB,gBAAY,QAAQ,6BAA6B,SAAS,IAAI,IAAI,OAAO,OAAO;AAChF,WAAO,OAAO,WAAW,cAAc,KAAK,OAAO,SAAS,IAAI;AAGhE,iBAAa,IAAI;AACjB,cAAU,IAAI;AAAA,EAChB;AACA,QAAM,QAAQ,MAAM,UAAU,KAAK;AAGnC,QAAM,SAAS,OAAO,MAAkC,YAA6B;AACnF,QAAI,SAAS,QAAS;AACtB,aAAS,UAAU;AACnB,kBAAc,IAAI;AAClB,UAAM,OAAO,QAAQ;AACrB,QAAI;AACJ,QAAI;AACF,YAAM,CAAC,gBAAgB,eAAe,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC1D,KAAK,aAAa,OAAO,KAAK,UAAU,IAAI,QAAQ,QAAQ,IAAI;AAAA,QAChE,QAAQ,IAAI,KAAK,YAAY,IAAI,CAAC,SAAS,OAAO,IAAI,CAAC,CAAC;AAAA,MAC1D,CAAC;AACD,eAAS,MAAM,OAAO;AAAA,QACpB,OAAO,KAAK,MAAM,KAAK;AAAA,QACvB,MAAM,KAAK,KAAK,KAAK,IAAI,KAAK,OAAO;AAAA,QACrC,UAAU,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,SAAS,OAAO;AACd,YAAM,MAAM,eAAe,aAAa,OAAO,UAAU,YAAY,IAAI,UAAU,YAAY;AAC/F;AAAA,IACF,UAAE;AACA,eAAS,UAAU;AACnB,oBAAc,KAAK;AAAA,IACrB;AACA,UAAM,QAAQ,UAAU,SAAS;AACjC,QAAI,QAAQ,YAAY,KAAM,WAAU,KAAK;AAC7C,kBAAc,MAAM;AAAA,EACtB;AAKA,QAAM,SAAS,SACb,oBAAC,YAAS,UAAU,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF,IACE;AAEJ,SAAO,EAAE,MAAM,OAAO,OAAO;AAC/B;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-submit.tsx"],"sourcesContent":["import { lazy, Suspense, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { toast } from \"../components/toast\";\n// Types only, gone from the built module: the dialog's modules load with the dialog.\nimport type { FeedbackSubmitter } from \"./feedback-context\";\nimport type { FeedbackMultipleSubmission } from \"./feedback-dialog\";\nimport { useFeedbackToastLabels } from \"./feedback-labels\";\nimport { FEEDBACK_PICKABLE_CATEGORIES, type FeedbackContext, type FeedbackEnvironment } from \"./feedback-record\";\nimport type { FeedbackCategory } from \"./feedback-vocabulary\";\n\n/**\n * The dialog, loaded when it is first opened rather than with the top bar that mounts the\n * hook (0.34, MOD-1 of the refactor audit 2026-10; see feedback-submit-dialog.tsx). A\n * LITERAL relative `import()`, as the catalogue loaders are (i18n/languages.ts): the\n * library build keeps the module its own (`bundle: false`), and a path an app's bundler\n * can read is a chunk it can split off.\n */\nconst LazySubmitDialog = lazy(() =>\n  import(\"./feedback-submit-dialog\").then((module) => ({ default: module.FeedbackSubmitDialog })),\n);\n\n/**\n * `FeedbackCreate` — the body of `POST /feedback` (keksdose `schemas/feedback.py:25`, §3.4\n * of docs/feedback-harmonization.md), as {@link useFeedbackSubmit} hands it to the app's\n * `create`.\n */\nexport interface FeedbackCreatePayload {\n  /** Trimmed; never blank (the dialog will not send a subject of spaces). */\n  title: string;\n  /** `\"\"` when the reporter wrote nothing or only whitespace — the server stores `\"\"`. */\n  body: string;\n  /** Never `CRASH` — the server answers that with a 422 (§3.4). */\n  category: FeedbackCategory;\n  /** §3.2, built by `feedbackContext` from what the context box showed. */\n  context: FeedbackContext;\n  /** The captured screenshot's upload URL, or `null`. */\n  screenshot_url: string | null;\n  /** The picked and pasted files' upload URLs, in the order they were added — `[]` when\n   *  none, as keksdose sends it. At most 5. */\n  attachment_urls: string[];\n}\n\nexport interface UseFeedbackSubmitOptions<R = unknown> {\n  /**\n   * `POST /feedback/attachments` for ONE file → its URL (§3.3) — the app's authed client.\n   * Every file goes up BEFORE the report is created, so a row never names a file that did\n   * not arrive (keksdose `use-feedback-dialog.tsx:89`); if any upload rejects, nothing is\n   * created and the failure toast says so.\n   */\n  upload: (file: File) => Promise<string>;\n  /** `POST /feedback` with the payload. Whatever it resolves with reaches `onSubmitted`. */\n  create: (payload: FeedbackCreatePayload) => Promise<R>;\n  /** Who is filing — shown in the context box and sent in `context.user_*`. */\n  user?: FeedbackSubmitter | null;\n  /** `context.environment` — the app's own reading of which copy it is (keksdose\n   *  `deployEnvironment()`). */\n  environment?: FeedbackEnvironment | (string & {});\n  /** `context.version` — the app build (`__APP_VERSION__`). */\n  version?: string;\n  /** The report was filed: after the \"Thanks for the feedback!\" toast and the close. The\n   *  place to invalidate the app's feedback queries. */\n  onSubmitted?: (result: R) => void;\n  /**\n   * The failure toast's text from what `upload` or `create` rejected with — the app's own\n   * `extractApiErrorMessage(err, fallback)` (keksdose) / `apiErrorMessage` (Kurvenschmiede),\n   * so the server's `detail` wins (§3.7: a 413, a 415, keksdose's demo-session 403). Without\n   * it every failure says `feedbackToast.submitFailed`.\n   */\n  errorMessage?: (error: unknown, fallback: string) => string;\n  /**\n   * The \"Capture screenshot\" button's capture. Default {@link captureAppScreenshot} of\n   * `#root`; another root is `() => captureAppScreenshot({ rootId: \"app\" })`. `false`\n   * hides the button — for an app that does not install the optional peer\n   * `modern-screenshot`. A rejection becomes the `captureFailed` toast.\n   */\n  capture?: false | (() => Promise<File | null>);\n  /**\n   * The app's reports are public (0.38, docs/feedback-harmonization.md §9.2 decision 6):\n   * `true` shows **\"Other users will see the title and text (never your screenshots or\n   * files)\"** (`feedbackDialog.publicNotice`) under the body. keksdose and Kurvenschmiede\n   * pass it — for a viewer who passes the app's `public_viewer` — and kastlan, whose\n   * public parts are off, does not. Default `false`.\n   */\n  publicNotice?: boolean;\n}\n\nexport interface FeedbackSubmit {\n  /**\n   * Open the dialog on `category` — a `FeedbackMenu` row's (§4.2: \"default category when\n   * opened from a row: that row's\"). Without one, or with `CRASH` (never pickable), it\n   * opens on `OTHER`, the server's own default (§3.4). Each open starts a fresh form,\n   * reads `location.href` for the context box and ticks \"Attach current page URL\" again.\n   */\n  open: (category?: FeedbackCategory) => void;\n  /** Close it, as Cancel does. */\n  close: () => void;\n  /**\n   * The dialog — render it once, anywhere (it portals). `null` while closed. Since 0.34\n   * its module loads when it is first opened (MOD-1), so it appears a moment after\n   * `open`: a test finds it with `await screen.findBy…`, not `getBy…`.\n   */\n  dialog: ReactNode;\n}\n\n/**\n * The feedback submit dialog, wired (0.27.0, docs/feedback-harmonization.md §4.2): the\n * one call that replaces keksdose's `use-feedback-dialog.tsx`, kastlan's `FeedbackButton`\n * and Kurvenschmiede's `use-feedback-dialog.tsx`.\n *\n * ```tsx\n * const feedback = useFeedbackSubmit({\n *   upload: (file) => feedbackApi.uploadAttachment(file),\n *   create: (payload) => feedbackApi.create(payload),\n *   user, environment: deployEnvironment(), version: __APP_VERSION__,\n *   errorMessage: extractApiErrorMessage,\n *   onSubmitted: () => qc.invalidateQueries({ queryKey: queryKeys.feedback.all }),\n * });\n * <FeedbackMenu onFile={feedback.open} isAdmin={user?.role === \"ADMIN\"} />\n * {feedback.dialog}\n * ```\n *\n * What it settles, so no app restates it:\n *\n * - `FeedbackDialog` in `attachments=\"multiple\"` with `requireBody={false}` (§7.4): a\n *   subject alone is a report. One captured screenshot in its own slot plus up to 5\n *   picked or pasted files, `FEEDBACK_ATTACHMENT_ACCEPT` (images, PDF, text), 10 MB each.\n * - The pickable categories — Bug, Idea, Question, Other, in the kit's words. `CRASH` is\n *   filed by the error boundary and is never offered (keksdose feedback #160).\n * - The context box, built from the same values as the `context` it sends\n *   ({@link FeedbackContextBox} / `feedbackContext`), the URL read when the dialog OPENS.\n * - Upload every file, then create (keksdose `use-feedback-dialog.tsx:89`): the\n *   screenshot to `screenshot_url`, the rest to `attachment_urls`, all in parallel.\n * - The toasts, from `feedbackToast`: filed, failed (the server's `detail` through\n *   `errorMessage`), a refused file's type, size or count, a failed capture.\n *\n * What stays the app's: the API client, the user, the environment and version, and what\n * to refresh afterwards. No TanStack in here — `create` is a plain promise, so the hook\n * runs in any app; the app's mutation, if it wants one, lives inside `create`.\n *\n * A failure keeps the dialog open with the draft, as keksdose's did. A dialog closed and\n * opened again while a send is still running is NOT closed by that send's success — the\n * new draft is somebody's next report.\n */\nexport function useFeedbackSubmit<R = unknown>(options: UseFeedbackSubmitOptions<R>): FeedbackSubmit {\n  const { upload, create, user, environment, version, onSubmitted, errorMessage, capture, publicNotice } = options;\n  const toastText = useFeedbackToastLabels();\n  const [isOpen, setIsOpen] = useState(false);\n  const [category, setCategory] = useState<FeedbackCategory>(\"OTHER\");\n  const [url, setUrl] = useState(\"\");\n  const [attachUrl, setAttachUrl] = useState(true);\n  const [submitting, setSubmitting] = useState(false);\n  // Which opening a send belongs to — see \"closed and opened again\" above.\n  const opening = useRef(0);\n  const inFlight = useRef(false);\n\n  const open = (next?: FeedbackCategory) => {\n    opening.current += 1;\n    setCategory(next && FEEDBACK_PICKABLE_CATEGORIES.includes(next) ? next : \"OTHER\");\n    setUrl(typeof window === \"undefined\" ? \"\" : window.location.href);\n    // Fresh every time (Kurvenschmiede use-feedback-dialog.tsx:80): a reporter who left the\n    // page out of one idea is not saying the bug report after it is unrelated too.\n    setAttachUrl(true);\n    setIsOpen(true);\n  };\n  const close = () => setIsOpen(false);\n\n  // `context` comes from the dialog, built off the values its context box shows.\n  const submit = async (data: FeedbackMultipleSubmission, context: FeedbackContext) => {\n    if (inFlight.current) return;\n    inFlight.current = true;\n    setSubmitting(true);\n    const from = opening.current;\n    let result: R;\n    try {\n      const [screenshot_url, attachment_urls] = await Promise.all([\n        data.screenshot ? upload(data.screenshot) : Promise.resolve(null),\n        Promise.all(data.attachments.map((file) => upload(file))),\n      ]);\n      result = await create({\n        title: data.title.trim(),\n        body: data.body.trim() ? data.body : \"\",\n        category: data.category as FeedbackCategory,\n        context,\n        screenshot_url,\n        attachment_urls,\n      });\n    } catch (error) {\n      toast.error(errorMessage ? errorMessage(error, toastText.submitFailed) : toastText.submitFailed);\n      return;\n    } finally {\n      inFlight.current = false;\n      setSubmitting(false);\n    }\n    toast.success(toastText.submitted);\n    if (opening.current === from) setIsOpen(false);\n    onSubmitted?.(result);\n  };\n\n  // Nothing is drawn while the dialog's module is on its way — a few milliseconds, once per\n  // page load; a spinner would only flash. A load that fails (a deploy replaced the chunk)\n  // throws a chunk-load error to the app's error boundary, as a lazy route's does.\n  const dialog = isOpen ? (\n    <Suspense fallback={null}>\n      <LazySubmitDialog\n        onClose={close}\n        category={category}\n        onCategoryChange={setCategory}\n        submitting={submitting}\n        onSubmit={submit}\n        user={user}\n        url={url}\n        attachUrl={attachUrl}\n        onAttachUrlChange={setAttachUrl}\n        environment={environment}\n        version={version}\n        capture={capture}\n        publicNotice={publicNotice}\n      />\n    </Suspense>\n  ) : null;\n\n  return { open, close, dialog };\n}\n"],"mappings":";AA2MM;AA3MN,SAAS,MAAM,UAAU,QAAQ,gBAAgB;AAEjD,SAAS,aAAa;AAItB,SAAS,8BAA8B;AACvC,SAAS,oCAAoF;AAU7F,MAAM,mBAAmB;AAAA,EAAK,MAC5B,OAAO,0BAA0B,EAAE,KAAK,CAAC,YAAY,EAAE,SAAS,OAAO,qBAAqB,EAAE;AAChG;AA4HO,SAAS,kBAA+B,SAAsD;AACnG,QAAM,EAAE,QAAQ,QAAQ,MAAM,aAAa,SAAS,aAAa,cAAc,SAAS,aAAa,IAAI;AACzG,QAAM,YAAY,uBAAuB;AACzC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,OAAO;AAClE,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,EAAE;AACjC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,UAAU,OAAO,CAAC;AACxB,QAAM,WAAW,OAAO,KAAK;AAE7B,QAAM,OAAO,CAAC,SAA4B;AACxC,YAAQ,WAAW;AACnB,gBAAY,QAAQ,6BAA6B,SAAS,IAAI,IAAI,OAAO,OAAO;AAChF,WAAO,OAAO,WAAW,cAAc,KAAK,OAAO,SAAS,IAAI;AAGhE,iBAAa,IAAI;AACjB,cAAU,IAAI;AAAA,EAChB;AACA,QAAM,QAAQ,MAAM,UAAU,KAAK;AAGnC,QAAM,SAAS,OAAO,MAAkC,YAA6B;AACnF,QAAI,SAAS,QAAS;AACtB,aAAS,UAAU;AACnB,kBAAc,IAAI;AAClB,UAAM,OAAO,QAAQ;AACrB,QAAI;AACJ,QAAI;AACF,YAAM,CAAC,gBAAgB,eAAe,IAAI,MAAM,QAAQ,IAAI;AAAA,QAC1D,KAAK,aAAa,OAAO,KAAK,UAAU,IAAI,QAAQ,QAAQ,IAAI;AAAA,QAChE,QAAQ,IAAI,KAAK,YAAY,IAAI,CAAC,SAAS,OAAO,IAAI,CAAC,CAAC;AAAA,MAC1D,CAAC;AACD,eAAS,MAAM,OAAO;AAAA,QACpB,OAAO,KAAK,MAAM,KAAK;AAAA,QACvB,MAAM,KAAK,KAAK,KAAK,IAAI,KAAK,OAAO;AAAA,QACrC,UAAU,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,SAAS,OAAO;AACd,YAAM,MAAM,eAAe,aAAa,OAAO,UAAU,YAAY,IAAI,UAAU,YAAY;AAC/F;AAAA,IACF,UAAE;AACA,eAAS,UAAU;AACnB,oBAAc,KAAK;AAAA,IACrB;AACA,UAAM,QAAQ,UAAU,SAAS;AACjC,QAAI,QAAQ,YAAY,KAAM,WAAU,KAAK;AAC7C,kBAAc,MAAM;AAAA,EACtB;AAKA,QAAM,SAAS,SACb,oBAAC,YAAS,UAAU,MAClB;AAAA,IAAC;AAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA,kBAAkB;AAAA,MAClB;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,mBAAmB;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,GACF,IACE;AAEJ,SAAO,EAAE,MAAM,OAAO,OAAO;AAC/B;","names":[]}

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

@@ -96,7 +96,7 @@ export { DEFAULT_FEEDBACK_PAGE_LABELS };
 export declare function useFeedbackPageLabels(labels?: LabelOverride<FeedbackPageLabels>): FeedbackPageLabels;
 /** What the table reads off a report — {@link FeedbackRecord}'s fields, so an app's own
  *  row type with more of them passes as it is. */
-export type FeedbackTableRow = Pick<FeedbackRecord, "id" | "user_id" | "user_email" | "title" | "body" | "category" | "status" | "context" | "resolved_at" | "created_at">;
+export type FeedbackTableRow = Pick<FeedbackRecord, "id" | "user_id" | "user_email" | "title" | "body" | "category" | "status" | "context" | "resolved_at" | "created_at" | "votes">;
 /**
  * The environment a report was filed from when it is NOT production, as filed — or
  * `null` (keksdose `environmentLabel`, :142). Production is silent, as the top bar's
@@ -185,6 +185,13 @@ export interface FeedbackColumnsOptions {
     labels: FeedbackPageLabels;
     statusLabels: FeedbackStatusLabels;
     categoryLabels: FeedbackCategoryLabels;
+    /** 0.38 (§9.6): a sortable **Votes** column before Status — `row.votes`, a missing
+     *  one as 0 — hidden on the phone (the card's chip, {@link FeedbackMobileCardProps.votes},
+     *  carries it there). Off by default. */
+    votes?: boolean;
+    /** The Votes header — `feedbackPublic.columnVotes`, so the inbox and the public list
+     *  say the same ({@link useFeedbackColumns} reads it). Default "Votes". */
+    votesHeader?: string;
 }
 /**
  * The nine columns of §4.3, in the contract's order, for `DataTable` — keksdose's
@@ -215,10 +222,10 @@ export interface FeedbackColumnsOptions {
  * Pure: hand it resolved words, or use {@link useFeedbackColumns}. Keys are stable, so
  * an app may drop or add a column (`columns.filter((c) => c.key !== "email")`).
  */
-export declare function feedbackColumns<T extends FeedbackTableRow>({ mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels, }: FeedbackColumnsOptions): DataTableColumn<T>[];
+export declare function feedbackColumns<T extends FeedbackTableRow>({ mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels, votes, votesHeader, }: FeedbackColumnsOptions): DataTableColumn<T>[];
 /** What {@link useFeedbackColumns} takes: {@link FeedbackColumnsOptions} with the words
  *  read from the provider, and `renderDate` optional. */
-export interface UseFeedbackColumnsOptions extends Omit<FeedbackColumnsOptions, "renderDate" | "labels" | "statusLabels" | "categoryLabels"> {
+export interface UseFeedbackColumnsOptions extends Omit<FeedbackColumnsOptions, "renderDate" | "labels" | "statusLabels" | "categoryLabels" | "votesHeader"> {
     /** Default: the kit's date with the weekday ({@link useFeedbackRenderDate}). */
     renderDate?: FeedbackRenderDate;
     /** Over the `feedbackPage` namespace. Keep it stable (module scope or memoised): it is
@@ -231,7 +238,7 @@ export interface UseFeedbackColumnsOptions extends Omit<FeedbackColumnsOptions,
  * `update.mutate` through `useFeedbackStatusUndo` (stable) rather than a fresh function
  * per render, or every row's columns are rebuilt on each render (keksdose :667).
  */
-export declare function useFeedbackColumns<T extends FeedbackTableRow>({ mine, canEdit, onStatus, renderDate: renderDateProp, commit, labels: labelsProp, }: UseFeedbackColumnsOptions): DataTableColumn<T>[];
+export declare function useFeedbackColumns<T extends FeedbackTableRow>({ mine, canEdit, onStatus, renderDate: renderDateProp, commit, votes, labels: labelsProp, }: UseFeedbackColumnsOptions): DataTableColumn<T>[];
 /**
  * The phone list's day headers (keksdose feedback #325: the list "grouped by date, like
  * the transactions list"): `DataTable mobileGroupBy={feedbackMobileGroupBy(renderDate)}`.
@@ -249,6 +256,9 @@ export interface FeedbackMobileCardProps {
     /** See {@link FeedbackRenderDate}; the same function as the columns' and the day
      *  headers'. Default: the kit's ({@link useFeedbackRenderDate}). */
     renderDate?: FeedbackRenderDate;
+    /** 0.38: the vote count as a chip beside the category — with `useFeedbackColumns`'
+     *  `votes`, whose column the phone hides. */
+    votes?: boolean;
     /** Over the `feedbackPage` namespace. */
     labels?: LabelOverride<FeedbackPageLabels>;
 }
@@ -262,7 +272,7 @@ export interface FeedbackMobileCardProps {
  * chips itself: with a `mobileCard`, DataTable never renders the `mobilePrimary` cell,
  * which is how keksdose's cards lost them.
  */
-export declare function FeedbackMobileCard({ row, showSubmitter, renderDate: renderDateProp, labels: labelsProp }: FeedbackMobileCardProps): import("react").JSX.Element;
+export declare function FeedbackMobileCard({ row, showSubmitter, renderDate: renderDateProp, votes, labels: labelsProp, }: FeedbackMobileCardProps): import("react").JSX.Element;
 export interface FeedbackAwaitingToggleProps {
     /** Narrowed to what waits on the triager. Page state, not the URL (keksdose :699): a
      *  thumb gesture on one screen, not a view worth linking to. */

package/dist/feedback/feedback-table.js

@@ -1,7 +1,7 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { ExternalLink } from "lucide-react";
+import { ExternalLink, ThumbsUp } from "lucide-react";
 import { cn } from "../lib/cn.js";
 import { toLocalIso } from "../lib/dates.js";
 import { EMPTY_FORMATTED_VALUE, formatDate, toDate } from "../lib/format.js";
@@ -26,6 +26,7 @@ import {
 import { FEEDBACK_AWAITING_STATUSES, reworkCount } from "./feedback-record.js";
 import { feedbackPageHref, feedbackPagePath } from "./feedback-row-detail.js";
 import { DEFAULT_FEEDBACK_PAGE_LABELS } from "./feedback-table-labels.js";
+import { DEFAULT_FEEDBACK_PUBLIC_LABELS } from "./feedback-public-labels.js";
 function useFeedbackPageLabels(labels) {
   return useKitLabels("feedbackPage", DEFAULT_FEEDBACK_PAGE_LABELS, labels);
 }
@@ -113,6 +114,12 @@ function FeedbackPageLinkCell({ context, openPage }) {
 function RenderedLink({ render, ...props }) {
   return render(props);
 }
+function FeedbackVoteCount({ votes, className }) {
+  return /* @__PURE__ */ jsxs(Chip, { size: "sm", className, "data-feedback-vote-count": votes ?? 0, children: [
+    /* @__PURE__ */ jsx(ThumbsUp, { className: "size-3", "aria-hidden": true }),
+    /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: votes ?? 0 })
+  ] });
+}
 function statusRank(status) {
   const at = FEEDBACK_STATUS_ORDER.indexOf(status);
   return at === -1 ? FEEDBACK_STATUS_ORDER.length : at;
@@ -125,9 +132,22 @@ function feedbackColumns({
   commit,
   labels,
   statusLabels,
-  categoryLabels
+  categoryLabels,
+  votes = false,
+  votesHeader = DEFAULT_FEEDBACK_PUBLIC_LABELS.columnVotes
 }) {
   const editable = canEdit && !mine;
+  const votesColumn = votes ? [
+    {
+      key: "votes",
+      header: votesHeader,
+      className: "whitespace-nowrap",
+      cell: (row) => /* @__PURE__ */ jsx(FeedbackVoteCount, { votes: row.votes }),
+      sortBy: (row) => row.votes ?? 0,
+      filter: { type: "number", getValue: (row) => row.votes ?? 0 },
+      mobileHidden: true
+    }
+  ] : [];
   return [
     {
       key: "id",
@@ -206,6 +226,7 @@ function feedbackColumns({
       filterBy: (row) => feedbackPagePath(row.context) ?? "",
       mobileHidden: true
     },
+    ...votesColumn,
     {
       key: "status",
       header: labels.columnStatus,
@@ -248,21 +269,40 @@ function useFeedbackColumns({
   onStatus,
   renderDate: renderDateProp,
   commit,
+  votes,
   labels: labelsProp
 }) {
   const labels = useFeedbackPageLabels(labelsProp);
   const statusLabels = useFeedbackStatusLabels();
   const categoryLabels = useFeedbackCategoryLabels();
+  const votesHeader = useKitLabels("feedbackPublic", DEFAULT_FEEDBACK_PUBLIC_LABELS).columnVotes;
   const renderDate = useFeedbackRenderDate(renderDateProp);
   return useMemo(
-    () => feedbackColumns({ mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels }),
-    [mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels]
+    () => feedbackColumns({
+      mine,
+      canEdit,
+      onStatus,
+      renderDate,
+      commit,
+      labels,
+      statusLabels,
+      categoryLabels,
+      votes,
+      votesHeader
+    }),
+    [mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels, votes, votesHeader]
   );
 }
 function feedbackMobileGroupBy(renderDate) {
   return (row) => renderDate(row.created_at);
 }
-function FeedbackMobileCard({ row, showSubmitter = false, renderDate: renderDateProp, labels: labelsProp }) {
+function FeedbackMobileCard({
+  row,
+  showSubmitter = false,
+  renderDate: renderDateProp,
+  votes = false,
+  labels: labelsProp
+}) {
   const labels = useFeedbackPageLabels(labelsProp);
   const renderDate = useFeedbackRenderDate(renderDateProp);
   return /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
@@ -272,6 +312,7 @@ function FeedbackMobileCard({ row, showSubmitter = false, renderDate: renderDate
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-muted", children: [
       /* @__PURE__ */ jsx(FeedbackCategoryBadge, { category: row.category, compact: true }),
+      votes && /* @__PURE__ */ jsx(FeedbackVoteCount, { votes: row.votes }),
       /* @__PURE__ */ jsx(FeedbackDate, { value: row.created_at, renderDate }),
       showSubmitter && // The short id form: "#7" says enough on a card that has room for little.
       /* @__PURE__ */ jsxs("span", { className: "min-w-0 truncate", children: [

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-table.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { MouseEvent, ReactElement, ReactNode } from \"react\";\nimport { ExternalLink } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { toLocalIso } from \"../lib/dates\";\nimport { EMPTY_FORMATTED_VALUE, formatDate, toDate } from \"../lib/format\";\nimport { useKitDateFormatter, useKitLabels, useKitLink, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport type { KitLinkProps } from \"../i18n/kit-labels\";\nimport { Chip } from \"../components/chip\";\nimport { FloatingAction, FloatingActionGroup } from \"../components/floating-panel\";\nimport type { FloatingCorner } from \"../components/floating-panel\";\nimport { pickLinkRenderer } from \"../components/text-link\";\nimport type { DataTableColumn } from \"../components/data-table\";\nimport {\n  FEEDBACK_CATEGORY_ORDER,\n  FEEDBACK_STATUS_META,\n  FEEDBACK_STATUS_ORDER,\n  FeedbackCategoryBadge,\n  FeedbackStatusBadge,\n  FeedbackStatusTransitions,\n  feedbackCategoryRank,\n  visibleFeedbackStatuses,\n  type FeedbackStatus,\n} from \"./feedback-inbox\";\nimport {\n  useFeedbackCategoryLabels,\n  useFeedbackStatusLabels,\n  type FeedbackCategoryLabels,\n  type FeedbackStatusLabels,\n} from \"./feedback-labels\";\nimport { FEEDBACK_AWAITING_STATUSES, reworkCount, type FeedbackContext, type FeedbackRecord } from \"./feedback-record\";\nimport type { FeedbackStatusChange } from \"./feedback-status-undo\";\nimport { feedbackPageHref, feedbackPagePath } from \"./feedback-row-detail\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { DEFAULT_FEEDBACK_PAGE_LABELS } from \"./feedback-table-labels\";\n\n/**\n * The two feedback pages' TABLE — `/feedback` (the admin inbox) and `/my-feedback` (the\n * user's own) — as the kit's parts: §4.3 of the feedback contract\n * (docs/feedback-harmonization.md), lifted from keksdose\n * `frontend/src/features/feedback/feedback-page.tsx` (columns :711–963, the phone card\n * :1038–1065, the awaiting toggle :689–709 and :1086–1101).\n *\n * Until 0.27 each app wrote this table itself, and the three had drifted exactly where a\n * table drifts: kastlan's showed five statuses and no environment, Kurvenschmiede's one\n * page served both audiences, and keksdose's — the canon, argued over a year of feedback\n * items — had a latent bug of its own: its subject cell carries the environment and\n * rework chips \"so a second attempt is marked on every surface at once\" (:760), but the\n * phone card is a `mobileCard`, and `DataTable` never renders the `mobilePrimary` cell\n * when `mobileCard` is set (data-table-mobile.tsx, `cardInner`). Its phone cards showed neither\n * chip. {@link FeedbackMobileCard} draws both itself, from the same\n * {@link FeedbackSubject} the column uses, so the two surfaces cannot part again.\n *\n * What stays the app's: the rows (its API client), who is an admin, the routes and the\n * `/feedback` → `/my-feedback` redirect, the `?row=` deep link and the row detail. What\n * is here: the nine columns ({@link feedbackColumns} / {@link useFeedbackColumns}), the\n * phone card and its day headers ({@link FeedbackMobileCard},\n * {@link feedbackMobileGroupBy}), the phone's \"Only what is waiting for you\" toggle\n * ({@link FeedbackAwaitingToggle}), the empty state ({@link FeedbackEmptyState}) and the\n * `feedbackPage` words. The swipes are `feedbackSwipePlan` (feedback-swipe.tsx), passed\n * by the app because whether the page may write is the app's call.\n */\n\n/* ── Labels ─────────────────────────────────────────────────────────────────── */\n\n/**\n * `feedbackPage` — the words of the two feedback pages (§4.3). The English is keksdose's\n * `en.json` (`feedback.*`, `common.none`); the de-CH canon is noted on each key (keksdose\n * `de-CH.json`, ss never ß).\n */\nexport interface FeedbackPageLabels {\n  /** The admin inbox's page title, `/feedback`. de-CH: \"Feedback\" */\n  title: string;\n  /** The user's own list, `/my-feedback`. de-CH: \"Mein Feedback\" */\n  myTitle: string;\n  /** Column 1, the id. de-CH: \"#\" */\n  columnId: string;\n  /** Column 2, when it was filed. de-CH: \"Datum\" */\n  columnDate: string;\n  /** Column 3. de-CH: \"Kategorie\" */\n  columnCategory: string;\n  /** Column 4, the title with its chips. de-CH: \"Betreff\" */\n  columnSubject: string;\n  /** Column 5, who filed it. de-CH: \"Nutzer\" */\n  columnUser: string;\n  /** Column 6. de-CH: \"E-Mail\" */\n  columnEmail: string;\n  /** Column 7, the page it was filed from. de-CH: \"URL\" */\n  columnUrl: string;\n  /** Column 8. de-CH: \"Status\" */\n  columnStatus: string;\n  /** Column 9, when it was settled. de-CH: \"Erledigt am\" */\n  columnResolved: string;\n  /** What the URL cell's link does, said before the path to a screen reader.\n   *  de-CH: \"Seite öffnen\" */\n  openPage: string;\n  /** The table with nothing to show, on both pages (§7.13) — keksdose's `common.none`.\n   *  de-CH: \"Keine\" */\n  empty: string;\n  /** The submitter of a report whose account was erased (`user_id: null`, keksdose live\n   *  #275). de-CH: \"<gelöschter Nutzer>\" */\n  deletedUser: string;\n  /** The submitter when neither a name nor an email is known — `id` is `user_id`.\n   *  de-CH: \"Nutzer #{{id}}\" */\n  userFallback: (id: number) => string;\n  /** The chip for a report filed from a copy of the app that is not production —\n   *  `environment` is `context.environment` as filed (\"dev\", \"local\", or the app's own\n   *  word). Upper-cased like the top bar's environment badge, so the marker the tester saw\n   *  is the marker triage sees. Guarded: a context is untyped JSON, so a value that is no\n   *  string (an app calling it with `context.environment` as stored) is printed, never\n   *  thrown on. de-CH: the same. */\n  environment: (environment: string) => string;\n  /** The chip for a report sent back for rework — `count` ≥ 1 is how many times\n   *  (`reworkCount`, keksdose live #331). de-CH: \"Nacharbeit\" / \"Nacharbeit ×{{count}}\" */\n  reworkChip: (count: number) => string;\n  /** The phone toggle narrowing the inbox to IN_EVALUATION + NEEDS_LIVE_TEST.\n   *  de-CH: \"Nur was auf Sie wartet\" */\n  awaitingFilter: string;\n  /** The name of the phone's floating group that holds it. de-CH: \"Feedback-Aktionen\" */\n  phoneActions: string;\n}\n\n// Defined in ./feedback-table-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_PAGE_LABELS };\n\n/** `feedbackPage` resolved: English, then `<UiKitProvider labels>`, then `labels`. The\n *  page's title comes from here too: `mine ? labels.myTitle : labels.title`. */\nexport function useFeedbackPageLabels(labels?: LabelOverride<FeedbackPageLabels>): FeedbackPageLabels {\n  return useKitLabels(\"feedbackPage\", DEFAULT_FEEDBACK_PAGE_LABELS, labels);\n}\n\n/* ── Reading a row ──────────────────────────────────────────────────────────── */\n\n/** What the table reads off a report — {@link FeedbackRecord}'s fields, so an app's own\n *  row type with more of them passes as it is. */\nexport type FeedbackTableRow = Pick<\n  FeedbackRecord,\n  \"id\" | \"user_id\" | \"user_email\" | \"title\" | \"body\" | \"category\" | \"status\" | \"context\" | \"resolved_at\" | \"created_at\"\n>;\n\n/** A context value as a trimmed string, or `\"\"` — every key is optional on read (§3.2)\n *  and an app's own context type may say `unknown`. */\nfunction text(value: unknown): string {\n  return typeof value === \"string\" ? value.trim() : \"\";\n}\n\n/**\n * The environment a report was filed from when it is NOT production, as filed — or\n * `null` (keksdose `environmentLabel`, :142). Production is silent, as the top bar's\n * badge is: the marker earns attention by being rare. A missing value is production too —\n * every row filed before a test copy existed, and crash rows filed before the crash\n * payload carried `environment` (§3.2, §3.6). An unknown value is shown rather than swallowed: an environment\n * nobody recognises is exactly when triage needs to see one.\n */\nexport function feedbackEnvironment(context: FeedbackContext | null | undefined): string | null {\n  const env = text(context?.environment);\n  return !env || env.toLowerCase() === \"prod\" ? null : env;\n}\n\n/**\n * Who filed a report, as one string (keksdose `submitterLabel`, :163): the display name,\n * else the email, else `userFallback(user_id)`. An erased account (`user_id: null`) is\n * `deletedUser` FIRST, ahead of the context: the server scrubs the name with the account,\n * but a row that somehow kept one must still not go on naming somebody who asked to be\n * forgotten. The joined `user_email` (admin list) is preferred to the context snapshot.\n */\nexport function feedbackSubmitter(\n  row: Pick<FeedbackRecord, \"user_id\" | \"user_email\" | \"context\">,\n  labels: Pick<FeedbackPageLabels, \"deletedUser\" | \"userFallback\">,\n): string {\n  if (row.user_id == null) return labels.deletedUser;\n  return (\n    text(row.context?.user_display_name) ||\n    text(row.user_email) ||\n    text(row.context?.user_email) ||\n    labels.userFallback(row.user_id)\n  );\n}\n\n/**\n * The submitter's email (keksdose `submitterEmail`, :175): the joined `user_email` —\n * authoritative, the display name is self-chosen (feedback #108) — else the context\n * snapshot, which is what `/my-feedback` has (`GET /feedback/my` sends no join). `\"\"`\n * for an erased account, for the reason {@link feedbackSubmitter} gives.\n */\nexport function feedbackSubmitterEmail(row: Pick<FeedbackRecord, \"user_id\" | \"user_email\" | \"context\">): string {\n  if (row.user_id == null) return \"\";\n  return text(row.user_email) || text(row.context?.user_email);\n}\n\n/** Whether a status is one the phone's awaiting toggle keeps — `FEEDBACK_AWAITING_STATUSES`,\n *  the two that wait on the person triaging. `rows.filter((r) => isFeedbackAwaiting(r.status))`. */\nexport function isFeedbackAwaiting(status: FeedbackStatus): boolean {\n  return FEEDBACK_AWAITING_STATUSES.includes(status);\n}\n\n/* ── Dates ──────────────────────────────────────────────────────────────────── */\n\n/**\n * How the pages write a date: an ISO timestamp in, one string out. keksdose passes its\n * `useDateCell()` (the app's date-format preference, weekday and all — dev#546), which\n * fits as it is.\n *\n * ONE function for the date column, the resolved column, the phone card and the phone's\n * day headers, so the four cannot disagree (keksdose dev#546 round 3: the header is a\n * string and must say what the card says).\n */\nexport type FeedbackRenderDate = (iso: string) => string;\n\n/** The kit's own date, weekday included: \"Sun, 4 Oct 2026\" / \"So., 4. Okt. 2026\". A date\n *  in a column carries its weekday (keksdose's rule, date-cell.tsx). */\nconst FEEDBACK_DATE_STYLE: Intl.DateTimeFormatOptions = {\n  weekday: \"short\",\n  day: \"numeric\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * `renderDate` when the app gave one, else the kit's: the `<UiKitProvider formatDate>`\n * when the app set one (called with the LOCAL calendar day and `weekday: true`, as\n * `DateMark` calls it), else `Intl` in the provider's locale with the weekday. An\n * unparseable value is passed through rather than hidden.\n */\nexport function useFeedbackRenderDate(renderDate?: FeedbackRenderDate, locale?: string): FeedbackRenderDate {\n  const kitLocale = useKitLocale(locale);\n  const fromProvider = useKitDateFormatter();\n  return useMemo<FeedbackRenderDate>(() => {\n    if (renderDate) return renderDate;\n    return (iso) => {\n      const date = toDate(iso);\n      if (!date) return iso || EMPTY_FORMATTED_VALUE;\n      const own = fromProvider\n        ? fromProvider(toLocalIso(date), { unit: \"day\", source: \"dateMark\", locale: kitLocale, weekday: true })\n        : \"\";\n      return own || formatDate(date, FEEDBACK_DATE_STYLE, { locale: kitLocale });\n    };\n  }, [renderDate, fromProvider, kitLocale]);\n}\n\n/** A date in a cell: `<time>`, nowrap, tabular figures; \"—\" when there is none. */\nfunction FeedbackDate({ value, renderDate }: { value: string | null | undefined; renderDate: FeedbackRenderDate }) {\n  if (!value) return <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>;\n  return (\n    <time dateTime={value} className=\"whitespace-nowrap tabular-nums text-muted\">\n      {renderDate(value)}\n    </time>\n  );\n}\n\n/** An instant for sorting; a value that does not parse sorts with the empty ones. */\nfunction instant(value: string | null | undefined): number | null {\n  const ms = value ? Date.parse(value) : NaN;\n  return Number.isNaN(ms) ? null : ms;\n}\n\n/* ── The subject: title + environment chip + rework chip ───────────────────── */\n\nexport interface FeedbackSubjectProps {\n  row: Pick<FeedbackRecord, \"title\" | \"body\" | \"context\">;\n  /**\n   * `false` (default): one line — the title truncates and the chips stay whole, as a\n   * table cell wants. `true`: the title wraps and the chips flow after its last word, as\n   * the phone card wants (a phone shows the whole title or nothing useful).\n   */\n  wrap?: boolean;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n  className?: string;\n}\n\n/**\n * A report's title with its two chips (§4.3, column 4): the environment when it is not\n * production (keksdose's amber outline, the top bar's environment badge — the marker the\n * tester saw is the marker triage sees) and **Rework** / **Rework ×n** when the author has\n * sent it back (keksdose live #331: *\"have a new category for items in rework\"*, as a fact\n * derived from the body rather than a seventh status).\n *\n * No tooltip on either chip (keksdose dev#523): each already says what it means.\n */\nexport function FeedbackSubject({ row, wrap = false, labels: labelsProp, className }: FeedbackSubjectProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const env = feedbackEnvironment(row.context);\n  const rounds = reworkCount(row.body ?? \"\");\n  const chipClass = wrap ? \"ms-1.5 align-middle\" : \"shrink-0\";\n  const chips = (\n    <>\n      {env && (\n        <Chip size=\"sm\" variant=\"outline\" shape=\"square\" tone=\"warning\" caps className={chipClass} data-feedback-env=\"\">\n          {labels.environment(env)}\n        </Chip>\n      )}\n      {rounds > 0 && (\n        <Chip size=\"sm\" tone=\"warning\" caps className={chipClass} data-feedback-rework={rounds}>\n          {labels.reworkChip(rounds)}\n        </Chip>\n      )}\n    </>\n  );\n  if (wrap) {\n    return (\n      <span className={cn(\"min-w-0 font-medium [overflow-wrap:anywhere]\", className)}>\n        {row.title}\n        {chips}\n      </span>\n    );\n  }\n  return (\n    <span className={cn(\"inline-flex min-w-0 max-w-full items-center gap-1.5 large:items-start\", className)}>\n      {/* One line at Normal; from Large up the title wraps rather than losing its end (text\n          size §10.17 — the release sweep's first CI run found it cut on the showcase). */}\n      <span className=\"min-w-0 truncate-until-large font-medium\">{row.title}</span>\n      {chips}\n    </span>\n  );\n}\n\n/* ── The URL cell ───────────────────────────────────────────────────────────── */\n\n/**\n * The page a report was filed from, as a link — the cell keksdose's column 7 draws\n * (:850): the path as text, path + query + hash as the `href`, read from `context.url`\n * else `context.route` by the row detail's own readers (`feedbackPagePath` /\n * `feedbackPageHref`, feedback-row-detail.tsx), so the column and the detail link the\n * same page the same way. A real link through the `<UiKitProvider linkComponent>` (the app's router, so it\n * does not reload the app; keksdose's plain `<a>` did), and its click stops at the cell so\n * the row does not open as well.\n *\n * Its name is the path, as on screen, with \"Open page\" said before it — keksdose's\n * `aria-label=\"Open page\"` replaced the path, so a screen reader heard forty identical\n * links down the column.\n */\nfunction FeedbackPageLinkCell({ context, openPage }: { context: FeedbackContext | null; openPage: string }) {\n  const kitLink = useKitLink();\n  const href = feedbackPageHref(context);\n  const path = feedbackPagePath(context);\n  if (!href || !path) return <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>;\n  const className =\n    \"inline-flex min-w-0 max-w-full items-center gap-1 text-secondary hover:text-primary hover:underline\";\n  const children = (\n    <>\n      {/* The space outside the hidden span: a flex container drops it from the layout,\n          and the accessible name keeps it (\"Open page /accounts\"). */}\n      <span className=\"sr-only\">{openPage}</span>{\" \"}\n      <code className=\"min-w-0 truncate text-xs\">{path}</code>\n      <ExternalLink className=\"size-3 shrink-0\" aria-hidden />\n    </>\n  );\n  const onClick = (event: MouseEvent<HTMLAnchorElement>) => event.stopPropagation();\n  const render = pickLinkRenderer<KitLinkProps>(undefined, kitLink, href);\n  return render ? (\n    <RenderedLink render={render} href={href} className={className} onClick={onClick}>\n      {children}\n    </RenderedLink>\n  ) : (\n    <a href={href} className={className} onClick={onClick}>\n      {children}\n    </a>\n  );\n}\n\n/** The provider's link, drawn by a component declared once (as FloatingAction's). */\nfunction RenderedLink({ render, ...props }: KitLinkProps & { render: (props: KitLinkProps) => ReactElement }) {\n  return render(props);\n}\n\n/* ── The columns ────────────────────────────────────────────────────────────── */\n\n/** What {@link feedbackColumns} takes — every word already resolved (see\n *  {@link useFeedbackColumns}, which resolves them from the provider). */\nexport interface FeedbackColumnsOptions {\n  /** `/my-feedback`. The same nine columns (one page component, §4.3), but the status\n   *  cell is read-only there whatever `canEdit` says — \"no status or outcome editing\n   *  there (also for an admin)\". */\n  mine?: boolean;\n  /** The admin on `/feedback` — the status cell offers its steps. Otherwise it shows them\n   *  read-only. */\n  canEdit: boolean;\n  /** The undoable status change, `useFeedbackStatusUndo(update.mutate)` (§4.5) — the\n   *  same one the row detail and the swipes use. */\n  onStatus: FeedbackStatusChange;\n  /** See {@link FeedbackRenderDate}. */\n  renderDate: FeedbackRenderDate;\n  /** The status buttons SAVE when pressed: pass `true` to put them under the page's\n   *  `WriteLockProvider` (FeedbackStatusTransitions' `commit`). Off by default — a\n   *  feedback inbox is rarely what an app's lock is about. */\n  commit?: CommitScope;\n  labels: FeedbackPageLabels;\n  statusLabels: FeedbackStatusLabels;\n  categoryLabels: FeedbackCategoryLabels;\n}\n\n/** A status's place in the chain, unknown ones last (as `feedbackCategoryRank`). */\nfunction statusRank(status: FeedbackStatus): number {\n  const at = FEEDBACK_STATUS_ORDER.indexOf(status);\n  return at === -1 ? FEEDBACK_STATUS_ORDER.length : at;\n}\n\n/**\n * The nine columns of §4.3, in the contract's order, for `DataTable` — keksdose's\n * (:711–963) with the contract's changes:\n *\n * | # | key | cell | filter | phone |\n * |---|---|---|---|---|\n * | 1 | `id` | id, mono | number | hidden |\n * | 2 | `date` | `created_at`, weekday ({@link FeedbackRenderDate}) | date | |\n * | 3 | `category` | `FeedbackCategoryBadge`, sorted CRASH first | select, all five | |\n * | 4 | `title` | {@link FeedbackSubject} | text: title + environment | card heading |\n * | 5 | `user` | {@link feedbackSubmitter} | text: name + email, or \"deleted user\" | |\n * | 6 | `email` | {@link feedbackSubmitterEmail} | text | hidden |\n * | 7 | `url` | the page, a link (`noRowLink`) | text: path | hidden |\n * | 8 | `status` | `FeedbackStatusTransitions variant=\"icon\"`, `visibleFeedbackStatuses` | select, chain order | |\n * | 9 | `resolved` | `resolved_at` | date | hidden |\n *\n * - Both select filters list the WHOLE vocabulary in its own order, translated —\n *   without `options` the popover lists the bare enum values found in the rows\n *   (keksdose feedback #160), and kastlan's first CRASH row would otherwise appear in a\n *   filter that never offered it.\n * - The status column owns the status filter, and only it (keksdose live #330's revert:\n *   the phone's filter sheet already exposes every column filter).\n * - `/my-feedback` shows the same nine: the Email cell's context fallback exists for it\n *   (the admin list's join is absent there, §3.1), and its phone card drops the submitter\n *   instead ({@link FeedbackMobileCardProps.showSubmitter}).\n *\n * Pure: hand it resolved words, or use {@link useFeedbackColumns}. Keys are stable, so\n * an app may drop or add a column (`columns.filter((c) => c.key !== \"email\")`).\n */\nexport function feedbackColumns<T extends FeedbackTableRow>({\n  mine = false,\n  canEdit,\n  onStatus,\n  renderDate,\n  commit,\n  labels,\n  statusLabels,\n  categoryLabels,\n}: FeedbackColumnsOptions): DataTableColumn<T>[] {\n  const editable = canEdit && !mine;\n  return [\n    {\n      key: \"id\",\n      header: labels.columnId,\n      cell: (row) => <span className=\"font-mono text-xs text-muted\">{row.id}</span>,\n      sortBy: (row) => row.id,\n      filter: { type: \"number\", getValue: (row) => row.id },\n      mobileHidden: true,\n    },\n    {\n      key: \"date\",\n      header: labels.columnDate,\n      cell: (row) => <FeedbackDate value={row.created_at} renderDate={renderDate} />,\n      sortBy: (row) => instant(row.created_at),\n      filter: { type: \"date\", getValue: (row) => row.created_at },\n    },\n    {\n      key: \"category\",\n      header: labels.columnCategory,\n      cell: (row) => <FeedbackCategoryBadge category={row.category} label={categoryLabels[row.category]} />,\n      sortBy: (row) => feedbackCategoryRank(row.category),\n      filter: {\n        type: \"select\",\n        getValue: (row) => row.category,\n        options: FEEDBACK_CATEGORY_ORDER.map((value) => ({ value, label: categoryLabels[value] })),\n      },\n    },\n    {\n      key: \"title\",\n      header: labels.columnSubject,\n      cell: (row) => <FeedbackSubject row={row} labels={labels} />,\n      sortBy: (row) => row.title,\n      // Searchable by the environment too, so \"dev\" narrows to the test copy's reports —\n      // a chip you can see but not filter by makes you read every row (keksdose :804).\n      filterBy: (row) => {\n        const env = feedbackEnvironment(row.context);\n        return env ? `${row.title} ${labels.environment(env)}` : row.title;\n      },\n      mobilePrimary: true,\n    },\n    {\n      key: \"user\",\n      header: labels.columnUser,\n      cell: (row) => <span className=\"text-secondary\">{feedbackSubmitter(row, labels)}</span>,\n      sortBy: (row) => feedbackSubmitter(row, labels),\n      // Name AND email, so either finds the person; the erased ones by the placeholder\n      // (their context holds no name any more).\n      filterBy: (row) =>\n        row.user_id == null\n          ? labels.deletedUser\n          : `${feedbackSubmitter(row, labels)} ${feedbackSubmitterEmail(row)}`,\n    },\n    {\n      key: \"email\",\n      header: labels.columnEmail,\n      // One line, like the URL beside it: keksdose's `break-all` let the browser squeeze\n      // the column to its header and broke every address in two (\"user@exam / ple.test\"),\n      // which made every row taller. Unbroken, a resized (pinned) column ellipsises it.\n      className: \"whitespace-nowrap\",\n      cell: (row) => {\n        const email = feedbackSubmitterEmail(row);\n        return email ? (\n          <span className=\"text-secondary\">{email}</span>\n        ) : (\n          <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>\n        );\n      },\n      sortBy: feedbackSubmitterEmail,\n      filterBy: feedbackSubmitterEmail,\n      mobileHidden: true,\n    },\n    {\n      key: \"url\",\n      header: labels.columnUrl,\n      // A cell only ellipsises what it is told not to wrap (keksdose live #348: the path\n      // clipped mid-character \"behind the next column\").\n      className: \"whitespace-nowrap\",\n      // The cell IS a link, so the row's own permalink must never wrap it (keksdose\n      // feedback #451: <a> in <a>, and \"open the page\" silently did nothing).\n      noRowLink: true,\n      cell: (row) => <FeedbackPageLinkCell context={row.context} openPage={labels.openPage} />,\n      sortBy: (row) => feedbackPagePath(row.context) ?? \"\",\n      filterBy: (row) => feedbackPagePath(row.context) ?? \"\",\n      mobileHidden: true,\n    },\n    {\n      key: \"status\",\n      header: labels.columnStatus,\n      // A KNOWN width: at most six 28px icon buttons (from IN_PROGRESS or IN_EVALUATION:\n      // one step either way and the three off the chain) — keksdose live #348 sized it\n      // for five and the sixth pushed the column wider.\n      className: \"w-[13.5rem] whitespace-nowrap\",\n      cell: (row) => (\n        <FeedbackStatusTransitions\n          status={row.status}\n          statuses={visibleFeedbackStatuses(row.status)}\n          canEdit={editable}\n          commit={commit}\n          onPick={(status) => onStatus(row, status)}\n          variant=\"icon\"\n          label={(status) => statusLabels[status]}\n        />\n      ),\n      sortBy: (row) => statusRank(row.status),\n      filter: {\n        type: \"select\",\n        getValue: (row) => row.status,\n        options: FEEDBACK_STATUS_ORDER.map((value) => ({ value, label: statusLabels[value] })),\n      },\n    },\n    {\n      key: \"resolved\",\n      header: labels.columnResolved,\n      cell: (row) => <FeedbackDate value={row.resolved_at} renderDate={renderDate} />,\n      sortBy: (row) => instant(row.resolved_at),\n      filter: { type: \"date\", getValue: (row) => row.resolved_at },\n      mobileHidden: true,\n    },\n  ];\n}\n\n/** What {@link useFeedbackColumns} takes: {@link FeedbackColumnsOptions} with the words\n *  read from the provider, and `renderDate` optional. */\nexport interface UseFeedbackColumnsOptions\n  extends Omit<FeedbackColumnsOptions, \"renderDate\" | \"labels\" | \"statusLabels\" | \"categoryLabels\"> {\n  /** Default: the kit's date with the weekday ({@link useFeedbackRenderDate}). */\n  renderDate?: FeedbackRenderDate;\n  /** Over the `feedbackPage` namespace. Keep it stable (module scope or memoised): it is\n   *  a dependency of the memo. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * {@link feedbackColumns} with the `feedbackPage`, `feedbackStatus` and\n * `feedbackCategory` words from the provider, memoised on what it reads — pass\n * `update.mutate` through `useFeedbackStatusUndo` (stable) rather than a fresh function\n * per render, or every row's columns are rebuilt on each render (keksdose :667).\n */\nexport function useFeedbackColumns<T extends FeedbackTableRow>({\n  mine,\n  canEdit,\n  onStatus,\n  renderDate: renderDateProp,\n  commit,\n  labels: labelsProp,\n}: UseFeedbackColumnsOptions): DataTableColumn<T>[] {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const statusLabels = useFeedbackStatusLabels();\n  const categoryLabels = useFeedbackCategoryLabels();\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return useMemo(\n    () =>\n      feedbackColumns<T>({ mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels }),\n    [mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels],\n  );\n}\n\n/* ── The phone ──────────────────────────────────────────────────────────────── */\n\n/**\n * The phone list's day headers (keksdose feedback #325: the list \"grouped by date, like\n * the transactions list\"): `DataTable mobileGroupBy={feedbackMobileGroupBy(renderDate)}`.\n *\n * The key IS the header — the same string the card's date says. DataTable groups runs of\n * equal keys, so the rows must come newest first, as `GET /feedback` and\n * `GET /feedback/my` send them (§3.3).\n */\nexport function feedbackMobileGroupBy(\n  renderDate: FeedbackRenderDate,\n): (row: Pick<FeedbackRecord, \"created_at\">) => string {\n  return (row) => renderDate(row.created_at);\n}\n\nexport interface FeedbackMobileCardProps {\n  row: FeedbackTableRow;\n  /** Add the submitter after the date — the admin inbox (`canEdit`). On `/my-feedback`\n   *  every row is the viewer's own and the name would repeat down the list. */\n  showSubmitter?: boolean;\n  /** See {@link FeedbackRenderDate}; the same function as the columns' and the day\n   *  headers'. Default: the kit's ({@link useFeedbackRenderDate}). */\n  renderDate?: FeedbackRenderDate;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * One report as a phone card (§4.3; keksdose :1042, feedback #325 rework: *\"compact card\n * instead of a wasteful label/value row per field\"*): the title with its environment and\n * rework chips and the status badge on one line, then the compact category badge, the\n * date and (admin) the submitter beneath.\n *\n * `DataTable mobileCard={(row) => <FeedbackMobileCard row={row} … />}`. It draws the\n * chips itself: with a `mobileCard`, DataTable never renders the `mobilePrimary` cell,\n * which is how keksdose's cards lost them.\n */\nexport function FeedbackMobileCard({ row, showSubmitter = false, renderDate: renderDateProp, labels: labelsProp }: FeedbackMobileCardProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return (\n    <div className=\"min-w-0 space-y-1\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <FeedbackSubject row={row} wrap labels={labels} className=\"flex-1\" />\n        {/* The pill the desktop status column draws, so a status is the same colour and\n            glyph on both layouts. */}\n        <FeedbackStatusBadge status={row.status} className=\"shrink-0\" />\n      </div>\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-muted\">\n        <FeedbackCategoryBadge category={row.category} compact />\n        <FeedbackDate value={row.created_at} renderDate={renderDate} />\n        {showSubmitter && (\n          // The short id form: \"#7\" says enough on a card that has room for little.\n          <span className=\"min-w-0 truncate\">\n            · {feedbackSubmitter(row, { deletedUser: labels.deletedUser, userFallback: (id) => `#${id}` })}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport interface FeedbackAwaitingToggleProps {\n  /** Narrowed to what waits on the triager. Page state, not the URL (keksdose :699): a\n   *  thumb gesture on one screen, not a view worth linking to. */\n  pressed: boolean;\n  onPressedChange: (pressed: boolean) => void;\n  /** Further `FloatingAction`s, after the toggle — the group is what makes them free. */\n  children?: ReactNode;\n  /** Default `bottom-end`, the register's corner. */\n  corner?: FloatingCorner;\n  /** Over the group's default distance from the bottom. */\n  offset?: string;\n  /** On the group. It is `md:hidden` already: the desktop has the status column's\n   *  filter, the same question asked where there is room for it. */\n  className?: string;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * The phone inbox's one filter button — **\"Only what is waiting for you\"** (§4.3;\n * keksdose live #330 rework: *\"a button that toggles the evaluation items (in evaluation,\n * test when live) as toggle button similar to the show/hide upcoming/scheduled for the tx\n * page\"*).\n *\n * It narrows TO `FEEDBACK_AWAITING_STATUSES` rather than hiding them: after a loop run\n * those ARE the queue — the rows handed back for a verdict — and everything else is\n * history. A `FloatingActionGroup` with one member anyway, in the register's corner and\n * shape (keksdose feedback #58), so a second action costs nothing; the glyph is\n * IN_EVALUATION's own, so the button reads in the vocabulary of the badges it filters on.\n *\n * Admin inbox only: on `/my-feedback` the author is not waiting on their own verdict.\n * The filtering is the page's — `rows.filter((r) => isFeedbackAwaiting(r.status))` —\n * so the table's own filters, sort and URL stay untouched.\n */\nexport function FeedbackAwaitingToggle({\n  pressed,\n  onPressedChange,\n  children,\n  corner,\n  offset,\n  className,\n  labels: labelsProp,\n}: FeedbackAwaitingToggleProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const Icon = FEEDBACK_STATUS_META.IN_EVALUATION.icon;\n  return (\n    <FloatingActionGroup\n      aria-label={labels.phoneActions}\n      corner={corner}\n      offset={offset}\n      className={cn(\"md:hidden\", className)}\n    >\n      <FloatingAction\n        label={labels.awaitingFilter}\n        icon={<Icon aria-hidden />}\n        pressed={pressed}\n        onClick={() => onPressedChange(!pressed)}\n      />\n      {children}\n    </FloatingActionGroup>\n  );\n}\n\n/* ── Empty ──────────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackEmptyStateProps {\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * The table with nothing to show (§7.13): the one word **None** / **Keine**, on both\n * pages — keksdose's `empty={t(\"common.none\")}` (`feedback-page.tsx:982`). No hint\n * beneath it: where reports are sent from is the feedback menu's business, and the inbox\n * needs no sentence to say it is empty.\n *\n * For `DataTable empty`, which sits in a centred, muted cell — so no box of its own.\n * keksdose passes it unconditionally, so a filter (or the awaiting toggle) that leaves\n * nothing says \"None\" too: `empty={<FeedbackEmptyState />}`.\n */\nexport function FeedbackEmptyState({ labels: labelsProp }: FeedbackEmptyStateProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  return <span data-feedback-empty=\"\">{labels.empty}</span>;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-table.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport type { MouseEvent, ReactElement, ReactNode } from \"react\";\nimport { ExternalLink, ThumbsUp } from \"lucide-react\";\nimport { cn } from \"../lib/cn\";\nimport { toLocalIso } from \"../lib/dates\";\nimport { EMPTY_FORMATTED_VALUE, formatDate, toDate } from \"../lib/format\";\nimport { useKitDateFormatter, useKitLabels, useKitLink, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport type { KitLinkProps } from \"../i18n/kit-labels\";\nimport { Chip } from \"../components/chip\";\nimport { FloatingAction, FloatingActionGroup } from \"../components/floating-panel\";\nimport type { FloatingCorner } from \"../components/floating-panel\";\nimport { pickLinkRenderer } from \"../components/text-link\";\nimport type { DataTableColumn } from \"../components/data-table\";\nimport {\n  FEEDBACK_CATEGORY_ORDER,\n  FEEDBACK_STATUS_META,\n  FEEDBACK_STATUS_ORDER,\n  FeedbackCategoryBadge,\n  FeedbackStatusBadge,\n  FeedbackStatusTransitions,\n  feedbackCategoryRank,\n  visibleFeedbackStatuses,\n  type FeedbackStatus,\n} from \"./feedback-inbox\";\nimport {\n  useFeedbackCategoryLabels,\n  useFeedbackStatusLabels,\n  type FeedbackCategoryLabels,\n  type FeedbackStatusLabels,\n} from \"./feedback-labels\";\nimport { FEEDBACK_AWAITING_STATUSES, reworkCount, type FeedbackContext, type FeedbackRecord } from \"./feedback-record\";\nimport type { FeedbackStatusChange } from \"./feedback-status-undo\";\nimport { feedbackPageHref, feedbackPagePath } from \"./feedback-row-detail\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { DEFAULT_FEEDBACK_PAGE_LABELS } from \"./feedback-table-labels\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\n\n/**\n * The two feedback pages' TABLE — `/feedback` (the admin inbox) and `/my-feedback` (the\n * user's own) — as the kit's parts: §4.3 of the feedback contract\n * (docs/feedback-harmonization.md), lifted from keksdose\n * `frontend/src/features/feedback/feedback-page.tsx` (columns :711–963, the phone card\n * :1038–1065, the awaiting toggle :689–709 and :1086–1101).\n *\n * Until 0.27 each app wrote this table itself, and the three had drifted exactly where a\n * table drifts: kastlan's showed five statuses and no environment, Kurvenschmiede's one\n * page served both audiences, and keksdose's — the canon, argued over a year of feedback\n * items — had a latent bug of its own: its subject cell carries the environment and\n * rework chips \"so a second attempt is marked on every surface at once\" (:760), but the\n * phone card is a `mobileCard`, and `DataTable` never renders the `mobilePrimary` cell\n * when `mobileCard` is set (data-table-mobile.tsx, `cardInner`). Its phone cards showed neither\n * chip. {@link FeedbackMobileCard} draws both itself, from the same\n * {@link FeedbackSubject} the column uses, so the two surfaces cannot part again.\n *\n * What stays the app's: the rows (its API client), who is an admin, the routes and the\n * `/feedback` → `/my-feedback` redirect, the `?row=` deep link and the row detail. What\n * is here: the nine columns ({@link feedbackColumns} / {@link useFeedbackColumns}), the\n * phone card and its day headers ({@link FeedbackMobileCard},\n * {@link feedbackMobileGroupBy}), the phone's \"Only what is waiting for you\" toggle\n * ({@link FeedbackAwaitingToggle}), the empty state ({@link FeedbackEmptyState}) and the\n * `feedbackPage` words. The swipes are `feedbackSwipePlan` (feedback-swipe.tsx), passed\n * by the app because whether the page may write is the app's call.\n */\n\n/* ── Labels ─────────────────────────────────────────────────────────────────── */\n\n/**\n * `feedbackPage` — the words of the two feedback pages (§4.3). The English is keksdose's\n * `en.json` (`feedback.*`, `common.none`); the de-CH canon is noted on each key (keksdose\n * `de-CH.json`, ss never ß).\n */\nexport interface FeedbackPageLabels {\n  /** The admin inbox's page title, `/feedback`. de-CH: \"Feedback\" */\n  title: string;\n  /** The user's own list, `/my-feedback`. de-CH: \"Mein Feedback\" */\n  myTitle: string;\n  /** Column 1, the id. de-CH: \"#\" */\n  columnId: string;\n  /** Column 2, when it was filed. de-CH: \"Datum\" */\n  columnDate: string;\n  /** Column 3. de-CH: \"Kategorie\" */\n  columnCategory: string;\n  /** Column 4, the title with its chips. de-CH: \"Betreff\" */\n  columnSubject: string;\n  /** Column 5, who filed it. de-CH: \"Nutzer\" */\n  columnUser: string;\n  /** Column 6. de-CH: \"E-Mail\" */\n  columnEmail: string;\n  /** Column 7, the page it was filed from. de-CH: \"URL\" */\n  columnUrl: string;\n  /** Column 8. de-CH: \"Status\" */\n  columnStatus: string;\n  /** Column 9, when it was settled. de-CH: \"Erledigt am\" */\n  columnResolved: string;\n  /** What the URL cell's link does, said before the path to a screen reader.\n   *  de-CH: \"Seite öffnen\" */\n  openPage: string;\n  /** The table with nothing to show, on both pages (§7.13) — keksdose's `common.none`.\n   *  de-CH: \"Keine\" */\n  empty: string;\n  /** The submitter of a report whose account was erased (`user_id: null`, keksdose live\n   *  #275). de-CH: \"<gelöschter Nutzer>\" */\n  deletedUser: string;\n  /** The submitter when neither a name nor an email is known — `id` is `user_id`.\n   *  de-CH: \"Nutzer #{{id}}\" */\n  userFallback: (id: number) => string;\n  /** The chip for a report filed from a copy of the app that is not production —\n   *  `environment` is `context.environment` as filed (\"dev\", \"local\", or the app's own\n   *  word). Upper-cased like the top bar's environment badge, so the marker the tester saw\n   *  is the marker triage sees. Guarded: a context is untyped JSON, so a value that is no\n   *  string (an app calling it with `context.environment` as stored) is printed, never\n   *  thrown on. de-CH: the same. */\n  environment: (environment: string) => string;\n  /** The chip for a report sent back for rework — `count` ≥ 1 is how many times\n   *  (`reworkCount`, keksdose live #331). de-CH: \"Nacharbeit\" / \"Nacharbeit ×{{count}}\" */\n  reworkChip: (count: number) => string;\n  /** The phone toggle narrowing the inbox to IN_EVALUATION + NEEDS_LIVE_TEST.\n   *  de-CH: \"Nur was auf Sie wartet\" */\n  awaitingFilter: string;\n  /** The name of the phone's floating group that holds it. de-CH: \"Feedback-Aktionen\" */\n  phoneActions: string;\n}\n\n// Defined in ./feedback-table-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_PAGE_LABELS };\n\n/** `feedbackPage` resolved: English, then `<UiKitProvider labels>`, then `labels`. The\n *  page's title comes from here too: `mine ? labels.myTitle : labels.title`. */\nexport function useFeedbackPageLabels(labels?: LabelOverride<FeedbackPageLabels>): FeedbackPageLabels {\n  return useKitLabels(\"feedbackPage\", DEFAULT_FEEDBACK_PAGE_LABELS, labels);\n}\n\n/* ── Reading a row ──────────────────────────────────────────────────────────── */\n\n/** What the table reads off a report — {@link FeedbackRecord}'s fields, so an app's own\n *  row type with more of them passes as it is. */\nexport type FeedbackTableRow = Pick<\n  FeedbackRecord,\n  | \"id\"\n  | \"user_id\"\n  | \"user_email\"\n  | \"title\"\n  | \"body\"\n  | \"category\"\n  | \"status\"\n  | \"context\"\n  | \"resolved_at\"\n  | \"created_at\"\n  | \"votes\"\n>;\n\n/** A context value as a trimmed string, or `\"\"` — every key is optional on read (§3.2)\n *  and an app's own context type may say `unknown`. */\nfunction text(value: unknown): string {\n  return typeof value === \"string\" ? value.trim() : \"\";\n}\n\n/**\n * The environment a report was filed from when it is NOT production, as filed — or\n * `null` (keksdose `environmentLabel`, :142). Production is silent, as the top bar's\n * badge is: the marker earns attention by being rare. A missing value is production too —\n * every row filed before a test copy existed, and crash rows filed before the crash\n * payload carried `environment` (§3.2, §3.6). An unknown value is shown rather than swallowed: an environment\n * nobody recognises is exactly when triage needs to see one.\n */\nexport function feedbackEnvironment(context: FeedbackContext | null | undefined): string | null {\n  const env = text(context?.environment);\n  return !env || env.toLowerCase() === \"prod\" ? null : env;\n}\n\n/**\n * Who filed a report, as one string (keksdose `submitterLabel`, :163): the display name,\n * else the email, else `userFallback(user_id)`. An erased account (`user_id: null`) is\n * `deletedUser` FIRST, ahead of the context: the server scrubs the name with the account,\n * but a row that somehow kept one must still not go on naming somebody who asked to be\n * forgotten. The joined `user_email` (admin list) is preferred to the context snapshot.\n */\nexport function feedbackSubmitter(\n  row: Pick<FeedbackRecord, \"user_id\" | \"user_email\" | \"context\">,\n  labels: Pick<FeedbackPageLabels, \"deletedUser\" | \"userFallback\">,\n): string {\n  if (row.user_id == null) return labels.deletedUser;\n  return (\n    text(row.context?.user_display_name) ||\n    text(row.user_email) ||\n    text(row.context?.user_email) ||\n    labels.userFallback(row.user_id)\n  );\n}\n\n/**\n * The submitter's email (keksdose `submitterEmail`, :175): the joined `user_email` —\n * authoritative, the display name is self-chosen (feedback #108) — else the context\n * snapshot, which is what `/my-feedback` has (`GET /feedback/my` sends no join). `\"\"`\n * for an erased account, for the reason {@link feedbackSubmitter} gives.\n */\nexport function feedbackSubmitterEmail(row: Pick<FeedbackRecord, \"user_id\" | \"user_email\" | \"context\">): string {\n  if (row.user_id == null) return \"\";\n  return text(row.user_email) || text(row.context?.user_email);\n}\n\n/** Whether a status is one the phone's awaiting toggle keeps — `FEEDBACK_AWAITING_STATUSES`,\n *  the two that wait on the person triaging. `rows.filter((r) => isFeedbackAwaiting(r.status))`. */\nexport function isFeedbackAwaiting(status: FeedbackStatus): boolean {\n  return FEEDBACK_AWAITING_STATUSES.includes(status);\n}\n\n/* ── Dates ──────────────────────────────────────────────────────────────────── */\n\n/**\n * How the pages write a date: an ISO timestamp in, one string out. keksdose passes its\n * `useDateCell()` (the app's date-format preference, weekday and all — dev#546), which\n * fits as it is.\n *\n * ONE function for the date column, the resolved column, the phone card and the phone's\n * day headers, so the four cannot disagree (keksdose dev#546 round 3: the header is a\n * string and must say what the card says).\n */\nexport type FeedbackRenderDate = (iso: string) => string;\n\n/** The kit's own date, weekday included: \"Sun, 4 Oct 2026\" / \"So., 4. Okt. 2026\". A date\n *  in a column carries its weekday (keksdose's rule, date-cell.tsx). */\nconst FEEDBACK_DATE_STYLE: Intl.DateTimeFormatOptions = {\n  weekday: \"short\",\n  day: \"numeric\",\n  month: \"short\",\n  year: \"numeric\",\n};\n\n/**\n * `renderDate` when the app gave one, else the kit's: the `<UiKitProvider formatDate>`\n * when the app set one (called with the LOCAL calendar day and `weekday: true`, as\n * `DateMark` calls it), else `Intl` in the provider's locale with the weekday. An\n * unparseable value is passed through rather than hidden.\n */\nexport function useFeedbackRenderDate(renderDate?: FeedbackRenderDate, locale?: string): FeedbackRenderDate {\n  const kitLocale = useKitLocale(locale);\n  const fromProvider = useKitDateFormatter();\n  return useMemo<FeedbackRenderDate>(() => {\n    if (renderDate) return renderDate;\n    return (iso) => {\n      const date = toDate(iso);\n      if (!date) return iso || EMPTY_FORMATTED_VALUE;\n      const own = fromProvider\n        ? fromProvider(toLocalIso(date), { unit: \"day\", source: \"dateMark\", locale: kitLocale, weekday: true })\n        : \"\";\n      return own || formatDate(date, FEEDBACK_DATE_STYLE, { locale: kitLocale });\n    };\n  }, [renderDate, fromProvider, kitLocale]);\n}\n\n/** A date in a cell: `<time>`, nowrap, tabular figures; \"—\" when there is none. */\nfunction FeedbackDate({ value, renderDate }: { value: string | null | undefined; renderDate: FeedbackRenderDate }) {\n  if (!value) return <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>;\n  return (\n    <time dateTime={value} className=\"whitespace-nowrap tabular-nums text-muted\">\n      {renderDate(value)}\n    </time>\n  );\n}\n\n/** An instant for sorting; a value that does not parse sorts with the empty ones. */\nfunction instant(value: string | null | undefined): number | null {\n  const ms = value ? Date.parse(value) : NaN;\n  return Number.isNaN(ms) ? null : ms;\n}\n\n/* ── The subject: title + environment chip + rework chip ───────────────────── */\n\nexport interface FeedbackSubjectProps {\n  row: Pick<FeedbackRecord, \"title\" | \"body\" | \"context\">;\n  /**\n   * `false` (default): one line — the title truncates and the chips stay whole, as a\n   * table cell wants. `true`: the title wraps and the chips flow after its last word, as\n   * the phone card wants (a phone shows the whole title or nothing useful).\n   */\n  wrap?: boolean;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n  className?: string;\n}\n\n/**\n * A report's title with its two chips (§4.3, column 4): the environment when it is not\n * production (keksdose's amber outline, the top bar's environment badge — the marker the\n * tester saw is the marker triage sees) and **Rework** / **Rework ×n** when the author has\n * sent it back (keksdose live #331: *\"have a new category for items in rework\"*, as a fact\n * derived from the body rather than a seventh status).\n *\n * No tooltip on either chip (keksdose dev#523): each already says what it means.\n */\nexport function FeedbackSubject({ row, wrap = false, labels: labelsProp, className }: FeedbackSubjectProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const env = feedbackEnvironment(row.context);\n  const rounds = reworkCount(row.body ?? \"\");\n  const chipClass = wrap ? \"ms-1.5 align-middle\" : \"shrink-0\";\n  const chips = (\n    <>\n      {env && (\n        <Chip size=\"sm\" variant=\"outline\" shape=\"square\" tone=\"warning\" caps className={chipClass} data-feedback-env=\"\">\n          {labels.environment(env)}\n        </Chip>\n      )}\n      {rounds > 0 && (\n        <Chip size=\"sm\" tone=\"warning\" caps className={chipClass} data-feedback-rework={rounds}>\n          {labels.reworkChip(rounds)}\n        </Chip>\n      )}\n    </>\n  );\n  if (wrap) {\n    return (\n      <span className={cn(\"min-w-0 font-medium [overflow-wrap:anywhere]\", className)}>\n        {row.title}\n        {chips}\n      </span>\n    );\n  }\n  return (\n    <span className={cn(\"inline-flex min-w-0 max-w-full items-center gap-1.5 large:items-start\", className)}>\n      {/* One line at Normal; from Large up the title wraps rather than losing its end (text\n          size §10.17 — the release sweep's first CI run found it cut on the showcase). */}\n      <span className=\"min-w-0 truncate-until-large font-medium\">{row.title}</span>\n      {chips}\n    </span>\n  );\n}\n\n/* ── The URL cell ───────────────────────────────────────────────────────────── */\n\n/**\n * The page a report was filed from, as a link — the cell keksdose's column 7 draws\n * (:850): the path as text, path + query + hash as the `href`, read from `context.url`\n * else `context.route` by the row detail's own readers (`feedbackPagePath` /\n * `feedbackPageHref`, feedback-row-detail.tsx), so the column and the detail link the\n * same page the same way. A real link through the `<UiKitProvider linkComponent>` (the app's router, so it\n * does not reload the app; keksdose's plain `<a>` did), and its click stops at the cell so\n * the row does not open as well.\n *\n * Its name is the path, as on screen, with \"Open page\" said before it — keksdose's\n * `aria-label=\"Open page\"` replaced the path, so a screen reader heard forty identical\n * links down the column.\n */\nfunction FeedbackPageLinkCell({ context, openPage }: { context: FeedbackContext | null; openPage: string }) {\n  const kitLink = useKitLink();\n  const href = feedbackPageHref(context);\n  const path = feedbackPagePath(context);\n  if (!href || !path) return <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>;\n  const className =\n    \"inline-flex min-w-0 max-w-full items-center gap-1 text-secondary hover:text-primary hover:underline\";\n  const children = (\n    <>\n      {/* The space outside the hidden span: a flex container drops it from the layout,\n          and the accessible name keeps it (\"Open page /accounts\"). */}\n      <span className=\"sr-only\">{openPage}</span>{\" \"}\n      <code className=\"min-w-0 truncate text-xs\">{path}</code>\n      <ExternalLink className=\"size-3 shrink-0\" aria-hidden />\n    </>\n  );\n  const onClick = (event: MouseEvent<HTMLAnchorElement>) => event.stopPropagation();\n  const render = pickLinkRenderer<KitLinkProps>(undefined, kitLink, href);\n  return render ? (\n    <RenderedLink render={render} href={href} className={className} onClick={onClick}>\n      {children}\n    </RenderedLink>\n  ) : (\n    <a href={href} className={className} onClick={onClick}>\n      {children}\n    </a>\n  );\n}\n\n/** The provider's link, drawn by a component declared once (as FloatingAction's). */\nfunction RenderedLink({ render, ...props }: KitLinkProps & { render: (props: KitLinkProps) => ReactElement }) {\n  return render(props);\n}\n\n/* ── The columns ────────────────────────────────────────────────────────────── */\n\n/** What {@link feedbackColumns} takes — every word already resolved (see\n *  {@link useFeedbackColumns}, which resolves them from the provider). */\nexport interface FeedbackColumnsOptions {\n  /** `/my-feedback`. The same nine columns (one page component, §4.3), but the status\n   *  cell is read-only there whatever `canEdit` says — \"no status or outcome editing\n   *  there (also for an admin)\". */\n  mine?: boolean;\n  /** The admin on `/feedback` — the status cell offers its steps. Otherwise it shows them\n   *  read-only. */\n  canEdit: boolean;\n  /** The undoable status change, `useFeedbackStatusUndo(update.mutate)` (§4.5) — the\n   *  same one the row detail and the swipes use. */\n  onStatus: FeedbackStatusChange;\n  /** See {@link FeedbackRenderDate}. */\n  renderDate: FeedbackRenderDate;\n  /** The status buttons SAVE when pressed: pass `true` to put them under the page's\n   *  `WriteLockProvider` (FeedbackStatusTransitions' `commit`). Off by default — a\n   *  feedback inbox is rarely what an app's lock is about. */\n  commit?: CommitScope;\n  labels: FeedbackPageLabels;\n  statusLabels: FeedbackStatusLabels;\n  categoryLabels: FeedbackCategoryLabels;\n  /** 0.38 (§9.6): a sortable **Votes** column before Status — `row.votes`, a missing\n   *  one as 0 — hidden on the phone (the card's chip, {@link FeedbackMobileCardProps.votes},\n   *  carries it there). Off by default. */\n  votes?: boolean;\n  /** The Votes header — `feedbackPublic.columnVotes`, so the inbox and the public list\n   *  say the same ({@link useFeedbackColumns} reads it). Default \"Votes\". */\n  votesHeader?: string;\n}\n\n/** The vote count, a quiet chip with the thumb (§9.6) — the Votes cell and the card's. */\nfunction FeedbackVoteCount({ votes, className }: { votes: number | undefined; className?: string }) {\n  return (\n    <Chip size=\"sm\" className={className} data-feedback-vote-count={votes ?? 0}>\n      <ThumbsUp className=\"size-3\" aria-hidden />\n      <span className=\"tabular-nums\">{votes ?? 0}</span>\n    </Chip>\n  );\n}\n\n/** A status's place in the chain, unknown ones last (as `feedbackCategoryRank`). */\nfunction statusRank(status: FeedbackStatus): number {\n  const at = FEEDBACK_STATUS_ORDER.indexOf(status);\n  return at === -1 ? FEEDBACK_STATUS_ORDER.length : at;\n}\n\n/**\n * The nine columns of §4.3, in the contract's order, for `DataTable` — keksdose's\n * (:711–963) with the contract's changes:\n *\n * | # | key | cell | filter | phone |\n * |---|---|---|---|---|\n * | 1 | `id` | id, mono | number | hidden |\n * | 2 | `date` | `created_at`, weekday ({@link FeedbackRenderDate}) | date | |\n * | 3 | `category` | `FeedbackCategoryBadge`, sorted CRASH first | select, all five | |\n * | 4 | `title` | {@link FeedbackSubject} | text: title + environment | card heading |\n * | 5 | `user` | {@link feedbackSubmitter} | text: name + email, or \"deleted user\" | |\n * | 6 | `email` | {@link feedbackSubmitterEmail} | text | hidden |\n * | 7 | `url` | the page, a link (`noRowLink`) | text: path | hidden |\n * | 8 | `status` | `FeedbackStatusTransitions variant=\"icon\"`, `visibleFeedbackStatuses` | select, chain order | |\n * | 9 | `resolved` | `resolved_at` | date | hidden |\n *\n * - Both select filters list the WHOLE vocabulary in its own order, translated —\n *   without `options` the popover lists the bare enum values found in the rows\n *   (keksdose feedback #160), and kastlan's first CRASH row would otherwise appear in a\n *   filter that never offered it.\n * - The status column owns the status filter, and only it (keksdose live #330's revert:\n *   the phone's filter sheet already exposes every column filter).\n * - `/my-feedback` shows the same nine: the Email cell's context fallback exists for it\n *   (the admin list's join is absent there, §3.1), and its phone card drops the submitter\n *   instead ({@link FeedbackMobileCardProps.showSubmitter}).\n *\n * Pure: hand it resolved words, or use {@link useFeedbackColumns}. Keys are stable, so\n * an app may drop or add a column (`columns.filter((c) => c.key !== \"email\")`).\n */\nexport function feedbackColumns<T extends FeedbackTableRow>({\n  mine = false,\n  canEdit,\n  onStatus,\n  renderDate,\n  commit,\n  labels,\n  statusLabels,\n  categoryLabels,\n  votes = false,\n  votesHeader = DEFAULT_FEEDBACK_PUBLIC_LABELS.columnVotes,\n}: FeedbackColumnsOptions): DataTableColumn<T>[] {\n  const editable = canEdit && !mine;\n  const votesColumn: DataTableColumn<T>[] = votes\n    ? [\n        {\n          key: \"votes\",\n          header: votesHeader,\n          className: \"whitespace-nowrap\",\n          cell: (row) => <FeedbackVoteCount votes={row.votes} />,\n          sortBy: (row) => row.votes ?? 0,\n          filter: { type: \"number\", getValue: (row) => row.votes ?? 0 },\n          mobileHidden: true,\n        },\n      ]\n    : [];\n  return [\n    {\n      key: \"id\",\n      header: labels.columnId,\n      cell: (row) => <span className=\"font-mono text-xs text-muted\">{row.id}</span>,\n      sortBy: (row) => row.id,\n      filter: { type: \"number\", getValue: (row) => row.id },\n      mobileHidden: true,\n    },\n    {\n      key: \"date\",\n      header: labels.columnDate,\n      cell: (row) => <FeedbackDate value={row.created_at} renderDate={renderDate} />,\n      sortBy: (row) => instant(row.created_at),\n      filter: { type: \"date\", getValue: (row) => row.created_at },\n    },\n    {\n      key: \"category\",\n      header: labels.columnCategory,\n      cell: (row) => <FeedbackCategoryBadge category={row.category} label={categoryLabels[row.category]} />,\n      sortBy: (row) => feedbackCategoryRank(row.category),\n      filter: {\n        type: \"select\",\n        getValue: (row) => row.category,\n        options: FEEDBACK_CATEGORY_ORDER.map((value) => ({ value, label: categoryLabels[value] })),\n      },\n    },\n    {\n      key: \"title\",\n      header: labels.columnSubject,\n      cell: (row) => <FeedbackSubject row={row} labels={labels} />,\n      sortBy: (row) => row.title,\n      // Searchable by the environment too, so \"dev\" narrows to the test copy's reports —\n      // a chip you can see but not filter by makes you read every row (keksdose :804).\n      filterBy: (row) => {\n        const env = feedbackEnvironment(row.context);\n        return env ? `${row.title} ${labels.environment(env)}` : row.title;\n      },\n      mobilePrimary: true,\n    },\n    {\n      key: \"user\",\n      header: labels.columnUser,\n      cell: (row) => <span className=\"text-secondary\">{feedbackSubmitter(row, labels)}</span>,\n      sortBy: (row) => feedbackSubmitter(row, labels),\n      // Name AND email, so either finds the person; the erased ones by the placeholder\n      // (their context holds no name any more).\n      filterBy: (row) =>\n        row.user_id == null\n          ? labels.deletedUser\n          : `${feedbackSubmitter(row, labels)} ${feedbackSubmitterEmail(row)}`,\n    },\n    {\n      key: \"email\",\n      header: labels.columnEmail,\n      // One line, like the URL beside it: keksdose's `break-all` let the browser squeeze\n      // the column to its header and broke every address in two (\"user@exam / ple.test\"),\n      // which made every row taller. Unbroken, a resized (pinned) column ellipsises it.\n      className: \"whitespace-nowrap\",\n      cell: (row) => {\n        const email = feedbackSubmitterEmail(row);\n        return email ? (\n          <span className=\"text-secondary\">{email}</span>\n        ) : (\n          <span className=\"text-placeholder\">{EMPTY_FORMATTED_VALUE}</span>\n        );\n      },\n      sortBy: feedbackSubmitterEmail,\n      filterBy: feedbackSubmitterEmail,\n      mobileHidden: true,\n    },\n    {\n      key: \"url\",\n      header: labels.columnUrl,\n      // A cell only ellipsises what it is told not to wrap (keksdose live #348: the path\n      // clipped mid-character \"behind the next column\").\n      className: \"whitespace-nowrap\",\n      // The cell IS a link, so the row's own permalink must never wrap it (keksdose\n      // feedback #451: <a> in <a>, and \"open the page\" silently did nothing).\n      noRowLink: true,\n      cell: (row) => <FeedbackPageLinkCell context={row.context} openPage={labels.openPage} />,\n      sortBy: (row) => feedbackPagePath(row.context) ?? \"\",\n      filterBy: (row) => feedbackPagePath(row.context) ?? \"\",\n      mobileHidden: true,\n    },\n    ...votesColumn,\n    {\n      key: \"status\",\n      header: labels.columnStatus,\n      // A KNOWN width: at most six 28px icon buttons (from IN_PROGRESS or IN_EVALUATION:\n      // one step either way and the three off the chain) — keksdose live #348 sized it\n      // for five and the sixth pushed the column wider.\n      className: \"w-[13.5rem] whitespace-nowrap\",\n      cell: (row) => (\n        <FeedbackStatusTransitions\n          status={row.status}\n          statuses={visibleFeedbackStatuses(row.status)}\n          canEdit={editable}\n          commit={commit}\n          onPick={(status) => onStatus(row, status)}\n          variant=\"icon\"\n          label={(status) => statusLabels[status]}\n        />\n      ),\n      sortBy: (row) => statusRank(row.status),\n      filter: {\n        type: \"select\",\n        getValue: (row) => row.status,\n        options: FEEDBACK_STATUS_ORDER.map((value) => ({ value, label: statusLabels[value] })),\n      },\n    },\n    {\n      key: \"resolved\",\n      header: labels.columnResolved,\n      cell: (row) => <FeedbackDate value={row.resolved_at} renderDate={renderDate} />,\n      sortBy: (row) => instant(row.resolved_at),\n      filter: { type: \"date\", getValue: (row) => row.resolved_at },\n      mobileHidden: true,\n    },\n  ];\n}\n\n/** What {@link useFeedbackColumns} takes: {@link FeedbackColumnsOptions} with the words\n *  read from the provider, and `renderDate` optional. */\nexport interface UseFeedbackColumnsOptions\n  extends Omit<FeedbackColumnsOptions, \"renderDate\" | \"labels\" | \"statusLabels\" | \"categoryLabels\" | \"votesHeader\"> {\n  /** Default: the kit's date with the weekday ({@link useFeedbackRenderDate}). */\n  renderDate?: FeedbackRenderDate;\n  /** Over the `feedbackPage` namespace. Keep it stable (module scope or memoised): it is\n   *  a dependency of the memo. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * {@link feedbackColumns} with the `feedbackPage`, `feedbackStatus` and\n * `feedbackCategory` words from the provider, memoised on what it reads — pass\n * `update.mutate` through `useFeedbackStatusUndo` (stable) rather than a fresh function\n * per render, or every row's columns are rebuilt on each render (keksdose :667).\n */\nexport function useFeedbackColumns<T extends FeedbackTableRow>({\n  mine,\n  canEdit,\n  onStatus,\n  renderDate: renderDateProp,\n  commit,\n  votes,\n  labels: labelsProp,\n}: UseFeedbackColumnsOptions): DataTableColumn<T>[] {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const statusLabels = useFeedbackStatusLabels();\n  const categoryLabels = useFeedbackCategoryLabels();\n  const votesHeader = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).columnVotes;\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return useMemo(\n    () =>\n      feedbackColumns<T>({\n        mine,\n        canEdit,\n        onStatus,\n        renderDate,\n        commit,\n        labels,\n        statusLabels,\n        categoryLabels,\n        votes,\n        votesHeader,\n      }),\n    [mine, canEdit, onStatus, renderDate, commit, labels, statusLabels, categoryLabels, votes, votesHeader],\n  );\n}\n\n/* ── The phone ──────────────────────────────────────────────────────────────── */\n\n/**\n * The phone list's day headers (keksdose feedback #325: the list \"grouped by date, like\n * the transactions list\"): `DataTable mobileGroupBy={feedbackMobileGroupBy(renderDate)}`.\n *\n * The key IS the header — the same string the card's date says. DataTable groups runs of\n * equal keys, so the rows must come newest first, as `GET /feedback` and\n * `GET /feedback/my` send them (§3.3).\n */\nexport function feedbackMobileGroupBy(\n  renderDate: FeedbackRenderDate,\n): (row: Pick<FeedbackRecord, \"created_at\">) => string {\n  return (row) => renderDate(row.created_at);\n}\n\nexport interface FeedbackMobileCardProps {\n  row: FeedbackTableRow;\n  /** Add the submitter after the date — the admin inbox (`canEdit`). On `/my-feedback`\n   *  every row is the viewer's own and the name would repeat down the list. */\n  showSubmitter?: boolean;\n  /** See {@link FeedbackRenderDate}; the same function as the columns' and the day\n   *  headers'. Default: the kit's ({@link useFeedbackRenderDate}). */\n  renderDate?: FeedbackRenderDate;\n  /** 0.38: the vote count as a chip beside the category — with `useFeedbackColumns`'\n   *  `votes`, whose column the phone hides. */\n  votes?: boolean;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * One report as a phone card (§4.3; keksdose :1042, feedback #325 rework: *\"compact card\n * instead of a wasteful label/value row per field\"*): the title with its environment and\n * rework chips and the status badge on one line, then the compact category badge, the\n * date and (admin) the submitter beneath.\n *\n * `DataTable mobileCard={(row) => <FeedbackMobileCard row={row} … />}`. It draws the\n * chips itself: with a `mobileCard`, DataTable never renders the `mobilePrimary` cell,\n * which is how keksdose's cards lost them.\n */\nexport function FeedbackMobileCard({\n  row,\n  showSubmitter = false,\n  renderDate: renderDateProp,\n  votes = false,\n  labels: labelsProp,\n}: FeedbackMobileCardProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return (\n    <div className=\"min-w-0 space-y-1\">\n      <div className=\"flex items-start justify-between gap-2\">\n        <FeedbackSubject row={row} wrap labels={labels} className=\"flex-1\" />\n        {/* The pill the desktop status column draws, so a status is the same colour and\n            glyph on both layouts. */}\n        <FeedbackStatusBadge status={row.status} className=\"shrink-0\" />\n      </div>\n      <div className=\"flex min-w-0 flex-wrap items-center gap-x-2 gap-y-0.5 text-xs text-muted\">\n        <FeedbackCategoryBadge category={row.category} compact />\n        {votes && <FeedbackVoteCount votes={row.votes} />}\n        <FeedbackDate value={row.created_at} renderDate={renderDate} />\n        {showSubmitter && (\n          // The short id form: \"#7\" says enough on a card that has room for little.\n          <span className=\"min-w-0 truncate\">\n            · {feedbackSubmitter(row, { deletedUser: labels.deletedUser, userFallback: (id) => `#${id}` })}\n          </span>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport interface FeedbackAwaitingToggleProps {\n  /** Narrowed to what waits on the triager. Page state, not the URL (keksdose :699): a\n   *  thumb gesture on one screen, not a view worth linking to. */\n  pressed: boolean;\n  onPressedChange: (pressed: boolean) => void;\n  /** Further `FloatingAction`s, after the toggle — the group is what makes them free. */\n  children?: ReactNode;\n  /** Default `bottom-end`, the register's corner. */\n  corner?: FloatingCorner;\n  /** Over the group's default distance from the bottom. */\n  offset?: string;\n  /** On the group. It is `md:hidden` already: the desktop has the status column's\n   *  filter, the same question asked where there is room for it. */\n  className?: string;\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * The phone inbox's one filter button — **\"Only what is waiting for you\"** (§4.3;\n * keksdose live #330 rework: *\"a button that toggles the evaluation items (in evaluation,\n * test when live) as toggle button similar to the show/hide upcoming/scheduled for the tx\n * page\"*).\n *\n * It narrows TO `FEEDBACK_AWAITING_STATUSES` rather than hiding them: after a loop run\n * those ARE the queue — the rows handed back for a verdict — and everything else is\n * history. A `FloatingActionGroup` with one member anyway, in the register's corner and\n * shape (keksdose feedback #58), so a second action costs nothing; the glyph is\n * IN_EVALUATION's own, so the button reads in the vocabulary of the badges it filters on.\n *\n * Admin inbox only: on `/my-feedback` the author is not waiting on their own verdict.\n * The filtering is the page's — `rows.filter((r) => isFeedbackAwaiting(r.status))` —\n * so the table's own filters, sort and URL stay untouched.\n */\nexport function FeedbackAwaitingToggle({\n  pressed,\n  onPressedChange,\n  children,\n  corner,\n  offset,\n  className,\n  labels: labelsProp,\n}: FeedbackAwaitingToggleProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  const Icon = FEEDBACK_STATUS_META.IN_EVALUATION.icon;\n  return (\n    <FloatingActionGroup\n      aria-label={labels.phoneActions}\n      corner={corner}\n      offset={offset}\n      className={cn(\"md:hidden\", className)}\n    >\n      <FloatingAction\n        label={labels.awaitingFilter}\n        icon={<Icon aria-hidden />}\n        pressed={pressed}\n        onClick={() => onPressedChange(!pressed)}\n      />\n      {children}\n    </FloatingActionGroup>\n  );\n}\n\n/* ── Empty ──────────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackEmptyStateProps {\n  /** Over the `feedbackPage` namespace. */\n  labels?: LabelOverride<FeedbackPageLabels>;\n}\n\n/**\n * The table with nothing to show (§7.13): the one word **None** / **Keine**, on both\n * pages — keksdose's `empty={t(\"common.none\")}` (`feedback-page.tsx:982`). No hint\n * beneath it: where reports are sent from is the feedback menu's business, and the inbox\n * needs no sentence to say it is empty.\n *\n * For `DataTable empty`, which sits in a centred, muted cell — so no box of its own.\n * keksdose passes it unconditionally, so a filter (or the awaiting toggle) that leaves\n * nothing says \"None\" too: `empty={<FeedbackEmptyState />}`.\n */\nexport function FeedbackEmptyState({ labels: labelsProp }: FeedbackEmptyStateProps) {\n  const labels = useFeedbackPageLabels(labelsProp);\n  return <span data-feedback-empty=\"\">{labels.empty}</span>;\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,6 @@
+import type { FeedbackCommentsLabels } from "./feedback-comment-thread.js";
+import type { FeedbackRepliesLabels } from "./feedback-replies.js";
+import type { FeedbackVoteLabels } from "./feedback-vote-button.js";
+export declare const DEFAULT_FEEDBACK_VOTE_LABELS: FeedbackVoteLabels;
+export declare const DEFAULT_FEEDBACK_REPLIES_LABELS: FeedbackRepliesLabels;
+export declare const DEFAULT_FEEDBACK_COMMENTS_LABELS: FeedbackCommentsLabels;

package/dist/feedback/feedback-thread-parts-labels.js

@@ -0,0 +1,36 @@
+"use client";
+const DEFAULT_FEEDBACK_VOTE_LABELS = {
+  vote: "I want this too",
+  own: "Your report"
+};
+const DEFAULT_FEEDBACK_REPLIES_LABELS = {
+  replies: "Replies",
+  empty: "No reply yet",
+  admin: "Admin",
+  statusChanged: "Status changed to",
+  field: "Write a reply",
+  placeholder: "Write a reply\u2026",
+  reply: "Reply",
+  status: "Status with the reply",
+  noChange: "No change",
+  nudge: "The author has not been told. Add a reply."
+};
+const DEFAULT_FEEDBACK_COMMENTS_LABELS = {
+  comments: "Comments",
+  empty: "No comments yet",
+  hidden: "Hidden by an admin",
+  hide: "Hide",
+  unhide: "Unhide",
+  delete: "Delete",
+  deleteTitle: "Delete this comment?",
+  deleteBody: "It is removed for everyone. This cannot be undone.",
+  field: "Write a comment",
+  placeholder: "Write a comment\u2026",
+  send: "Comment"
+};
+export {
+  DEFAULT_FEEDBACK_COMMENTS_LABELS,
+  DEFAULT_FEEDBACK_REPLIES_LABELS,
+  DEFAULT_FEEDBACK_VOTE_LABELS
+};
+//# sourceMappingURL=feedback-thread-parts-labels.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-thread-parts-labels.ts"],"sourcesContent":["// The English words of round 0.38's thread parts — ./feedback-vote-button,\n// ./feedback-comment-thread and ./feedback-replies — in a module with no component code:\n// the English catalogue (src/i18n/defaults.ts) imports them without the components, so\n// `en` loads as one chunk like the other languages (0.34, KS U8). Each component module\n// re-exports its own.\n\nimport type { FeedbackCommentsLabels } from \"./feedback-comment-thread\";\nimport type { FeedbackRepliesLabels } from \"./feedback-replies\";\nimport type { FeedbackVoteLabels } from \"./feedback-vote-button\";\n\nexport const DEFAULT_FEEDBACK_VOTE_LABELS: FeedbackVoteLabels = {\n  vote: \"I want this too\",\n  own: \"Your report\",\n};\n\nexport const DEFAULT_FEEDBACK_REPLIES_LABELS: FeedbackRepliesLabels = {\n  replies: \"Replies\",\n  empty: \"No reply yet\",\n  admin: \"Admin\",\n  statusChanged: \"Status changed to\",\n  field: \"Write a reply\",\n  placeholder: \"Write a reply…\",\n  reply: \"Reply\",\n  status: \"Status with the reply\",\n  noChange: \"No change\",\n  nudge: \"The author has not been told. Add a reply.\",\n};\n\nexport const DEFAULT_FEEDBACK_COMMENTS_LABELS: FeedbackCommentsLabels = {\n  comments: \"Comments\",\n  empty: \"No comments yet\",\n  hidden: \"Hidden by an admin\",\n  hide: \"Hide\",\n  unhide: \"Unhide\",\n  delete: \"Delete\",\n  deleteTitle: \"Delete this comment?\",\n  deleteBody: \"It is removed for everyone. This cannot be undone.\",\n  field: \"Write a comment\",\n  placeholder: \"Write a comment…\",\n  send: \"Comment\",\n};\n"],"mappings":";AAUO,MAAM,+BAAmD;AAAA,EAC9D,MAAM;AAAA,EACN,KAAK;AACP;AAEO,MAAM,kCAAyD;AAAA,EACpE,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,eAAe;AAAA,EACf,OAAO;AAAA,EACP,aAAa;AAAA,EACb,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,mCAA2D;AAAA,EACtE,UAAU;AAAA,EACV,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,aAAa;AAAA,EACb,MAAM;AACR;","names":[]}

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

@@ -90,6 +90,14 @@ export interface FeedbackThreadMessage {
     own?: boolean;
     /** Written by the team rather than a user: gets the "Staff" badge. */
     staff?: boolean;
+    /** 0.38: beside the author and time — a reply's "→ Done" status chip. Not
+     *  `data-private`: it is the app's, not somebody's words. */
+    badge?: ReactNode;
+    /** 0.38: the body struck through and muted — a hidden comment as its admin sees it. */
+    struck?: boolean;
+    /** 0.38: under the body — a note ("Hidden by an admin") and the message's actions
+     *  (Hide, Delete). Not `data-private`. */
+    footer?: ReactNode;
 }
 /**
  * A line in the thread that nobody wrote — "Closed automatically", "Marked as

package/dist/feedback/feedback-thread.js

@@ -108,6 +108,7 @@ function FeedbackThread({
                 /* @__PURE__ */ jsxs("header", { className: "mb-0.5 flex flex-wrap items-center gap-x-2 gap-y-0.5 text-caption text-muted", children: [
                   author != null && /* @__PURE__ */ jsx("span", { "data-private": priv, className: "font-medium text-secondary", children: author }),
                   message.staff && /* @__PURE__ */ jsx("span", { className: "rounded border border-subtle bg-surface px-1 text-micro font-medium uppercase tracking-wide text-secondary", children: labels.staff }),
+                  message.badge,
                   time
                 ] }),
                 message.body && /* @__PURE__ */ jsx(
@@ -115,11 +116,15 @@ function FeedbackThread({
                   {
                     "data-private": priv,
                     dir: "auto",
-                    className: "whitespace-pre-wrap break-words text-start text-primary",
+                    className: cn(
+                      "whitespace-pre-wrap break-words text-start",
+                      message.struck ? "text-muted line-through" : "text-primary"
+                    ),
                     children: message.body
                   }
                 ),
-                attachments.length > 0 && /* @__PURE__ */ jsx("ul", { "aria-label": labels.attachments, "data-private": priv, className: "mt-2 flex flex-wrap gap-2", children: attachments.map((attachment, index2) => /* @__PURE__ */ jsx("li", { className: "min-w-0", children: renderAttachment ? renderAttachment(attachment, message) : /* @__PURE__ */ jsx(DefaultAttachment, { attachment, size: file.size }) }, attachment.id ?? `${index2}-${attachment.name}`)) })
+                attachments.length > 0 && /* @__PURE__ */ jsx("ul", { "aria-label": labels.attachments, "data-private": priv, className: "mt-2 flex flex-wrap gap-2", children: attachments.map((attachment, index2) => /* @__PURE__ */ jsx("li", { className: "min-w-0", children: renderAttachment ? renderAttachment(attachment, message) : /* @__PURE__ */ jsx(DefaultAttachment, { attachment, size: file.size }) }, attachment.id ?? `${index2}-${attachment.name}`)) }),
+                message.footer != null && /* @__PURE__ */ jsx("div", { className: "mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted", children: message.footer })
               ]
             }
           )