@eifi1/ui-kit 0.51.6 → 0.52.0

package/dist/feedback/feedback-public-list.d.ts

@@ -12,8 +12,9 @@ export type { FeedbackPublicLabels };
 /** `feedbackPublic` resolved: English, then `<UiKitProvider labels>`, then `labels`. */
 export declare function useFeedbackPublicLabels(labels?: LabelOverride<FeedbackPublicLabels>): FeedbackPublicLabels;
 export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = FeedbackPublicListItem> {
-    /** `GET /feedback/public?sort=&q=` — the server's page, in the server's order. */
-    rows: T[];
+    /** `GET /feedback/public?sort=&q=` — the server's page, in the server's order.
+     *  `readonly` since 0.52 (refactor audit 2026-10-30, API-7): the list never changes it. */
+    rows: readonly T[];
     /** How many the query has in all — the line beside the sort. Left out, no line. */
     total?: number;
     /** The server sorts (§9.6): the toggle only says which way. */
@@ -38,6 +39,14 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
     /** The opened row's id, when the app keeps it (a `?row=` param). Left out, the list
      *  keeps it itself. */
     openId?: number | null;
+    /** 0.52: a row was opened (its id) or closed (`null`) — `openId`'s pair. Named for
+     *  what it carries: every other `onOpenChange` in the kit is a boolean (refactor audit
+     *  2026-10-30, API-5). */
+    onOpenIdChange?: (id: number | null) => void;
+    /**
+     * @deprecated 0.52 — `onOpenIdChange`, the same call: an `onOpenChange` is a boolean
+     * everywhere else in the kit; removed in 0.53
+     */
     onOpenChange?: (id: number | null) => void;
     /**
      * 0.38.1: the opened report when it is NOT on this page — a `?row=` link to an older
@@ -96,7 +105,7 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
  * next strip that needs no total (0.38.1); `openRow` shows a `?row=` report from
  * another page. Needs a router, as every `DataTable` does.
  */
-export declare function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPublicListItem>({ rows, total, sort, onSortChange, search, onSearchChange, renderDetail, onVote, loading, openId: openIdProp, onOpenChange, openRow, page: pageIndex, hasMore, onPageChange, commit, renderDate: renderDateProp, labels: labelsProp, pageLabels: pageLabelsProp, fillHeight, className, }: FeedbackPublicListProps<T>): import("react").JSX.Element;
+export declare function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPublicListItem>({ rows, total, sort, onSortChange, search, onSearchChange, renderDetail, onVote, loading, openId: openIdProp, onOpenIdChange, onOpenChange, openRow, page: pageIndex, hasMore, onPageChange, commit, renderDate: renderDateProp, labels: labelsProp, pageLabels: pageLabelsProp, fillHeight, className, }: FeedbackPublicListProps<T>): import("react").JSX.Element;
 export interface FeedbackPublicDetailProps {
     /** `GET /feedback/public/{id}`: the public body (attachment URLs already stripped by
      *  the server, §9.4) and the replies. */

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

@@ -110,6 +110,7 @@ function FeedbackPublicList({
   onVote,
   loading = false,
   openId: openIdProp,
+  onOpenIdChange,
   onOpenChange,
   openRow,
   page: pageIndex = 0,
@@ -130,7 +131,7 @@ function FeedbackPublicList({
   const openId = openIdProp !== void 0 ? openIdProp : ownOpenId;
   const setOpen = (id) => {
     if (openIdProp === void 0) setOwnOpenId(id);
-    onOpenChange?.(id);
+    (onOpenIdChange ?? onOpenChange)?.(id);
   };
   const shownRows = openRow && openId === openRow.id && !rows.some((row) => row.id === openRow.id) ? [openRow, ...rows] : rows;
   const columns = useMemo(

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-public-list.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ChevronLeft, ChevronRight, MessageSquare, ThumbsUp } from \"lucide-react\";\nimport { DataTable, type DataTableColumn } from \"../components/data-table\";\nimport { DEFAULT_DATA_TABLE_LABELS } from \"../components/data-table-labels\";\nimport { IconButton } from \"../components/icon-button\";\nimport { SearchField } from \"../components/search-field\";\nimport { ToggleGroup } from \"../components/toggle-group\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { FILL_HEIGHT_CLASS } from \"../shell/fill-height\";\nimport { EMPTY_FORMATTED_VALUE } from \"../lib/format\";\nimport {\n  FeedbackCategoryBadge,\n  FeedbackDetail,\n  FeedbackDetailSection,\n  FeedbackProse,\n  FeedbackStatusBadge,\n} from \"./feedback-inbox\";\nimport { useFeedbackCategoryLabels } from \"./feedback-labels\";\nimport { FeedbackCommentThread, type FeedbackCommentsLabels } from \"./feedback-comment-thread\";\nimport type { FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS, type FeedbackPublicLabels } from \"./feedback-public-labels\";\nimport type {\n  FeedbackComment,\n  FeedbackPublicListItem,\n  FeedbackPublicRecord,\n  FeedbackPublicSort,\n  FeedbackVoteState,\n} from \"./feedback-public-types\";\nimport {\n  useFeedbackPageLabels,\n  useFeedbackRenderDate,\n  type FeedbackPageLabels,\n  type FeedbackRenderDate,\n} from \"./feedback-table\";\nimport { FeedbackVoteButton } from \"./feedback-vote-button\";\n\nexport { DEFAULT_FEEDBACK_PUBLIC_LABELS };\nexport type { FeedbackPublicLabels };\n\n/** `feedbackPublic` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackPublicLabels(labels?: LabelOverride<FeedbackPublicLabels>): FeedbackPublicLabels {\n  return useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS, labels);\n}\n\n/** The sort toggle's order: the server's default first (§9.6). */\nconst SORTS: readonly FeedbackPublicSort[] = [\"newest\", \"votes\", \"updated\"];\n\n/** A date in a cell, as the inbox writes it: `<time>`, nowrap, tabular figures. */\nfunction PublicDate({ 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/** The visible comments as a small chip beside the title — the count in figures, the\n *  words for a screen reader. Nothing at 0. */\nfunction CommentCount({ count, labels }: { count: number; labels: FeedbackPublicLabels }) {\n  if (!count) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 text-xs text-muted\" data-feedback-comment-count={count}>\n      <MessageSquare className=\"size-3.5\" aria-hidden />\n      <span aria-hidden className=\"tabular-nums\">\n        {count}\n      </span>\n      <span className=\"sr-only\">{labels.comments(count)}</span>\n    </span>\n  );\n}\n\n/** The votes on a phone card: the thumb and the count, in the brand colour when the\n *  viewer's own. */\nfunction VoteCount({ count, voted, labels }: { count: number; voted: boolean; labels: FeedbackPublicLabels }) {\n  return (\n    <span\n      className={cn(\"ms-auto inline-flex shrink-0 items-center gap-1 text-xs\", voted ? \"text-brand\" : \"text-muted\")}\n      data-feedback-vote-count={count}\n    >\n      <ThumbsUp className=\"size-3.5\" aria-hidden />\n      <span aria-hidden className=\"tabular-nums\">\n        {count}\n      </span>\n      <span className=\"sr-only\">{labels.votes(count)}</span>\n    </span>\n  );\n}\n\n/** 0.38.1: previous / next over the server's pages when it answers no total\n *  (`GET /feedback/public` — Kurvenschmiede): \"Page 3\" between two arrows. The arrows'\n *  names are `dataTable`'s, the strip's; the page's is `feedbackPublic.page`. */\nfunction PublicPager({\n  page,\n  hasMore,\n  onPageChange,\n  labels,\n}: {\n  page: number;\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  labels: FeedbackPublicLabels;\n}) {\n  const tableLabels = useKitLabels(\"dataTable\", DEFAULT_DATA_TABLE_LABELS);\n  const name = labels.page(page + 1);\n  return (\n    <div\n      role=\"group\"\n      aria-label={name}\n      className=\"flex items-center justify-end gap-2 text-sm text-secondary\"\n      data-feedback-public-pager={page}\n    >\n      <IconButton\n        size=\"sm\"\n        variant=\"secondary\"\n        label={tableLabels.prevPage}\n        disabled={page <= 0}\n        onClick={() => onPageChange(page - 1)}\n      >\n        {/* \"Previous\" points back along the line — left in LTR, right in RTL. */}\n        <ChevronLeft className=\"rtl:-scale-x-100\" />\n      </IconButton>\n      <span className=\"tabular-nums\" aria-hidden>\n        {name}\n      </span>\n      <IconButton\n        size=\"sm\"\n        variant=\"secondary\"\n        label={tableLabels.nextPage}\n        disabled={!hasMore}\n        onClick={() => onPageChange(page + 1)}\n      >\n        <ChevronRight className=\"rtl:-scale-x-100\" />\n      </IconButton>\n    </div>\n  );\n}\n\n/* ── The list ─────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackPublicListProps<T extends FeedbackPublicListItem = FeedbackPublicListItem> {\n  /** `GET /feedback/public?sort=&q=` — the server's page, in the server's order. */\n  rows: T[];\n  /** How many the query has in all — the line beside the sort. Left out, no line. */\n  total?: number;\n  /** The server sorts (§9.6): the toggle only says which way. */\n  sort: FeedbackPublicSort;\n  onSortChange: (sort: FeedbackPublicSort) => void;\n  /** The search box's text (`q`, titles only). */\n  search?: string;\n  /**\n   * The search box is drawn ONLY with this handler: where the app's titles are sealed\n   * (Kurvenschmiede, `FeedbackDeps.public_search=False`, §9.9) there is nothing to search\n   * on and the server answers `q` with a 422 — so it passes none.\n   */\n  onSearchChange?: (search: string) => void;\n  /** The opened row: the app's {@link FeedbackPublicDetail} with the row's\n   *  `GET /feedback/public/{id}` and its comments. */\n  renderDetail: (row: T) => ReactNode;\n  /** `PUT` / `DELETE /feedback/{id}/vote` for a row's button (`next`: the new state);\n   *  resolve with the answer, reject to roll back. */\n  onVote: (row: T, next: boolean) => Promise<FeedbackVoteState>;\n  /** The page is loading: the table says so where its rows would be. */\n  loading?: boolean;\n  /** The opened row's id, when the app keeps it (a `?row=` param). Left out, the list\n   *  keeps it itself. */\n  openId?: number | null;\n  onOpenChange?: (id: number | null) => void;\n  /**\n   * 0.38.1: the opened report when it is NOT on this page — a `?row=` link to an older\n   * one (Kurvenschmiede). The app fetches it (`GET /feedback/public/{id}`, a list item's\n   * fields and more) and passes it with `openId`; while `openId` is its id it is drawn\n   * first, above the page's rows, and opened with `renderDetail` (on the phone, in the\n   * full-screen dialog). Closed, it is gone. A row the page has already is never drawn\n   * twice: the page's own is opened instead.\n   */\n  openRow?: T | null;\n  /**\n   * 0.38.1: the server's page, from 0 — for a pager where `/feedback/public` answers no\n   * total (Kurvenschmiede). With {@link onPageChange} a **Previous / Page n / Next**\n   * strip stands under the table; Next is off without {@link hasMore}. Left out, no\n   * pager: the server's `limit` is all there is.\n   */\n  page?: number;\n  /** 0.38.1: there is a page after this one (e.g. the page came back full). */\n  hasMore?: boolean;\n  /** 0.38.1: go to another page (`page ± 1`); the app fetches it. Draws the pager. */\n  onPageChange?: (page: number) => void;\n  /** A vote COMMITS — see Button's `commit`. */\n  commit?: CommitScope;\n  /** See {@link FeedbackRenderDate}. Default: the kit's, with the weekday. */\n  renderDate?: FeedbackRenderDate;\n  /** Over the `feedbackPublic` namespace. The shared column names (#, Date, Category,\n   *  Subject, Status) are `feedbackPage`'s: pass `pageLabels` for those. */\n  labels?: LabelOverride<FeedbackPublicLabels>;\n  pageLabels?: LabelOverride<FeedbackPageLabels>;\n  /** 0.40.1: the list fills the window as DataTable's `fillHeight` (page layout §1) — the\n   *  public feedback page passes §1.2's rule. Below md the page scrolls, as everywhere. */\n  fillHeight?: boolean;\n  className?: string;\n}\n\n/**\n * **All feedback** — the reports every user the app lets in may read (round 0.38,\n * docs/feedback-harmonization.md §9.3, §9.9; keksdose's `/all-feedback`).\n *\n * - **Titles only** (decision 23): #, Date, Category, Subject (with the visible\n *   comments), Votes, Status. No body, no submitter, no file — the list item carries\n *   none of them (§9.10).\n * - **The server sorts**: the toggle **Newest / Most wanted / Recently updated** sets\n *   `sort`, and the columns themselves do not sort (a page of 50 sorted in the browser\n *   would not be the 50 the sort asks for).\n * - **The search box only with `onSearchChange`**: an app whose titles are sealed\n *   passes none (§9.9).\n * - **Votes** are `FeedbackVoteButton`s, optimistic, the viewer's own report pressed\n *   and locked (\"Your report\", §9.6).\n * - A row opens in place with `renderDetail` — on the phone, in a full-screen dialog.\n *   The phone cards carry the title, the status, the category, the date and the two\n *   counts; the vote itself is in the opened report (a button inside the card, which is\n *   the row's own button, would be two controls in one).\n *\n * No client paging: the server's `limit` is the page, and `total` says how many there\n * are. For more than one page, `page` / `hasMore` / `onPageChange` draw a previous /\n * next strip that needs no total (0.38.1); `openRow` shows a `?row=` report from\n * another page. Needs a router, as every `DataTable` does.\n */\nexport function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPublicListItem>({\n  rows,\n  total,\n  sort,\n  onSortChange,\n  search = \"\",\n  onSearchChange,\n  renderDetail,\n  onVote,\n  loading = false,\n  openId: openIdProp,\n  onOpenChange,\n  openRow,\n  page: pageIndex = 0,\n  hasMore = false,\n  onPageChange,\n  commit,\n  renderDate: renderDateProp,\n  labels: labelsProp,\n  pageLabels: pageLabelsProp,\n  fillHeight,\n  className,\n}: FeedbackPublicListProps<T>) {\n  const labels = useFeedbackPublicLabels(labelsProp);\n  const page = useFeedbackPageLabels(pageLabelsProp);\n  const categoryLabels = useFeedbackCategoryLabels();\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  const [ownOpenId, setOwnOpenId] = useState<number | null>(null);\n  const openId = openIdProp !== undefined ? openIdProp : ownOpenId;\n  const setOpen = (id: number | null) => {\n    if (openIdProp === undefined) setOwnOpenId(id);\n    onOpenChange?.(id);\n  };\n  // A `?row=` report from another page: first, while it is the open one, and only when\n  // the page does not have it itself.\n  const shownRows =\n    openRow && openId === openRow.id && !rows.some((row) => row.id === openRow.id) ? [openRow, ...rows] : rows;\n\n  const columns = useMemo<DataTableColumn<T>[]>(\n    () => [\n      {\n        key: \"id\",\n        header: page.columnId,\n        cell: (row) => <span className=\"font-mono text-xs text-muted\">{row.id}</span>,\n        mobileHidden: true,\n      },\n      {\n        key: \"date\",\n        header: page.columnDate,\n        cell: (row) => <PublicDate value={row.created_at} renderDate={renderDate} />,\n      },\n      {\n        key: \"category\",\n        header: page.columnCategory,\n        cell: (row) => <FeedbackCategoryBadge category={row.category} label={categoryLabels[row.category]} />,\n      },\n      {\n        key: \"title\",\n        header: page.columnSubject,\n        cell: (row) => (\n          <span className=\"inline-flex min-w-0 max-w-full items-center gap-2 large:items-start\">\n            <span className=\"min-w-0 truncate-until-large font-medium\">{row.title}</span>\n            <CommentCount count={row.comment_count} labels={labels} />\n          </span>\n        ),\n        mobilePrimary: true,\n      },\n      {\n        key: \"votes\",\n        header: labels.columnVotes,\n        className: \"whitespace-nowrap\",\n        // The cell is a button: the row's own link must never wrap it.\n        noRowLink: true,\n        cell: (row) => (\n          <FeedbackVoteButton\n            votes={row.votes}\n            voted={row.voted}\n            own={row.mine}\n            onVote={(next) => onVote(row, next)}\n            commit={commit}\n            size=\"sm\"\n          />\n        ),\n      },\n      {\n        key: \"status\",\n        header: page.columnStatus,\n        className: \"whitespace-nowrap\",\n        cell: (row) => <FeedbackStatusBadge status={row.status} />,\n      },\n    ],\n    [page, labels, categoryLabels, renderDate, onVote, commit],\n  );\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-3\", fillHeight && FILL_HEIGHT_CLASS, className)}\n      data-feedback-public-list=\"\"\n      aria-busy={loading || undefined}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <ToggleGroup\n          aria-label={labels.sort}\n          value={sort}\n          onChange={(value) => onSortChange(value)}\n          options={SORTS.map((value) => ({\n            value,\n            label: value === \"newest\" ? labels.sortNewest : value === \"votes\" ? labels.sortVotes : labels.sortUpdated,\n          }))}\n        />\n        {onSearchChange && (\n          <SearchField\n            aria-label={labels.search}\n            placeholder={labels.search}\n            value={search}\n            onChange={onSearchChange}\n            className=\"min-w-[12rem] flex-1 md:max-w-xs\"\n          />\n        )}\n        {total !== undefined && (\n          <span className=\"ms-auto text-sm text-muted\" data-feedback-public-total={total}>\n            {labels.total(total)}\n          </span>\n        )}\n      </div>\n      <DataTable\n        rows={shownRows}\n        columns={columns}\n        rowKey={(row) => row.id}\n        rowName={(row) => row.title}\n        onRowClick={(row) => setOpen(openId === row.id ? null : row.id)}\n        isExpanded={(row) => row.id === openId}\n        expandedRow={(row) => renderDetail(row)}\n        mobileExpandAsDialog\n        paginated={false}\n        fillHeight={fillHeight}\n        empty={loading ? labels.loading : labels.empty}\n        mobileCard={(row) => (\n          <div className=\"min-w-0 space-y-1\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <span className=\"min-w-0 flex-1 font-medium [overflow-wrap:anywhere]\">{row.title}</span>\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-1 text-xs text-muted\">\n              <FeedbackCategoryBadge category={row.category} compact label={categoryLabels[row.category]} />\n              <PublicDate value={row.created_at} renderDate={renderDate} />\n              <CommentCount count={row.comment_count} labels={labels} />\n              {/* A count, not the button: the whole card is the row's button, and a button\n                  inside it is two controls in one. The vote is in the opened report. */}\n              <VoteCount count={row.votes} voted={row.voted || row.mine} labels={labels} />\n            </div>\n          </div>\n        )}\n      />\n      {onPageChange && (pageIndex > 0 || hasMore) && (\n        <PublicPager page={pageIndex} hasMore={hasMore} onPageChange={onPageChange} labels={labels} />\n      )}\n    </div>\n  );\n}\n\n/* ── The detail ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackPublicDetailProps {\n  /** `GET /feedback/public/{id}`: the public body (attachment URLs already stripped by\n   *  the server, §9.4) and the replies. */\n  row: FeedbackPublicRecord;\n  /** `GET /feedback/{id}/comments`, oldest first; `undefined` while it loads. */\n  comments: readonly FeedbackComment[] | undefined;\n  /** `PUT` / `DELETE /feedback/{id}/vote`; resolve with the answer, reject to roll back. */\n  onVote: (next: boolean) => Promise<FeedbackVoteState>;\n  /** The viewer is the app's admin: Hide / Unhide on the comments. */\n  isAdmin?: boolean;\n  /** `POST /feedback/{id}/comments`. Left out — a demo, a reader who may not write — no\n   *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with\n   *  `onUpload`). */\n  onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;\n  /** 0.47 (§12): `POST /feedback/attachments` — the comment box then takes one file,\n   *  pasted, captured or picked, as the rework note does. Left out, text only. */\n  onUpload?: FeedbackEntryUploadOptions[\"onUpload\"];\n  /** 0.47: the comment box's \"Capture screenshot\". */\n  onCaptureScreenshot?: FeedbackEntryUploadOptions[\"onCaptureScreenshot\"];\n  /** 0.47: the comment box's file field, over the contract's defaults. */\n  attachment?: FeedbackEntryUploadOptions[\"attachment\"];\n  /** 0.47: the app's authenticated GET for the comments' pictures, drawn inline. */\n  fetcher?: AuthedFetcher | null;\n  /** The admin's hide (`PATCH …/comments/{id} {hidden}`). */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** The writer's delete (`DELETE …/comments/{id}`), after a confirm. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The vote and the thread's buttons COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** Voting is off for this viewer (a demo): `true`, or the reason. */\n  voteDisabled?: boolean | string;\n  /** See {@link FeedbackRenderDate}. */\n  renderDate?: FeedbackRenderDate;\n  /** \"Now\" for the thread's relative times — pin it in tests and stories. */\n  now?: Date | number;\n  /** Over the `feedbackPublic` namespace. */\n  labels?: LabelOverride<FeedbackPublicLabels>;\n  /** Over the `feedbackComments` namespace, for the thread. */\n  commentLabels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\n/**\n * One public report opened (round 0.38, docs/feedback-harmonization.md §9.3, §9.10): who\n * filed it — the first name the server sent, else **\"A user\"** (§9.5) — and when; the\n * **vote**; the **public body**; and the **conversation**, the admin's replies and other\n * people's comments merged oldest first (§9.8, `FeedbackCommentThread`), with the box to\n * add one.\n *\n * What it never draws, because the public record never carries it (§9.10): an address,\n * a last name, the report's screenshot or files, the page the report was filed on. The\n * body is the server's `public_body` — the client strips nothing and adds nothing. The\n * one file it shows (0.47, §12) is a comment's own, posted with it to be seen.\n */\nexport function FeedbackPublicDetail({\n  row,\n  comments,\n  onVote,\n  isAdmin = false,\n  onComment,\n  onHide,\n  onDelete,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  fetcher,\n  pending,\n  commit,\n  voteDisabled,\n  renderDate: renderDateProp,\n  now,\n  labels: labelsProp,\n  commentLabels,\n  className,\n}: FeedbackPublicDetailProps) {\n  const labels = useFeedbackPublicLabels(labelsProp);\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return (\n    <FeedbackDetail className={className}>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-2\" data-feedback-public-detail={row.id}>\n        <span className=\"text-sm text-secondary\" data-feedback-author=\"\">\n          {labels.filedBy(row.author_name ?? labels.anonymous)}\n        </span>\n        <PublicDate value={row.created_at} renderDate={renderDate} />\n        <FeedbackVoteButton\n          votes={row.votes}\n          voted={row.voted}\n          own={row.mine}\n          onVote={onVote}\n          disabled={voteDisabled}\n          commit={commit}\n          className=\"ms-auto\"\n        />\n      </div>\n      <FeedbackDetailSection title={labels.body}>\n        {/* Rework rounds stay in it — the author's own words (§9.4) — on a server before\n            server-kit 0.13; since then each is an entry in the conversation (§10.3). */}\n        <FeedbackProse>{row.body}</FeedbackProse>\n      </FeedbackDetailSection>\n      <FeedbackDetailSection title={labels.conversation}>\n        <FeedbackCommentThread\n          replies={row.replies}\n          comments={comments ?? []}\n          loading={comments === undefined}\n          isAdmin={isAdmin}\n          // 0.40 (§10.3): the author's rework entries are theirs — at the reading end.\n          isAuthor={row.mine}\n          onComment={onComment}\n          onHide={onHide}\n          onDelete={onDelete}\n          onUpload={onUpload}\n          onCaptureScreenshot={onCaptureScreenshot}\n          attachment={attachment}\n          fetcher={fetcher}\n          pending={pending}\n          commit={commit}\n          now={now}\n          labels={commentLabels}\n        />\n      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-public-list.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { ChevronLeft, ChevronRight, MessageSquare, ThumbsUp } from \"lucide-react\";\nimport { DataTable, type DataTableColumn } from \"../components/data-table\";\nimport { DEFAULT_DATA_TABLE_LABELS } from \"../components/data-table-labels\";\nimport { IconButton } from \"../components/icon-button\";\nimport { SearchField } from \"../components/search-field\";\nimport { ToggleGroup } from \"../components/toggle-group\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { FILL_HEIGHT_CLASS } from \"../shell/fill-height\";\nimport { EMPTY_FORMATTED_VALUE } from \"../lib/format\";\nimport {\n  FeedbackCategoryBadge,\n  FeedbackDetail,\n  FeedbackDetailSection,\n  FeedbackProse,\n  FeedbackStatusBadge,\n} from \"./feedback-inbox\";\nimport { useFeedbackCategoryLabels } from \"./feedback-labels\";\nimport { FeedbackCommentThread, type FeedbackCommentsLabels } from \"./feedback-comment-thread\";\nimport type { FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS, type FeedbackPublicLabels } from \"./feedback-public-labels\";\nimport type {\n  FeedbackComment,\n  FeedbackPublicListItem,\n  FeedbackPublicRecord,\n  FeedbackPublicSort,\n  FeedbackVoteState,\n} from \"./feedback-public-types\";\nimport {\n  useFeedbackPageLabels,\n  useFeedbackRenderDate,\n  type FeedbackPageLabels,\n  type FeedbackRenderDate,\n} from \"./feedback-table\";\nimport { FeedbackVoteButton } from \"./feedback-vote-button\";\n\nexport { DEFAULT_FEEDBACK_PUBLIC_LABELS };\nexport type { FeedbackPublicLabels };\n\n/** `feedbackPublic` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackPublicLabels(labels?: LabelOverride<FeedbackPublicLabels>): FeedbackPublicLabels {\n  return useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS, labels);\n}\n\n/** The sort toggle's order: the server's default first (§9.6). */\nconst SORTS: readonly FeedbackPublicSort[] = [\"newest\", \"votes\", \"updated\"];\n\n/** A date in a cell, as the inbox writes it: `<time>`, nowrap, tabular figures. */\nfunction PublicDate({ 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/** The visible comments as a small chip beside the title — the count in figures, the\n *  words for a screen reader. Nothing at 0. */\nfunction CommentCount({ count, labels }: { count: number; labels: FeedbackPublicLabels }) {\n  if (!count) return null;\n  return (\n    <span className=\"inline-flex shrink-0 items-center gap-1 text-xs text-muted\" data-feedback-comment-count={count}>\n      <MessageSquare className=\"size-3.5\" aria-hidden />\n      <span aria-hidden className=\"tabular-nums\">\n        {count}\n      </span>\n      <span className=\"sr-only\">{labels.comments(count)}</span>\n    </span>\n  );\n}\n\n/** The votes on a phone card: the thumb and the count, in the brand colour when the\n *  viewer's own. */\nfunction VoteCount({ count, voted, labels }: { count: number; voted: boolean; labels: FeedbackPublicLabels }) {\n  return (\n    <span\n      className={cn(\"ms-auto inline-flex shrink-0 items-center gap-1 text-xs\", voted ? \"text-brand\" : \"text-muted\")}\n      data-feedback-vote-count={count}\n    >\n      <ThumbsUp className=\"size-3.5\" aria-hidden />\n      <span aria-hidden className=\"tabular-nums\">\n        {count}\n      </span>\n      <span className=\"sr-only\">{labels.votes(count)}</span>\n    </span>\n  );\n}\n\n/** 0.38.1: previous / next over the server's pages when it answers no total\n *  (`GET /feedback/public` — Kurvenschmiede): \"Page 3\" between two arrows. The arrows'\n *  names are `dataTable`'s, the strip's; the page's is `feedbackPublic.page`. */\nfunction PublicPager({\n  page,\n  hasMore,\n  onPageChange,\n  labels,\n}: {\n  page: number;\n  hasMore: boolean;\n  onPageChange: (page: number) => void;\n  labels: FeedbackPublicLabels;\n}) {\n  const tableLabels = useKitLabels(\"dataTable\", DEFAULT_DATA_TABLE_LABELS);\n  const name = labels.page(page + 1);\n  return (\n    <div\n      role=\"group\"\n      aria-label={name}\n      className=\"flex items-center justify-end gap-2 text-sm text-secondary\"\n      data-feedback-public-pager={page}\n    >\n      <IconButton\n        size=\"sm\"\n        variant=\"secondary\"\n        label={tableLabels.prevPage}\n        disabled={page <= 0}\n        onClick={() => onPageChange(page - 1)}\n      >\n        {/* \"Previous\" points back along the line — left in LTR, right in RTL. */}\n        <ChevronLeft className=\"rtl:-scale-x-100\" />\n      </IconButton>\n      <span className=\"tabular-nums\" aria-hidden>\n        {name}\n      </span>\n      <IconButton\n        size=\"sm\"\n        variant=\"secondary\"\n        label={tableLabels.nextPage}\n        disabled={!hasMore}\n        onClick={() => onPageChange(page + 1)}\n      >\n        <ChevronRight className=\"rtl:-scale-x-100\" />\n      </IconButton>\n    </div>\n  );\n}\n\n/* ── The list ─────────────────────────────────────────────────────────────── */\n\nexport interface FeedbackPublicListProps<T extends FeedbackPublicListItem = FeedbackPublicListItem> {\n  /** `GET /feedback/public?sort=&q=` — the server's page, in the server's order.\n   *  `readonly` since 0.52 (refactor audit 2026-10-30, API-7): the list never changes it. */\n  rows: readonly T[];\n  /** How many the query has in all — the line beside the sort. Left out, no line. */\n  total?: number;\n  /** The server sorts (§9.6): the toggle only says which way. */\n  sort: FeedbackPublicSort;\n  onSortChange: (sort: FeedbackPublicSort) => void;\n  /** The search box's text (`q`, titles only). */\n  search?: string;\n  /**\n   * The search box is drawn ONLY with this handler: where the app's titles are sealed\n   * (Kurvenschmiede, `FeedbackDeps.public_search=False`, §9.9) there is nothing to search\n   * on and the server answers `q` with a 422 — so it passes none.\n   */\n  onSearchChange?: (search: string) => void;\n  /** The opened row: the app's {@link FeedbackPublicDetail} with the row's\n   *  `GET /feedback/public/{id}` and its comments. */\n  renderDetail: (row: T) => ReactNode;\n  /** `PUT` / `DELETE /feedback/{id}/vote` for a row's button (`next`: the new state);\n   *  resolve with the answer, reject to roll back. */\n  onVote: (row: T, next: boolean) => Promise<FeedbackVoteState>;\n  /** The page is loading: the table says so where its rows would be. */\n  loading?: boolean;\n  /** The opened row's id, when the app keeps it (a `?row=` param). Left out, the list\n   *  keeps it itself. */\n  openId?: number | null;\n  /** 0.52: a row was opened (its id) or closed (`null`) — `openId`'s pair. Named for\n   *  what it carries: every other `onOpenChange` in the kit is a boolean (refactor audit\n   *  2026-10-30, API-5). */\n  onOpenIdChange?: (id: number | null) => void;\n  /**\n   * @deprecated 0.52 — `onOpenIdChange`, the same call: an `onOpenChange` is a boolean\n   * everywhere else in the kit; removed in 0.53\n   */\n  onOpenChange?: (id: number | null) => void;\n  /**\n   * 0.38.1: the opened report when it is NOT on this page — a `?row=` link to an older\n   * one (Kurvenschmiede). The app fetches it (`GET /feedback/public/{id}`, a list item's\n   * fields and more) and passes it with `openId`; while `openId` is its id it is drawn\n   * first, above the page's rows, and opened with `renderDetail` (on the phone, in the\n   * full-screen dialog). Closed, it is gone. A row the page has already is never drawn\n   * twice: the page's own is opened instead.\n   */\n  openRow?: T | null;\n  /**\n   * 0.38.1: the server's page, from 0 — for a pager where `/feedback/public` answers no\n   * total (Kurvenschmiede). With {@link onPageChange} a **Previous / Page n / Next**\n   * strip stands under the table; Next is off without {@link hasMore}. Left out, no\n   * pager: the server's `limit` is all there is.\n   */\n  page?: number;\n  /** 0.38.1: there is a page after this one (e.g. the page came back full). */\n  hasMore?: boolean;\n  /** 0.38.1: go to another page (`page ± 1`); the app fetches it. Draws the pager. */\n  onPageChange?: (page: number) => void;\n  /** A vote COMMITS — see Button's `commit`. */\n  commit?: CommitScope;\n  /** See {@link FeedbackRenderDate}. Default: the kit's, with the weekday. */\n  renderDate?: FeedbackRenderDate;\n  /** Over the `feedbackPublic` namespace. The shared column names (#, Date, Category,\n   *  Subject, Status) are `feedbackPage`'s: pass `pageLabels` for those. */\n  labels?: LabelOverride<FeedbackPublicLabels>;\n  pageLabels?: LabelOverride<FeedbackPageLabels>;\n  /** 0.40.1: the list fills the window as DataTable's `fillHeight` (page layout §1) — the\n   *  public feedback page passes §1.2's rule. Below md the page scrolls, as everywhere. */\n  fillHeight?: boolean;\n  className?: string;\n}\n\n/**\n * **All feedback** — the reports every user the app lets in may read (round 0.38,\n * docs/feedback-harmonization.md §9.3, §9.9; keksdose's `/all-feedback`).\n *\n * - **Titles only** (decision 23): #, Date, Category, Subject (with the visible\n *   comments), Votes, Status. No body, no submitter, no file — the list item carries\n *   none of them (§9.10).\n * - **The server sorts**: the toggle **Newest / Most wanted / Recently updated** sets\n *   `sort`, and the columns themselves do not sort (a page of 50 sorted in the browser\n *   would not be the 50 the sort asks for).\n * - **The search box only with `onSearchChange`**: an app whose titles are sealed\n *   passes none (§9.9).\n * - **Votes** are `FeedbackVoteButton`s, optimistic, the viewer's own report pressed\n *   and locked (\"Your report\", §9.6).\n * - A row opens in place with `renderDetail` — on the phone, in a full-screen dialog.\n *   The phone cards carry the title, the status, the category, the date and the two\n *   counts; the vote itself is in the opened report (a button inside the card, which is\n *   the row's own button, would be two controls in one).\n *\n * No client paging: the server's `limit` is the page, and `total` says how many there\n * are. For more than one page, `page` / `hasMore` / `onPageChange` draw a previous /\n * next strip that needs no total (0.38.1); `openRow` shows a `?row=` report from\n * another page. Needs a router, as every `DataTable` does.\n */\nexport function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPublicListItem>({\n  rows,\n  total,\n  sort,\n  onSortChange,\n  search = \"\",\n  onSearchChange,\n  renderDetail,\n  onVote,\n  loading = false,\n  openId: openIdProp,\n  onOpenIdChange,\n  onOpenChange,\n  openRow,\n  page: pageIndex = 0,\n  hasMore = false,\n  onPageChange,\n  commit,\n  renderDate: renderDateProp,\n  labels: labelsProp,\n  pageLabels: pageLabelsProp,\n  fillHeight,\n  className,\n}: FeedbackPublicListProps<T>) {\n  const labels = useFeedbackPublicLabels(labelsProp);\n  const page = useFeedbackPageLabels(pageLabelsProp);\n  const categoryLabels = useFeedbackCategoryLabels();\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  const [ownOpenId, setOwnOpenId] = useState<number | null>(null);\n  const openId = openIdProp !== undefined ? openIdProp : ownOpenId;\n  const setOpen = (id: number | null) => {\n    if (openIdProp === undefined) setOwnOpenId(id);\n    (onOpenIdChange ?? onOpenChange)?.(id);\n  };\n  // A `?row=` report from another page: first, while it is the open one, and only when\n  // the page does not have it itself.\n  // `as T[]`: DataTable's `rows` is still mutable in its type (API-7), and never mutated.\n  const shownRows = (\n    openRow && openId === openRow.id && !rows.some((row) => row.id === openRow.id) ? [openRow, ...rows] : rows\n  ) as T[];\n\n  const columns = useMemo<DataTableColumn<T>[]>(\n    () => [\n      {\n        key: \"id\",\n        header: page.columnId,\n        cell: (row) => <span className=\"font-mono text-xs text-muted\">{row.id}</span>,\n        mobileHidden: true,\n      },\n      {\n        key: \"date\",\n        header: page.columnDate,\n        cell: (row) => <PublicDate value={row.created_at} renderDate={renderDate} />,\n      },\n      {\n        key: \"category\",\n        header: page.columnCategory,\n        cell: (row) => <FeedbackCategoryBadge category={row.category} label={categoryLabels[row.category]} />,\n      },\n      {\n        key: \"title\",\n        header: page.columnSubject,\n        cell: (row) => (\n          <span className=\"inline-flex min-w-0 max-w-full items-center gap-2 large:items-start\">\n            <span className=\"min-w-0 truncate-until-large font-medium\">{row.title}</span>\n            <CommentCount count={row.comment_count} labels={labels} />\n          </span>\n        ),\n        mobilePrimary: true,\n      },\n      {\n        key: \"votes\",\n        header: labels.columnVotes,\n        className: \"whitespace-nowrap\",\n        // The cell is a button: the row's own link must never wrap it.\n        noRowLink: true,\n        cell: (row) => (\n          <FeedbackVoteButton\n            votes={row.votes}\n            voted={row.voted}\n            own={row.mine}\n            onVote={(next) => onVote(row, next)}\n            commit={commit}\n            size=\"sm\"\n          />\n        ),\n      },\n      {\n        key: \"status\",\n        header: page.columnStatus,\n        className: \"whitespace-nowrap\",\n        cell: (row) => <FeedbackStatusBadge status={row.status} />,\n      },\n    ],\n    [page, labels, categoryLabels, renderDate, onVote, commit],\n  );\n\n  return (\n    <div\n      className={cn(\"flex flex-col gap-3\", fillHeight && FILL_HEIGHT_CLASS, className)}\n      data-feedback-public-list=\"\"\n      aria-busy={loading || undefined}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <ToggleGroup\n          aria-label={labels.sort}\n          value={sort}\n          onChange={(value) => onSortChange(value)}\n          options={SORTS.map((value) => ({\n            value,\n            label: value === \"newest\" ? labels.sortNewest : value === \"votes\" ? labels.sortVotes : labels.sortUpdated,\n          }))}\n        />\n        {onSearchChange && (\n          <SearchField\n            aria-label={labels.search}\n            placeholder={labels.search}\n            value={search}\n            onChange={onSearchChange}\n            className=\"min-w-[12rem] flex-1 md:max-w-xs\"\n          />\n        )}\n        {total !== undefined && (\n          <span className=\"ms-auto text-sm text-muted\" data-feedback-public-total={total}>\n            {labels.total(total)}\n          </span>\n        )}\n      </div>\n      <DataTable\n        rows={shownRows}\n        columns={columns}\n        rowKey={(row) => row.id}\n        rowName={(row) => row.title}\n        onRowClick={(row) => setOpen(openId === row.id ? null : row.id)}\n        isExpanded={(row) => row.id === openId}\n        expandedRow={(row) => renderDetail(row)}\n        mobileExpandAsDialog\n        paginated={false}\n        fillHeight={fillHeight}\n        empty={loading ? labels.loading : labels.empty}\n        mobileCard={(row) => (\n          <div className=\"min-w-0 space-y-1\">\n            <div className=\"flex items-start justify-between gap-2\">\n              <span className=\"min-w-0 flex-1 font-medium [overflow-wrap:anywhere]\">{row.title}</span>\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-1 text-xs text-muted\">\n              <FeedbackCategoryBadge category={row.category} compact label={categoryLabels[row.category]} />\n              <PublicDate value={row.created_at} renderDate={renderDate} />\n              <CommentCount count={row.comment_count} labels={labels} />\n              {/* A count, not the button: the whole card is the row's button, and a button\n                  inside it is two controls in one. The vote is in the opened report. */}\n              <VoteCount count={row.votes} voted={row.voted || row.mine} labels={labels} />\n            </div>\n          </div>\n        )}\n      />\n      {onPageChange && (pageIndex > 0 || hasMore) && (\n        <PublicPager page={pageIndex} hasMore={hasMore} onPageChange={onPageChange} labels={labels} />\n      )}\n    </div>\n  );\n}\n\n/* ── The detail ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackPublicDetailProps {\n  /** `GET /feedback/public/{id}`: the public body (attachment URLs already stripped by\n   *  the server, §9.4) and the replies. */\n  row: FeedbackPublicRecord;\n  /** `GET /feedback/{id}/comments`, oldest first; `undefined` while it loads. */\n  comments: readonly FeedbackComment[] | undefined;\n  /** `PUT` / `DELETE /feedback/{id}/vote`; resolve with the answer, reject to roll back. */\n  onVote: (next: boolean) => Promise<FeedbackVoteState>;\n  /** The viewer is the app's admin: Hide / Unhide on the comments. */\n  isAdmin?: boolean;\n  /** `POST /feedback/{id}/comments`. Left out — a demo, a reader who may not write — no\n   *  composer. 0.47 (§12): `attachmentUrl` is the one file uploaded with it (with\n   *  `onUpload`). */\n  onComment?: (body: string, attachmentUrl?: string) => void | Promise<unknown>;\n  /** 0.47 (§12): `POST /feedback/attachments` — the comment box then takes one file,\n   *  pasted, captured or picked, as the rework note does. Left out, text only. */\n  onUpload?: FeedbackEntryUploadOptions[\"onUpload\"];\n  /** 0.47: the comment box's \"Capture screenshot\". */\n  onCaptureScreenshot?: FeedbackEntryUploadOptions[\"onCaptureScreenshot\"];\n  /** 0.47: the comment box's file field, over the contract's defaults. */\n  attachment?: FeedbackEntryUploadOptions[\"attachment\"];\n  /** 0.47: the app's authenticated GET for the comments' pictures, drawn inline. */\n  fetcher?: AuthedFetcher | null;\n  /** The admin's hide (`PATCH …/comments/{id} {hidden}`). */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** The writer's delete (`DELETE …/comments/{id}`), after a confirm. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The vote and the thread's buttons COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** Voting is off for this viewer (a demo): `true`, or the reason. */\n  voteDisabled?: boolean | string;\n  /** See {@link FeedbackRenderDate}. */\n  renderDate?: FeedbackRenderDate;\n  /** \"Now\" for the thread's relative times — pin it in tests and stories. */\n  now?: Date | number;\n  /** Over the `feedbackPublic` namespace. */\n  labels?: LabelOverride<FeedbackPublicLabels>;\n  /** Over the `feedbackComments` namespace, for the thread. */\n  commentLabels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\n/**\n * One public report opened (round 0.38, docs/feedback-harmonization.md §9.3, §9.10): who\n * filed it — the first name the server sent, else **\"A user\"** (§9.5) — and when; the\n * **vote**; the **public body**; and the **conversation**, the admin's replies and other\n * people's comments merged oldest first (§9.8, `FeedbackCommentThread`), with the box to\n * add one.\n *\n * What it never draws, because the public record never carries it (§9.10): an address,\n * a last name, the report's screenshot or files, the page the report was filed on. The\n * body is the server's `public_body` — the client strips nothing and adds nothing. The\n * one file it shows (0.47, §12) is a comment's own, posted with it to be seen.\n */\nexport function FeedbackPublicDetail({\n  row,\n  comments,\n  onVote,\n  isAdmin = false,\n  onComment,\n  onHide,\n  onDelete,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  fetcher,\n  pending,\n  commit,\n  voteDisabled,\n  renderDate: renderDateProp,\n  now,\n  labels: labelsProp,\n  commentLabels,\n  className,\n}: FeedbackPublicDetailProps) {\n  const labels = useFeedbackPublicLabels(labelsProp);\n  const renderDate = useFeedbackRenderDate(renderDateProp);\n  return (\n    <FeedbackDetail className={className}>\n      <div className=\"flex flex-wrap items-center gap-x-3 gap-y-2\" data-feedback-public-detail={row.id}>\n        <span className=\"text-sm text-secondary\" data-feedback-author=\"\">\n          {labels.filedBy(row.author_name ?? labels.anonymous)}\n        </span>\n        <PublicDate value={row.created_at} renderDate={renderDate} />\n        <FeedbackVoteButton\n          votes={row.votes}\n          voted={row.voted}\n          own={row.mine}\n          onVote={onVote}\n          disabled={voteDisabled}\n          commit={commit}\n          className=\"ms-auto\"\n        />\n      </div>\n      <FeedbackDetailSection title={labels.body}>\n        {/* Rework rounds stay in it — the author's own words (§9.4) — on a server before\n            server-kit 0.13; since then each is an entry in the conversation (§10.3). */}\n        <FeedbackProse>{row.body}</FeedbackProse>\n      </FeedbackDetailSection>\n      <FeedbackDetailSection title={labels.conversation}>\n        <FeedbackCommentThread\n          replies={row.replies}\n          comments={comments ?? []}\n          loading={comments === undefined}\n          isAdmin={isAdmin}\n          // 0.40 (§10.3): the author's rework entries are theirs — at the reading end.\n          isAuthor={row.mine}\n          onComment={onComment}\n          onHide={onHide}\n          onDelete={onDelete}\n          onUpload={onUpload}\n          onCaptureScreenshot={onCaptureScreenshot}\n          attachment={attachment}\n          fetcher={fetcher}\n          pending={pending}\n          commit={commit}\n          now={now}\n          labels={commentLabels}\n        />\n      </FeedbackDetailSection>\n    </FeedbackDetail>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -55,7 +55,9 @@ export declare function feedbackReplyNudge(row: {
 export interface FeedbackReplyTimelineProps {
     /** Oldest first, as the server sends them. */
     replies: readonly FeedbackReply[];
-    /** How a reply's time reads. Default: the date and time in the provider's locale. */
+    /** How a reply's time reads. Default (0.52): the `<UiKitProvider formatDate>`'s day
+     *  with the language's clock when the app set one, else the date and time in the
+     *  provider's locale and time zone. */
     renderDate?: (iso: string) => string;
     /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */
     redact?: boolean;

package/dist/feedback/feedback-replies.js

@@ -3,9 +3,9 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { BellOff } from "lucide-react";
 import { Select } from "../components/select.js";
-import { useKitLabels, useKitLocale } from "../i18n/kit-labels.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
 import { cn } from "../lib/cn.js";
-import { formatDate } from "../lib/format.js";
+import { useDayFormatter } from "../lib/day-format.js";
 import { FeedbackStatusBadge, selectableFeedbackStatuses } from "./feedback-inbox.js";
 import { useFeedbackStatusLabels } from "./feedback-labels.js";
 import { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX } from "./feedback-record.js";
@@ -21,6 +21,7 @@ function feedbackReplyNudge(row) {
   if (!row.replies || !FEEDBACK_DECIDED_STATUSES.includes(row.status)) return void 0;
   return row.replies.some((reply) => reply.status_to === row.status) ? void 0 : row.status;
 }
+const REPLY_TIME_STYLE = { dateStyle: "medium", timeStyle: "short" };
 function EntryStatus({ reply, statusChanged }) {
   if (!reply.status_to) return null;
   return /* @__PURE__ */ jsxs(
@@ -51,12 +52,12 @@ function FeedbackReplyTimeline({
 }) {
   const labels = useFeedbackRepliesLabels(labelsProp);
   const anonymous = useKitLabels("feedbackPublic", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;
-  const locale = useKitLocale();
+  const day = useDayFormatter(renderDate);
   const priv = redact ? "" : void 0;
   if (replies.length === 0) {
     return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-placeholder", className), children: labels.empty });
   }
-  const dateText = (iso) => renderDate ? renderDate(iso) : formatDate(iso, { dateStyle: "medium", timeStyle: "short" }, { locale });
+  const dateText = (iso) => day(iso, { time: true, style: REPLY_TIME_STYLE });
   return /* @__PURE__ */ jsx("ol", { "aria-label": labels.replies, className: cn("space-y-3 border-s-2 border-subtle ps-3", className), children: replies.map((reply) => {
     const rework = reply.kind === "rework";
     return /* @__PURE__ */ jsxs(

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-replies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { BellOff } from \"lucide-react\";\nimport { Select } from \"../components/select\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, useKitLocale, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { formatDate } from \"../lib/format\";\nimport { FeedbackStatusBadge, selectableFeedbackStatuses, type FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackStatusLabels } from \"./feedback-labels\";\nimport type { FeedbackReply } from \"./feedback-public-types\";\nimport { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { ChatComposer } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_REPLIES_LABELS } from \"./feedback-thread-parts-labels\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\n\n/**\n * The admin's answers as a list (docs/feedback-harmonization.md §9.7, decision 5): each\n * reply its own row — who, when, what, and the status it moved the report to — where\n * 0.37 had one `outcome` field that every answer overwrote. {@link FeedbackReplyTimeline}\n * draws them; {@link FeedbackReplyComposer} writes the next one, with the status picker\n * beside it (decision 13: a reply notifies the author, a status alone does not, so the\n * status belongs with the words).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackReplies` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackRepliesLabels {\n  /** The timeline's accessible name. de-CH: \"Antworten\" */\n  replies: string;\n  /** No reply yet. de-CH: \"Noch keine Antwort\" */\n  empty: string;\n  /** A reply without an author — a loop's, a migrated outcome, an erased admin (§9.7).\n   *  The app's word for its admin; never \"the team\". de-CH: \"Admin\" */\n  admin: string;\n  /** Read before a reply's status chip (\"→ Done\"). de-CH: \"Status geändert auf\" */\n  statusChanged: string;\n  /** The reply box's accessible name. de-CH: \"Antwort schreiben\" */\n  field: string;\n  /** de-CH: \"Antwort schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Antworten\" */\n  reply: string;\n  /** The status picker's accessible name. de-CH: \"Status mit der Antwort\" */\n  status: string;\n  /** The picker's first option: the reply changes no status. de-CH: \"Keine Änderung\" */\n  noChange: string;\n  /** Above the composer when a decided status was set without a reply (§9.7, B2).\n   *  de-CH: \"Die meldende Person wurde nicht benachrichtigt. Schreiben Sie eine Antwort.\" */\n  nudge: string;\n}\n\nexport { DEFAULT_FEEDBACK_REPLIES_LABELS };\n\n/** `feedbackReplies` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackRepliesLabels(labels?: LabelOverride<FeedbackRepliesLabels>): FeedbackRepliesLabels {\n  return useKitLabels(\"feedbackReplies\", DEFAULT_FEEDBACK_REPLIES_LABELS, labels);\n}\n\n/**\n * The status a row detail should nudge toward (§9.7, B2), or `undefined`: the row's\n * status when it is decided ({@link FEEDBACK_DECIDED_STATUSES}) and no reply carries it\n * as its `status_to` — a status-only move from the table, a swipe or the pills told the\n * author nothing. `undefined` too without `replies` (a server before 0.38).\n */\nexport function feedbackReplyNudge(row: {\n  status: FeedbackStatus;\n  replies?: readonly Pick<FeedbackReply, \"status_to\">[] | null;\n}): FeedbackStatus | undefined {\n  if (!row.replies || !FEEDBACK_DECIDED_STATUSES.includes(row.status)) return undefined;\n  return row.replies.some((reply) => reply.status_to === row.status) ? undefined : row.status;\n}\n\n/* ── The timeline ─────────────────────────────────────────────────────────── */\n\nexport interface FeedbackReplyTimelineProps {\n  /** Oldest first, as the server sends them. */\n  replies: readonly FeedbackReply[];\n  /** How a reply's time reads. Default: the date and time in the provider's locale. */\n  renderDate?: (iso: string) => string;\n  /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */\n  redact?: boolean;\n  /** How an entry's file (`attachment_url` — a rework's since 0.40, an admin reply's\n   *  since 0.47) is drawn under its text. Default (0.47, §12): {@link FeedbackEntryFile} —\n   *  a picture inline as a thumbnail that opens full size, any other file a download —\n   *  through `fetcher`. */\n  renderAttachment?: (url: string) => ReactNode;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the entries' files. Left\n   *  out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/** The status an entry moved the report to — \"→ Done\", with where from in the admin view.\n *  Nothing on an entry with no `status_to`: a status-less reply, or a rework migrated out\n *  of the body, whose move was never recorded (0.40, §10.3). */\nfunction EntryStatus({ reply, statusChanged }: { reply: FeedbackReply; statusChanged: string }) {\n  if (!reply.status_to) return null;\n  return (\n    <span\n      className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\"\n      data-feedback-reply-status={reply.status_to}\n    >\n      <span className=\"sr-only\">{statusChanged}</span>\n      {reply.status_from && reply.status_from !== reply.status_to && (\n        <>\n          <FeedbackStatusBadge status={reply.status_from} />\n          <span aria-hidden>→</span>\n        </>\n      )}\n      {!reply.status_from && <span aria-hidden>→</span>}\n      <FeedbackStatusBadge status={reply.status_to} />\n    </span>\n  );\n}\n\n/**\n * The replies, oldest first, down a rule: each with its author (`null` → \"Admin\"), its\n * time, the status it set (\"→ Done\"; the admin view adds where from) and its text. No\n * edit and no delete (§9.7): a correction is a new reply.\n *\n * 0.40 (§10.3): an author's **rework** entry (`kind: \"rework\"`) stands among them as the\n * author's — their name (`null` → \"A user\", never \"Admin\"), the **Rework** chip, the\n * status it moved the report to (none on a migrated one) and its file.\n *\n * 0.47 (§12): any entry's file — a rework's, an admin reply's — is drawn under its text,\n * a picture INLINE ({@link FeedbackEntryFile}).\n */\nexport function FeedbackReplyTimeline({\n  replies,\n  renderDate,\n  redact = true,\n  renderAttachment,\n  fetcher,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyTimelineProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const locale = useKitLocale();\n  const priv = redact ? \"\" : undefined;\n  if (replies.length === 0) {\n    return <p className={cn(\"text-sm text-placeholder\", className)}>{labels.empty}</p>;\n  }\n  const dateText = (iso: string) =>\n    renderDate ? renderDate(iso) : formatDate(iso, { dateStyle: \"medium\", timeStyle: \"short\" }, { locale });\n  return (\n    <ol aria-label={labels.replies} className={cn(\"space-y-3 border-s-2 border-subtle ps-3\", className)}>\n      {replies.map((reply) => {\n        const rework = reply.kind === \"rework\";\n        return (\n          <li\n            key={reply.id}\n            data-feedback-reply={reply.id}\n            data-feedback-entry-kind={rework ? \"rework\" : undefined}\n            className=\"min-w-0 text-sm\"\n          >\n            <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n              <span data-private={priv} className=\"font-medium text-secondary\">\n                {reply.author_name ?? (rework ? anonymous : labels.admin)}\n              </span>\n              {rework && <FeedbackReworkEntryChip />}\n              <time dateTime={reply.created_at} className=\"tabular-nums\">\n                {dateText(reply.created_at)}\n              </time>\n              <EntryStatus reply={reply} statusChanged={labels.statusChanged} />\n            </div>\n            <p\n              data-private={priv}\n              dir=\"auto\"\n              className=\"mt-0.5 whitespace-pre-wrap break-words text-start text-primary\"\n            >\n              {reply.body}\n            </p>\n            {reply.attachment_url && (\n              <div className=\"mt-1 min-w-0\" data-private={priv} data-feedback-entry-attachment=\"\">\n                {renderAttachment ? (\n                  renderAttachment(reply.attachment_url)\n                ) : (\n                  <FeedbackEntryFile url={reply.attachment_url} fetcher={fetcher} />\n                )}\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\n/* ── The composer ─────────────────────────────────────────────────────────── */\n\n/**\n * The status Select and Reply on one line, one height (keksdose live #417, Android, dark).\n *\n * A field and a button of the same padding are not the same height everywhere: on a touch\n * screen the field's type grows to 16 px (FIELD_TOUCH_TEXT, so iOS does not zoom) and its\n * box with it, while the button keeps its 14 px line — and at Large the button takes its\n * 48 px touch floor, which the field has not. So the composer's action row stretches its\n * two halves to one height and Reply fills it (Button's `stretch`, which is the kit's\n * answer for a button beside a taller field). Scoped to this composer through the marks\n * ChatComposer puts on its row: a host slot with an attachment preview must not drag the\n * send button to the preview's 80 px.\n *\n * On a touch screen the \"Ctrl+Enter to send\" hint has no keyboard to speak of, and beside\n * a field-height select it pushed Reply onto a line of its own on a phone — it is\n * visually hidden there (still read in order). At Large the button's 48 px floor is\n * taller than any field, here as in every form row of the kit.\n */\nconst REPLY_ROW_ALIGN = cn(\n  \"[&_[data-chat-composer-actions]]:items-stretch\",\n  \"[&_[data-chat-composer-send]]:self-stretch\",\n  \"pointer-coarse:[&_[data-chat-composer-hint]]:sr-only\",\n);\n\nexport interface FeedbackReplyComposerProps extends FeedbackEntryUploadOptions {\n  /** The report's status now — what \"No change\" keeps. */\n  status: FeedbackStatus;\n  /**\n   * `POST /feedback/{id}/replies` — the body (1–{@link FEEDBACK_REPLY_MAX} after\n   * trimming), the status picked, `undefined` for \"No change\", and (0.47, §12) the URL\n   * of the one file uploaded with it, `undefined` for none. Return the promise: the box\n   * clears when it resolves, and keeps everything on a rejection.\n   */\n  onReply: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;\n  /** The reply is in flight. */\n  pending?: boolean;\n  /** Preselect this status and say the author has not been told (§9.7, the nudge) —\n   *  {@link feedbackReplyNudge}. */\n  suggestedStatus?: FeedbackStatus;\n  /** Reply COMMITS — see ChatComposer's `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/**\n * The admin's reply box (§9.7): the text, the **status** to set with it (\"No change\"\n * first, then every status — {@link selectableFeedbackStatuses}, `REWORK` among them\n * since 0.40: how an admin sends any report back, their own included, §10.2 decision 6),\n * and **Reply**. A\n * {@link ChatComposer} underneath: Ctrl/⌘+Enter sends, the count runs to 8 000, a draft\n * typed while a reply is in flight stays.\n *\n * With `suggestedStatus` the line \"The author has not been told. Add a reply.\" stands\n * above it and that status is picked, so the reply that answers it records the status\n * and the nudge goes away.\n *\n * 0.47 (§12, keksdose live #447): with `onUpload`, one file as the rework note takes it —\n * a screenshot pasted into the box, a capture (`onCaptureScreenshot`), or a pick; the\n * contract's types and 10 MB. It is uploaded FIRST; a failed upload toasts and sends\n * nothing, and the draft and the file stay. `onUpload` here is the composer's own opt-in\n * (new in 0.47, so no page passed it before); `FeedbackRowDetail` hands it on only with\n * `replyAttachments`, since its `onUpload` is the rework note's too.\n */\nexport function FeedbackReplyComposer({\n  status,\n  onReply,\n  pending = false,\n  suggestedStatus,\n  commit,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyComposerProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const statusNames = useFeedbackStatusLabels();\n  // The pick, valid for the suggestion it was made under: a new suggestion (another\n  // status set from the table) picks itself again.\n  const [pick, setPick] = useState<{ under: FeedbackStatus | undefined; value: FeedbackStatus | \"\" }>({\n    under: suggestedStatus,\n    value: suggestedStatus ?? \"\",\n  });\n  const picked = pick.under === suggestedStatus ? pick.value : (suggestedStatus ?? \"\");\n\n  const send = async (body: string, file: File | null) => {\n    const sent = picked;\n    const url = await upload(file);\n    // The third argument only with a file, so a text reply calls as before 0.47.\n    const replied = url === undefined ? onReply(body, sent || undefined) : onReply(body, sent || undefined, url);\n    return Promise.resolve(replied).then(() => {\n      setPick((current) => (current.value === sent ? { under: suggestedStatus, value: \"\" } : current));\n    });\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", REPLY_ROW_ALIGN, className)} data-feedback-reply-composer=\"\">\n      {suggestedStatus && (\n        <p className=\"flex items-start gap-1.5 text-xs text-secondary\" data-feedback-nudge={suggestedStatus}>\n          <BellOff className=\"mt-0.5 size-3.5 shrink-0 text-warning\" aria-hidden />\n          <span>{labels.nudge}</span>\n        </p>\n      )}\n      <ChatComposer\n        onSend={send}\n        pending={pending || uploading}\n        attachment={composerAttachment}\n        commit={commit}\n        maxLength={FEEDBACK_REPLY_MAX}\n        showCount\n        labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.reply }}\n        attachmentSlot={\n          // The kit's standard Select at field height (#417: \"not invent new things where\n          // there are usable ones already\") — `size=\"sm\"` was a 28 px box beside the\n          // 38 px Reply. See REPLY_ROW_ALIGN for how the two keep one height.\n          <Select\n            aria-label={labels.status}\n            value={picked}\n            disabled={pending || uploading}\n            onChange={(event) => setPick({ under: suggestedStatus, value: event.target.value as FeedbackStatus | \"\" })}\n            data-feedback-reply-status-pick=\"\"\n          >\n            <option value=\"\">{labels.noChange}</option>\n            {selectableFeedbackStatuses(status).map((value) => (\n              <option key={value} value={value}>\n                {statusNames[value]}\n              </option>\n            ))}\n          </Select>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-replies.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { BellOff } from \"lucide-react\";\nimport { Select } from \"../components/select\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { AuthedFetcher } from \"../hooks/use-authed-src\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { useDayFormatter } from \"../lib/day-format\";\nimport { FeedbackStatusBadge, selectableFeedbackStatuses, type FeedbackStatus } from \"./feedback-inbox\";\nimport { useFeedbackStatusLabels } from \"./feedback-labels\";\nimport type { FeedbackReply } from \"./feedback-public-types\";\nimport { FEEDBACK_DECIDED_STATUSES, FEEDBACK_REPLY_MAX } from \"./feedback-record\";\nimport { FeedbackEntryFile, useFeedbackEntryUpload, type FeedbackEntryUploadOptions } from \"./feedback-entry-file\";\nimport { ChatComposer } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_REPLIES_LABELS } from \"./feedback-thread-parts-labels\";\nimport { FeedbackReworkEntryChip } from \"./feedback-rework-entry-chip\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\n\n/**\n * The admin's answers as a list (docs/feedback-harmonization.md §9.7, decision 5): each\n * reply its own row — who, when, what, and the status it moved the report to — where\n * 0.37 had one `outcome` field that every answer overwrote. {@link FeedbackReplyTimeline}\n * draws them; {@link FeedbackReplyComposer} writes the next one, with the status picker\n * beside it (decision 13: a reply notifies the author, a status alone does not, so the\n * status belongs with the words).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackReplies` namespace of `<UiKitProvider labels>`. */\nexport interface FeedbackRepliesLabels {\n  /** The timeline's accessible name. de-CH: \"Antworten\" */\n  replies: string;\n  /** No reply yet. de-CH: \"Noch keine Antwort\" */\n  empty: string;\n  /** A reply without an author — a loop's, a migrated outcome, an erased admin (§9.7).\n   *  The app's word for its admin; never \"the team\". de-CH: \"Admin\" */\n  admin: string;\n  /** Read before a reply's status chip (\"→ Done\"). de-CH: \"Status geändert auf\" */\n  statusChanged: string;\n  /** The reply box's accessible name. de-CH: \"Antwort schreiben\" */\n  field: string;\n  /** de-CH: \"Antwort schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Antworten\" */\n  reply: string;\n  /** The status picker's accessible name. de-CH: \"Status mit der Antwort\" */\n  status: string;\n  /** The picker's first option: the reply changes no status. de-CH: \"Keine Änderung\" */\n  noChange: string;\n  /** Above the composer when a decided status was set without a reply (§9.7, B2).\n   *  de-CH: \"Die meldende Person wurde nicht benachrichtigt. Schreiben Sie eine Antwort.\" */\n  nudge: string;\n}\n\nexport { DEFAULT_FEEDBACK_REPLIES_LABELS };\n\n/** `feedbackReplies` resolved: English, then `<UiKitProvider labels>`, then `labels`. */\nexport function useFeedbackRepliesLabels(labels?: LabelOverride<FeedbackRepliesLabels>): FeedbackRepliesLabels {\n  return useKitLabels(\"feedbackReplies\", DEFAULT_FEEDBACK_REPLIES_LABELS, labels);\n}\n\n/**\n * The status a row detail should nudge toward (§9.7, B2), or `undefined`: the row's\n * status when it is decided ({@link FEEDBACK_DECIDED_STATUSES}) and no reply carries it\n * as its `status_to` — a status-only move from the table, a swipe or the pills told the\n * author nothing. `undefined` too without `replies` (a server before 0.38).\n */\nexport function feedbackReplyNudge(row: {\n  status: FeedbackStatus;\n  replies?: readonly Pick<FeedbackReply, \"status_to\">[] | null;\n}): FeedbackStatus | undefined {\n  if (!row.replies || !FEEDBACK_DECIDED_STATUSES.includes(row.status)) return undefined;\n  return row.replies.some((reply) => reply.status_to === row.status) ? undefined : row.status;\n}\n\n/* ── The timeline ─────────────────────────────────────────────────────────── */\n\n/** A reply's time, the kit's own: the medium date and the short clock. */\nconst REPLY_TIME_STYLE: Intl.DateTimeFormatOptions = { dateStyle: \"medium\", timeStyle: \"short\" };\n\nexport interface FeedbackReplyTimelineProps {\n  /** Oldest first, as the server sends them. */\n  replies: readonly FeedbackReply[];\n  /** How a reply's time reads. Default (0.52): the `<UiKitProvider formatDate>`'s day\n   *  with the language's clock when the app set one, else the date and time in the\n   *  provider's locale and time zone. */\n  renderDate?: (iso: string) => string;\n  /** Tag bodies and names `data-private` (a host's screen-share blur). Default true. */\n  redact?: boolean;\n  /** How an entry's file (`attachment_url` — a rework's since 0.40, an admin reply's\n   *  since 0.47) is drawn under its text. Default (0.47, §12): {@link FeedbackEntryFile} —\n   *  a picture inline as a thumbnail that opens full size, any other file a download —\n   *  through `fetcher`. */\n  renderAttachment?: (url: string) => ReactNode;\n  /** 0.47: the app's authenticated GET (`AuthedImage`'s) for the entries' files. Left\n   *  out, the browser's own fetch with same-origin cookies. */\n  fetcher?: AuthedFetcher | null;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/** The status an entry moved the report to — \"→ Done\", with where from in the admin view.\n *  Nothing on an entry with no `status_to`: a status-less reply, or a rework migrated out\n *  of the body, whose move was never recorded (0.40, §10.3). */\nfunction EntryStatus({ reply, statusChanged }: { reply: FeedbackReply; statusChanged: string }) {\n  if (!reply.status_to) return null;\n  return (\n    <span\n      className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\"\n      data-feedback-reply-status={reply.status_to}\n    >\n      <span className=\"sr-only\">{statusChanged}</span>\n      {reply.status_from && reply.status_from !== reply.status_to && (\n        <>\n          <FeedbackStatusBadge status={reply.status_from} />\n          <span aria-hidden>→</span>\n        </>\n      )}\n      {!reply.status_from && <span aria-hidden>→</span>}\n      <FeedbackStatusBadge status={reply.status_to} />\n    </span>\n  );\n}\n\n/**\n * The replies, oldest first, down a rule: each with its author (`null` → \"Admin\"), its\n * time, the status it set (\"→ Done\"; the admin view adds where from) and its text. No\n * edit and no delete (§9.7): a correction is a new reply.\n *\n * 0.40 (§10.3): an author's **rework** entry (`kind: \"rework\"`) stands among them as the\n * author's — their name (`null` → \"A user\", never \"Admin\"), the **Rework** chip, the\n * status it moved the report to (none on a migrated one) and its file.\n *\n * 0.47 (§12): any entry's file — a rework's, an admin reply's — is drawn under its text,\n * a picture INLINE ({@link FeedbackEntryFile}).\n */\nexport function FeedbackReplyTimeline({\n  replies,\n  renderDate,\n  redact = true,\n  renderAttachment,\n  fetcher,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyTimelineProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  // `renderDate` when it answers, else the provider's `formatDate` for the day with the\n  // language's clock, else the kit's date and time in the provider's locale and time zone\n  // (0.52, refactor audit 2026-10-30, DUP-2: the provider never reached this one).\n  const day = useDayFormatter<string>(renderDate);\n  const priv = redact ? \"\" : undefined;\n  if (replies.length === 0) {\n    return <p className={cn(\"text-sm text-placeholder\", className)}>{labels.empty}</p>;\n  }\n  const dateText = (iso: string) => day(iso, { time: true, style: REPLY_TIME_STYLE });\n  return (\n    <ol aria-label={labels.replies} className={cn(\"space-y-3 border-s-2 border-subtle ps-3\", className)}>\n      {replies.map((reply) => {\n        const rework = reply.kind === \"rework\";\n        return (\n          <li\n            key={reply.id}\n            data-feedback-reply={reply.id}\n            data-feedback-entry-kind={rework ? \"rework\" : undefined}\n            className=\"min-w-0 text-sm\"\n          >\n            <div className=\"flex flex-wrap items-center gap-x-2 gap-y-1 text-caption text-muted\">\n              <span data-private={priv} className=\"font-medium text-secondary\">\n                {reply.author_name ?? (rework ? anonymous : labels.admin)}\n              </span>\n              {rework && <FeedbackReworkEntryChip />}\n              <time dateTime={reply.created_at} className=\"tabular-nums\">\n                {dateText(reply.created_at)}\n              </time>\n              <EntryStatus reply={reply} statusChanged={labels.statusChanged} />\n            </div>\n            <p\n              data-private={priv}\n              dir=\"auto\"\n              className=\"mt-0.5 whitespace-pre-wrap break-words text-start text-primary\"\n            >\n              {reply.body}\n            </p>\n            {reply.attachment_url && (\n              <div className=\"mt-1 min-w-0\" data-private={priv} data-feedback-entry-attachment=\"\">\n                {renderAttachment ? (\n                  renderAttachment(reply.attachment_url)\n                ) : (\n                  <FeedbackEntryFile url={reply.attachment_url} fetcher={fetcher} />\n                )}\n              </div>\n            )}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n\n/* ── The composer ─────────────────────────────────────────────────────────── */\n\n/**\n * The status Select and Reply on one line, one height (keksdose live #417, Android, dark).\n *\n * A field and a button of the same padding are not the same height everywhere: on a touch\n * screen the field's type grows to 16 px (FIELD_TOUCH_TEXT, so iOS does not zoom) and its\n * box with it, while the button keeps its 14 px line — and at Large the button takes its\n * 48 px touch floor, which the field has not. So the composer's action row stretches its\n * two halves to one height and Reply fills it (Button's `stretch`, which is the kit's\n * answer for a button beside a taller field). Scoped to this composer through the marks\n * ChatComposer puts on its row: a host slot with an attachment preview must not drag the\n * send button to the preview's 80 px.\n *\n * On a touch screen the \"Ctrl+Enter to send\" hint has no keyboard to speak of, and beside\n * a field-height select it pushed Reply onto a line of its own on a phone — it is\n * visually hidden there (still read in order). At Large the button's 48 px floor is\n * taller than any field, here as in every form row of the kit.\n */\nconst REPLY_ROW_ALIGN = cn(\n  \"[&_[data-chat-composer-actions]]:items-stretch\",\n  \"[&_[data-chat-composer-send]]:self-stretch\",\n  \"pointer-coarse:[&_[data-chat-composer-hint]]:sr-only\",\n);\n\nexport interface FeedbackReplyComposerProps extends FeedbackEntryUploadOptions {\n  /** The report's status now — what \"No change\" keeps. */\n  status: FeedbackStatus;\n  /**\n   * `POST /feedback/{id}/replies` — the body (1–{@link FEEDBACK_REPLY_MAX} after\n   * trimming), the status picked, `undefined` for \"No change\", and (0.47, §12) the URL\n   * of the one file uploaded with it, `undefined` for none. Return the promise: the box\n   * clears when it resolves, and keeps everything on a rejection.\n   */\n  onReply: (body: string, status?: FeedbackStatus, attachmentUrl?: string) => void | Promise<unknown>;\n  /** The reply is in flight. */\n  pending?: boolean;\n  /** Preselect this status and say the author has not been told (§9.7, the nudge) —\n   *  {@link feedbackReplyNudge}. */\n  suggestedStatus?: FeedbackStatus;\n  /** Reply COMMITS — see ChatComposer's `commit`. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackRepliesLabels>;\n  className?: string;\n}\n\n/**\n * The admin's reply box (§9.7): the text, the **status** to set with it (\"No change\"\n * first, then every status — {@link selectableFeedbackStatuses}, `REWORK` among them\n * since 0.40: how an admin sends any report back, their own included, §10.2 decision 6),\n * and **Reply**. A\n * {@link ChatComposer} underneath: Ctrl/⌘+Enter sends, the count runs to 8 000, a draft\n * typed while a reply is in flight stays.\n *\n * With `suggestedStatus` the line \"The author has not been told. Add a reply.\" stands\n * above it and that status is picked, so the reply that answers it records the status\n * and the nudge goes away.\n *\n * 0.47 (§12, keksdose live #447): with `onUpload`, one file as the rework note takes it —\n * a screenshot pasted into the box, a capture (`onCaptureScreenshot`), or a pick; the\n * contract's types and 10 MB. It is uploaded FIRST; a failed upload toasts and sends\n * nothing, and the draft and the file stay. `onUpload` here is the composer's own opt-in\n * (new in 0.47, so no page passed it before); `FeedbackRowDetail` hands it on only with\n * `replyAttachments`, since its `onUpload` is the rework note's too.\n */\nexport function FeedbackReplyComposer({\n  status,\n  onReply,\n  pending = false,\n  suggestedStatus,\n  commit,\n  onUpload,\n  onCaptureScreenshot,\n  attachment,\n  labels: labelsProp,\n  className,\n}: FeedbackReplyComposerProps) {\n  const labels = useFeedbackRepliesLabels(labelsProp);\n  const { composerAttachment, upload, uploading } = useFeedbackEntryUpload({\n    onUpload,\n    onCaptureScreenshot,\n    attachment,\n  });\n  const statusNames = useFeedbackStatusLabels();\n  // The pick, valid for the suggestion it was made under: a new suggestion (another\n  // status set from the table) picks itself again.\n  const [pick, setPick] = useState<{ under: FeedbackStatus | undefined; value: FeedbackStatus | \"\" }>({\n    under: suggestedStatus,\n    value: suggestedStatus ?? \"\",\n  });\n  const picked = pick.under === suggestedStatus ? pick.value : (suggestedStatus ?? \"\");\n\n  const send = async (body: string, file: File | null) => {\n    const sent = picked;\n    const url = await upload(file);\n    // The third argument only with a file, so a text reply calls as before 0.47.\n    const replied = url === undefined ? onReply(body, sent || undefined) : onReply(body, sent || undefined, url);\n    return Promise.resolve(replied).then(() => {\n      setPick((current) => (current.value === sent ? { under: suggestedStatus, value: \"\" } : current));\n    });\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", REPLY_ROW_ALIGN, className)} data-feedback-reply-composer=\"\">\n      {suggestedStatus && (\n        <p className=\"flex items-start gap-1.5 text-xs text-secondary\" data-feedback-nudge={suggestedStatus}>\n          <BellOff className=\"mt-0.5 size-3.5 shrink-0 text-warning\" aria-hidden />\n          <span>{labels.nudge}</span>\n        </p>\n      )}\n      <ChatComposer\n        onSend={send}\n        pending={pending || uploading}\n        attachment={composerAttachment}\n        commit={commit}\n        maxLength={FEEDBACK_REPLY_MAX}\n        showCount\n        labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.reply }}\n        attachmentSlot={\n          // The kit's standard Select at field height (#417: \"not invent new things where\n          // there are usable ones already\") — `size=\"sm\"` was a 28 px box beside the\n          // 38 px Reply. See REPLY_ROW_ALIGN for how the two keep one height.\n          <Select\n            aria-label={labels.status}\n            value={picked}\n            disabled={pending || uploading}\n            onChange={(event) => setPick({ under: suggestedStatus, value: event.target.value as FeedbackStatus | \"\" })}\n            data-feedback-reply-status-pick=\"\"\n          >\n            <option value=\"\">{labels.noChange}</option>\n            {selectableFeedbackStatuses(status).map((value) => (\n              <option key={value} value={value}>\n                {statusNames[value]}\n              </option>\n            ))}\n          </Select>\n        }\n      />\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-row-detail-labels.js

@@ -14,6 +14,11 @@ const DEFAULT_FEEDBACK_DETAIL_LABELS = {
   outcome: "Outcome",
   replies: "Replies",
   resolvedAt: (date) => `Resolved: ${date}`,
+  // The outcome editor's three words, read by nothing since 0.38 and "kept for one
+  // release" for 13 minors: no tag, so the deprecations test never listed them (refactor
+  // audit 2026-10-30, DOC-9). Deprecated on `FeedbackDetailLabels`, the type an app reads
+  // them through — a tag on these keys reached no reader (0.52 code review). The keys
+  // leave the type and all seven catalogues in 0.53.
   outcomeAdd: "Add outcome",
   outcomeUpdate: "Update",
   outcomePlaceholder: "What was done, decided, or why this won't be addressed.",

package/dist/feedback/feedback-row-detail-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-row-detail-labels.ts"],"sourcesContent":["// The English words of ./feedback-row-detail, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-row-detail\n// re-exports them.\n\nimport type { FeedbackDetailLabels } from \"./feedback-row-detail\";\n\nexport const DEFAULT_FEEDBACK_DETAIL_LABELS: FeedbackDetailLabels = {\n  subject: \"Subject\",\n  body: \"Description\",\n  edit: \"Edit\",\n  editDescription: \"Edit description\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  url: \"URL\",\n  copyUrl: \"Copy URL\",\n  attachment: \"Attachment\",\n  download: (name) => `Download ${name}`,\n  downloadFailed: \"The attachment could not be downloaded.\",\n  outcome: \"Outcome\",\n  replies: \"Replies\",\n  resolvedAt: (date) => `Resolved: ${date}`,\n  outcomeAdd: \"Add outcome\",\n  outcomeUpdate: \"Update\",\n  outcomePlaceholder: \"What was done, decided, or why this won't be addressed.\",\n  rework: \"Rework\",\n  reworkTitle: \"Send for rework\",\n  reworkSend: \"Send rework\",\n  reworkPlaceholder: \"What still needs refinement? Any new constraints or change of direction.\",\n  reworkUploadFailed: \"The file could not be uploaded. The rework was not sent.\",\n  status: \"Status\",\n  note: \"Note\",\n};\n"],"mappings":";AAOO,MAAM,iCAAuD;AAAA,EAClE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC,SAAS,YAAY,IAAI;AAAA,EACpC,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,aAAa,IAAI;AAAA,EACvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-row-detail-labels.ts"],"sourcesContent":["// The English words of ./feedback-row-detail, in a module with no component code: the\n// English catalogue (src/i18n/defaults.ts) imports them without the component, so `en`\n// loads as one chunk like the other languages (0.34, KS U8). ./feedback-row-detail\n// re-exports them.\n\nimport type { FeedbackDetailLabels } from \"./feedback-row-detail\";\n\nexport const DEFAULT_FEEDBACK_DETAIL_LABELS: FeedbackDetailLabels = {\n  subject: \"Subject\",\n  body: \"Description\",\n  edit: \"Edit\",\n  editDescription: \"Edit description\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  url: \"URL\",\n  copyUrl: \"Copy URL\",\n  attachment: \"Attachment\",\n  download: (name) => `Download ${name}`,\n  downloadFailed: \"The attachment could not be downloaded.\",\n  outcome: \"Outcome\",\n  replies: \"Replies\",\n  resolvedAt: (date) => `Resolved: ${date}`,\n  // The outcome editor's three words, read by nothing since 0.38 and \"kept for one\n  // release\" for 13 minors: no tag, so the deprecations test never listed them (refactor\n  // audit 2026-10-30, DOC-9). Deprecated on `FeedbackDetailLabels`, the type an app reads\n  // them through — a tag on these keys reached no reader (0.52 code review). The keys\n  // leave the type and all seven catalogues in 0.53.\n  outcomeAdd: \"Add outcome\",\n  outcomeUpdate: \"Update\",\n  outcomePlaceholder: \"What was done, decided, or why this won't be addressed.\",\n  rework: \"Rework\",\n  reworkTitle: \"Send for rework\",\n  reworkSend: \"Send rework\",\n  reworkPlaceholder: \"What still needs refinement? Any new constraints or change of direction.\",\n  reworkUploadFailed: \"The file could not be uploaded. The rework was not sent.\",\n  status: \"Status\",\n  note: \"Note\",\n};\n"],"mappings":";AAOO,MAAM,iCAAuD;AAAA,EAClE,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,CAAC,SAAS,YAAY,IAAI;AAAA,EACpC,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY,CAAC,SAAS,aAAa,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMvC,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}

package/dist/feedback/feedback-row-detail.d.ts

@@ -1,8 +1,10 @@
 import type { ReactNode } from "react";
 import type { AuthedFetcher } from "../hooks/use-authed-src.js";
+import type { PathPattern } from "../landing/routing.js";
 import { type LabelOverride } from "../i18n/kit-labels.js";
 import type { FeedbackNoteAttachment, FeedbackStatus } from "./feedback-inbox.js";
 import type { FeedbackContext, FeedbackRecord } from "./feedback-record.js";
+import { type FeedbackMutationCall } from "./feedback-mutation.js";
 import type { FeedbackStatusChange } from "./feedback-status-undo.js";
 import type { CommitScope } from "../components/write-lock.js";
 import { DEFAULT_FEEDBACK_DETAIL_LABELS } from "./feedback-row-detail-labels.js";
@@ -89,15 +91,17 @@ export interface FeedbackDetailLabels {
     /** On section 4's heading line once the row is settled, given the formatted
      *  `resolved_at` date. de-CH: "Erledigt am: {{date}}" */
     resolvedAt: (date: string) => string;
-    /** The admin's button while there is no outcome. **Unused since 0.38** (the outcome is
-     *  frozen, §9.7; a reply is written instead); kept for one release.
-     *  de-CH: "Ergebnis hinzufügen" */
+    /** The admin's button while there is no outcome — read by nothing since 0.38 (the
+     *  outcome is frozen, §9.7; a reply is written instead). de-CH: "Ergebnis hinzufügen"
+     *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */
     outcomeAdd: string;
     /** The same button once there is one. Unused since 0.38, as `outcomeAdd`.
-     *  de-CH: "Aktualisieren" */
+     *  de-CH: "Aktualisieren"
+     *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */
     outcomeUpdate: string;
-    /** The line above the outcome editor. Unused since 0.38, as `outcomeAdd`. de-CH: "Was wurde umgesetzt, entschieden oder
-     *  warum nicht." */
+    /** The line above the outcome editor. Unused since 0.38, as `outcomeAdd`.
+     *  de-CH: "Was wurde umgesetzt, entschieden oder warum nicht."
+     *  @deprecated 0.52 — a reply: the outcome is frozen since 0.38 (§9.7); removed in 0.53. */
     outcomePlaceholder: string;
     /** The button that opens section 5 on an answered row. de-CH: "Nacharbeit" */
     rework: string;
@@ -124,14 +128,22 @@ export { DEFAULT_FEEDBACK_DETAIL_LABELS };
 /** `feedbackDetail` resolved: English, then `<UiKitProvider labels>`, then `labels`. */
 export declare function useFeedbackDetailLabels(labels?: LabelOverride<FeedbackDetailLabels>): FeedbackDetailLabels;
 /**
- * The in-app link to the page a report was filed on — path + query + hash (keksdose
- * `localHref`: the query and hash carry the state worth restoring, `?tab=import`, a
- * drill-down). Read from `context.url`, else `context.route`; a path-only `url` works.
- * Always a path on THIS app, never another origin's address, so it is safe as an
- * `href` whatever the row says. `null` when there is nothing to link.
+ * The page a report was filed on as the reporter had it — path + query + hash (keksdose
+ * `localHref`: the query and hash carry the state, `?tab=import`, a drill-down). Read from
+ * `context.url`, else `context.route`; a path-only `url` works. `null` when there is no
+ * page.
+ *
+ * Always a path on THIS app, never another origin's address — but the path and query
+ * are the reporter's to write, so it is TEXT, not a link target: `/join?token=…` acts on
+ * load, and `/login?next=…` forwards a signed-in admin to whatever its query names
+ * (refactor audit 2026-10-30, FLW-7; 0.52 code review). The kit's URL cell and section
+ * link {@link feedbackPagePath} alone, and not even that for a one-shot route
+ * (`pageLinkExclude`) — `FeedbackRowDetail` and `useFeedbackColumns` draw the page that
+ * way; an app's own cell should not link this.
  */
 export declare function feedbackPageHref(context: FeedbackContext | null | undefined): string | null;
-/** The page's path alone — the compact text a URL column shows (§4.3). */
+/** The page's path alone — the compact text a URL column shows (§4.3), and the only part
+ *  of the page the kit links. */
 export declare function feedbackPagePath(context: FeedbackContext | null | undefined): string | null;
 /**
  * What "Copy URL" copies: the FULL `context.url` as the reporter's browser had it —
@@ -197,13 +209,24 @@ export interface FeedbackDetailPatch {
     public?: boolean;
 }
 /**
- * The page's update mutation. **TanStack Query's `mutate` fits as it stands** — pass
- * `update.mutate` (and `pending={update.isPending}`), the same function
- * `useFeedbackStatusUndo` takes. A hand-written one sends the PATCH and calls
- * `onSuccess` once it has landed, and only then: that is when an editor closes. A
- * failure is the mutation's own to toast — the server's `detail`, else
+ * The page's update mutation (0.52): **TanStack Query's `mutateAsync`** — pass
+ * `update.mutateAsync` (and `pending={update.isPending}`), the same function
+ * `useFeedbackStatusUndo` takes. An editor closes when the promise resolves, which it does
+ * for every call — also when a status pill was pressed while the save was in flight
+ * (refactor audit 2026-10-30, FLW-3). A hand-written one resolves once the PATCH has
+ * landed. A failure is the mutation's own to toast — the server's `detail`, else
  * `feedbackToast.updateFailed` (§4.4) — and leaves the editor open with its draft.
  */
+export type FeedbackDetailUpdateAsync = (patch: FeedbackDetailPatch) => Promise<unknown>;
+/**
+ * The callback form: TanStack Query's `mutate`, or a function that calls `onSuccess` once
+ * the PATCH has landed. TanStack calls a per-call `onSuccess` for the LATEST `mutate()`
+ * only, so an editor whose save was followed by another PATCH before it answered stayed
+ * open, and the earlier status change lost its Undo.
+ *
+ * @deprecated 0.52 — pass `update.mutateAsync` ({@link FeedbackDetailUpdateAsync}); removed
+ * in 0.53
+ */
 export type FeedbackDetailUpdate = (patch: FeedbackDetailPatch, callbacks: {
     onSuccess: () => void;
 }) => void;
@@ -221,10 +244,10 @@ export interface FeedbackReworkSectionProps {
     /** 0.40: the rework as an entry of its own — see {@link FeedbackReworkSend}. With it,
      *  `onUpdate` is not called. */
     onRework?: FeedbackReworkSend;
-    /** The PATCH — see {@link FeedbackDetailUpdate}. Called with `{ id, body }` only, and
-     *  only without `onRework`: the legacy append (§3.4), which server-kit 0.13 still
+    /** The PATCH — see {@link FeedbackDetailUpdateAsync}. Called with `{ id, body }` only,
+     *  and only without `onRework`: the legacy append (§3.4), which server-kit 0.13 still
      *  turns into an entry for one release. Optional since 0.40; pass one of the two. */
-    onUpdate?: FeedbackDetailUpdate;
+    onUpdate?: FeedbackMutationCall<FeedbackDetailPatch>;
     /** The PATCH is in flight (`update.isPending`). The upload adds its own. */
     pending?: boolean;
     /** The upload. Left out, the note goes without a file field. */
@@ -276,8 +299,10 @@ export interface FeedbackRowDetailProps {
     canEdit: boolean;
     /** The signed-in user's id — who the AUTHOR is: the description editor and rework. */
     viewerId?: number | null;
-    /** The page's PATCH — `update.mutate` (see {@link FeedbackDetailUpdate}). */
-    onUpdate: FeedbackDetailUpdate;
+    /** The page's PATCH — `update.mutateAsync` (see {@link FeedbackDetailUpdateAsync}). The
+     *  callback form ({@link FeedbackDetailUpdate}, `update.mutate`) still fits, deprecated
+     *  since 0.52; the prop's one signature takes both. */
+    onUpdate: FeedbackMutationCall<FeedbackDetailPatch>;
     /** `update.isPending`: the editors' save buttons wait for it. */
     pending?: boolean;
     /** `POST /feedback/attachments` for the rework's one file and, since 0.47 (§12) with
@@ -288,7 +313,7 @@ export interface FeedbackRowDetailProps {
      *  the browser's own fetch with same-origin cookies. */
     fetcher?: AuthedFetcher | null;
     /**
-     * The undoable status change — what `useFeedbackStatusUndo(update.mutate)` returns,
+     * The undoable status change — what `useFeedbackStatusUndo(update.mutateAsync)` returns,
      * the SAME one the table's status cell and the swipes use (§4.5). Left out, the
      * detail builds one from `onUpdate`, which is equivalent as long as `onUpdate` is the
      * page's mutation (its observer outlives the row a status filter removes).
@@ -300,9 +325,20 @@ export interface FeedbackRowDetailProps {
     /** The rework's and (0.47, with `replyAttachments`) the reply composer's file field,
      *  over the contract's defaults. */
     reworkAttachment?: Partial<FeedbackNoteAttachment>;
-    /** How the `resolved_at` date reads — the app's date cell, as a string. Default: the
-     *  kit's `formatDate` in the provider's locale, `medium` style. */
+    /** How the `resolved_at` date reads — the app's date cell, as a string. Default
+     *  (0.52): the `<UiKitProvider formatDate>` when the app set one, else the kit's
+     *  `formatDate` in the provider's locale and time zone, `medium` style. */
     renderDate?: (iso: string) => string;
+    /**
+     * 0.52 (FLW-7): the app's one-shot routes, ON TOP of the kit's — `/join`,
+     * `/register`, `/verify-email`, `/reset-password` (a string is that path and everything
+     * under it, a RegExp is tested on the path, as `useLastVisitedPage`'s `exclude`). The
+     * URL section shows such a page as text with Copy, never as a link: it acts on load,
+     * and a report's page is the reporter's to write. Any other page links its PATH alone;
+     * the query, where tokens and `?next=` targets travel, is text. keksdose:
+     * `["/banks/callback", "/share-target"]`. Keep it stable (module scope).
+     */
+    pageLinkExclude?: readonly PathPattern[];
     /**
      * The detail's saves COMMIT (description, outcome, rework, status): under a locked
      * `WriteLockProvider` each is `aria-disabled` with the lock's reason, and nothing
@@ -372,12 +408,12 @@ export interface FeedbackRowDetailProps {
  * ```tsx
  * const update = useMutation({ mutationFn: ({ id, ...patch }) => api.updateFeedback(id, patch),
  *   onSuccess: invalidate, onError: (e) => toast.error(detailOf(e) ?? toastLabels.updateFailed) });
- * const changeStatus = useFeedbackStatusUndo(update.mutate);
+ * const changeStatus = useFeedbackStatusUndo(update.mutateAsync);
  * <DataTable
  *   isExpanded={(row) => expandedId === row.id}
  *   expandedRow={(row) => (
  *     <FeedbackRowDetail row={row} canEdit={isAdmin && !mine} viewerId={user?.id}
- *       onUpdate={update.mutate} pending={update.isPending} statusChange={changeStatus}
+ *       onUpdate={update.mutateAsync} pending={update.isPending} statusChange={changeStatus}
  *       onUpload={api.uploadFeedbackAttachment} fetcher={authedImageFetcher}
  *       onCaptureScreenshot={captureAppScreenshot} />
  *   )} … />
@@ -387,4 +423,4 @@ export interface FeedbackRowDetailProps {
  * collapsing the row closes it. Each editor is keyed by the row's id, so a draft is
  * never thrown away by a list refresh under it.
  */
-export declare function FeedbackRowDetail({ row, canEdit, viewerId, onUpdate, pending, onUpload, fetcher, statusChange, onCaptureScreenshot, reworkAttachment, renderDate, commit, showSubject, onReply, replyAttachments, replying, onRework, comments, onPublicChange, labels: labelsProp, className, }: FeedbackRowDetailProps): import("react").JSX.Element;
+export declare function FeedbackRowDetail({ row, canEdit, viewerId, onUpdate, pending, onUpload, fetcher, statusChange, onCaptureScreenshot, reworkAttachment, renderDate, pageLinkExclude, commit, showSubject, onReply, replyAttachments, replying, onRework, comments, onPublicChange, labels: labelsProp, className, }: FeedbackRowDetailProps): import("react").JSX.Element;