@eifi1/ui-kit 0.40.0 → 0.40.1

package/dist/eslint/index.js

@@ -47,7 +47,7 @@ const roleUtilities = {
     };
   }
 };
-const VERSION = true ? "0.40.0" : "0.0.0-source";
+const VERSION = true ? "0.40.1" : "0.0.0-source";
 const recommended = {
   name: "@eifi1/ui-kit/recommended",
   // Not the tests, as check:tokens skips the kit's: a test names the old class to assert it

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

@@ -65,6 +65,9 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
      *  Subject, Status) are `feedbackPage`'s: pass `pageLabels` for those. */
     labels?: LabelOverride<FeedbackPublicLabels>;
     pageLabels?: LabelOverride<FeedbackPageLabels>;
+    /** 0.40.1: the list fills the window as DataTable's `fillHeight` (page layout §1) — the
+     *  public feedback page passes §1.2's rule. Below md the page scrolls, as everywhere. */
+    fillHeight?: boolean;
     className?: string;
 }
 /**
@@ -91,7 +94,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, 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, 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

@@ -9,6 +9,7 @@ import { SearchField } from "../components/search-field.js";
 import { ToggleGroup } from "../components/toggle-group.js";
 import { useKitLabels } from "../i18n/kit-labels.js";
 import { cn } from "../lib/cn.js";
+import { FILL_HEIGHT_CLASS } from "../shell/fill-height.js";
 import { EMPTY_FORMATTED_VALUE } from "../lib/format.js";
 import { FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackProse, FeedbackStatusBadge } from "./feedback-inbox.js";
 import { useFeedbackCategoryLabels } from "./feedback-labels.js";
@@ -112,6 +113,7 @@ function FeedbackPublicList({
   renderDate: renderDateProp,
   labels: labelsProp,
   pageLabels: pageLabelsProp,
+  fillHeight,
   className
 }) {
   const labels = useFeedbackPublicLabels(labelsProp);
@@ -179,61 +181,70 @@ function FeedbackPublicList({
     ],
     [page, labels, categoryLabels, renderDate, onVote, commit]
   );
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-3", className), "data-feedback-public-list": "", "aria-busy": loading || void 0, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
-      /* @__PURE__ */ jsx(
-        ToggleGroup,
-        {
-          "aria-label": labels.sort,
-          value: sort,
-          onChange: (value) => onSortChange(value),
-          options: SORTS.map((value) => ({
-            value,
-            label: value === "newest" ? labels.sortNewest : value === "votes" ? labels.sortVotes : labels.sortUpdated
-          }))
-        }
-      ),
-      onSearchChange && /* @__PURE__ */ jsx(
-        SearchField,
-        {
-          "aria-label": labels.search,
-          placeholder: labels.search,
-          value: search,
-          onChange: onSearchChange,
-          className: "min-w-[12rem] flex-1 md:max-w-xs"
-        }
-      ),
-      total !== void 0 && /* @__PURE__ */ jsx("span", { className: "ms-auto text-sm text-muted", "data-feedback-public-total": total, children: labels.total(total) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      DataTable,
-      {
-        rows: shownRows,
-        columns,
-        rowKey: (row) => row.id,
-        rowName: (row) => row.title,
-        onRowClick: (row) => setOpen(openId === row.id ? null : row.id),
-        isExpanded: (row) => row.id === openId,
-        expandedRow: (row) => renderDetail(row),
-        mobileExpandAsDialog: true,
-        paginated: false,
-        empty: loading ? labels.loading : labels.empty,
-        mobileCard: (row) => /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 font-medium [overflow-wrap:anywhere]", children: row.title }),
-            /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: row.status, className: "shrink-0" })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted", children: [
-            /* @__PURE__ */ jsx(FeedbackCategoryBadge, { category: row.category, compact: true, label: categoryLabels[row.category] }),
-            /* @__PURE__ */ jsx(PublicDate, { value: row.created_at, renderDate }),
-            /* @__PURE__ */ jsx(CommentCount, { count: row.comment_count, labels }),
-            /* @__PURE__ */ jsx(VoteCount, { count: row.votes, voted: row.voted || row.mine, labels })
-          ] })
-        ] })
-      }
-    ),
-    onPageChange && (pageIndex > 0 || hasMore) && /* @__PURE__ */ jsx(PublicPager, { page: pageIndex, hasMore, onPageChange, labels })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("flex flex-col gap-3", fillHeight && FILL_HEIGHT_CLASS, className),
+      "data-feedback-public-list": "",
+      "aria-busy": loading || void 0,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            ToggleGroup,
+            {
+              "aria-label": labels.sort,
+              value: sort,
+              onChange: (value) => onSortChange(value),
+              options: SORTS.map((value) => ({
+                value,
+                label: value === "newest" ? labels.sortNewest : value === "votes" ? labels.sortVotes : labels.sortUpdated
+              }))
+            }
+          ),
+          onSearchChange && /* @__PURE__ */ jsx(
+            SearchField,
+            {
+              "aria-label": labels.search,
+              placeholder: labels.search,
+              value: search,
+              onChange: onSearchChange,
+              className: "min-w-[12rem] flex-1 md:max-w-xs"
+            }
+          ),
+          total !== void 0 && /* @__PURE__ */ jsx("span", { className: "ms-auto text-sm text-muted", "data-feedback-public-total": total, children: labels.total(total) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          DataTable,
+          {
+            rows: shownRows,
+            columns,
+            rowKey: (row) => row.id,
+            rowName: (row) => row.title,
+            onRowClick: (row) => setOpen(openId === row.id ? null : row.id),
+            isExpanded: (row) => row.id === openId,
+            expandedRow: (row) => renderDetail(row),
+            mobileExpandAsDialog: true,
+            paginated: false,
+            fillHeight,
+            empty: loading ? labels.loading : labels.empty,
+            mobileCard: (row) => /* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 font-medium [overflow-wrap:anywhere]", children: row.title }),
+                /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: row.status, className: "shrink-0" })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted", children: [
+                /* @__PURE__ */ jsx(FeedbackCategoryBadge, { category: row.category, compact: true, label: categoryLabels[row.category] }),
+                /* @__PURE__ */ jsx(PublicDate, { value: row.created_at, renderDate }),
+                /* @__PURE__ */ jsx(CommentCount, { count: row.comment_count, labels }),
+                /* @__PURE__ */ jsx(VoteCount, { count: row.votes, voted: row.voted || row.mine, labels })
+              ] })
+            ] })
+          }
+        ),
+        onPageChange && (pageIndex > 0 || hasMore) && /* @__PURE__ */ jsx(PublicPager, { page: pageIndex, hasMore, onPageChange, labels })
+      ]
+    }
+  );
 }
 function FeedbackPublicDetail({
   row,

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 { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { cn } from \"../lib/cn\";\nimport { EMPTY_FORMATTED_VALUE } from \"../lib/format\";\nimport { FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackProse, FeedbackStatusBadge } from \"./feedback-inbox\";\nimport { useFeedbackCategoryLabels } from \"./feedback-labels\";\nimport { FeedbackCommentThread, type FeedbackCommentsLabels } from \"./feedback-comment-thread\";\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  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  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 className={cn(\"flex flex-col gap-3\", className)} data-feedback-public-list=\"\" aria-busy={loading || undefined}>\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        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. */\n  onComment?: (body: string) => void | Promise<unknown>;\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, a screenshot, a file, the page the report was filed on. The body is the\n * server's `public_body` — the client strips nothing and adds nothing.\n */\nexport function FeedbackPublicDetail({\n  row,\n  comments,\n  onVote,\n  isAdmin = false,\n  onComment,\n  onHide,\n  onDelete,\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          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 { 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 { FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackProse, FeedbackStatusBadge } from \"./feedback-inbox\";\nimport { useFeedbackCategoryLabels } from \"./feedback-labels\";\nimport { FeedbackCommentThread, type FeedbackCommentsLabels } from \"./feedback-comment-thread\";\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. */\n  onComment?: (body: string) => void | Promise<unknown>;\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, a screenshot, a file, the page the report was filed on. The body is the\n * server's `public_body` — the client strips nothing and adds nothing.\n */\nexport function FeedbackPublicDetail({\n  row,\n  comments,\n  onVote,\n  isAdmin = false,\n  onComment,\n  onHide,\n  onDelete,\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          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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eifi1/ui-kit",
-  "version": "0.40.0",
+  "version": "0.40.1",
   "type": "module",
   "description": "App-agnostic shared design system: domain-free React components, theme and tokens.",
   "_sideEffects": "The barrel (src/index.ts) re-exports EVERY component, including components/chart, which statically imports recharts. Without this field a bundler must assume each of those modules has side effects, so it cannot drop the unused ones: importing a Button from '@eifi1/ui-kit' dragged all 433KB of recharts into the consumer's ENTRY chunk, and Keksdose was preloading it on every page load, login included. Nothing in src/ imports for side effects (no bare imports, no CSS imports from JS, no module-level global writes) — the token stylesheet is its own './tokens.css' export — so this is safe. CSS is still listed so any future stylesheet survives. Re-checked when `flag-icons` left `dependencies` and tsup started emitting a `\"use client\"` banner: neither touches this. The flag stylesheet was never imported from JS in the first place (that was the finding), and a directive prologue is a string literal every bundler lifts out before it decides whether a module is inert.",

package/src/feedback/feedback-public-list.tsx

@@ -9,6 +9,7 @@ import { ToggleGroup } from "../components/toggle-group";
 import type { CommitScope } from "../components/write-lock";
 import { useKitLabels, type LabelOverride } from "../i18n/kit-labels";
 import { cn } from "../lib/cn";
+import { FILL_HEIGHT_CLASS } from "../shell/fill-height";
 import { EMPTY_FORMATTED_VALUE } from "../lib/format";
 import { FeedbackCategoryBadge, FeedbackDetail, FeedbackDetailSection, FeedbackProse, FeedbackStatusBadge } from "./feedback-inbox";
 import { useFeedbackCategoryLabels } from "./feedback-labels";
@@ -189,6 +190,9 @@ export interface FeedbackPublicListProps<T extends FeedbackPublicListItem = Feed
    *  Subject, Status) are `feedbackPage`'s: pass `pageLabels` for those. */
   labels?: LabelOverride<FeedbackPublicLabels>;
   pageLabels?: LabelOverride<FeedbackPageLabels>;
+  /** 0.40.1: the list fills the window as DataTable's `fillHeight` (page layout §1) — the
+   *  public feedback page passes §1.2's rule. Below md the page scrolls, as everywhere. */
+  fillHeight?: boolean;
   className?: string;
 }
 
@@ -236,6 +240,7 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
   renderDate: renderDateProp,
   labels: labelsProp,
   pageLabels: pageLabelsProp,
+  fillHeight,
   className,
 }: FeedbackPublicListProps<T>) {
   const labels = useFeedbackPublicLabels(labelsProp);
@@ -310,7 +315,11 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
   );
 
   return (
-    <div className={cn("flex flex-col gap-3", className)} data-feedback-public-list="" aria-busy={loading || undefined}>
+    <div
+      className={cn("flex flex-col gap-3", fillHeight && FILL_HEIGHT_CLASS, className)}
+      data-feedback-public-list=""
+      aria-busy={loading || undefined}
+    >
       <div className="flex flex-wrap items-center gap-2">
         <ToggleGroup
           aria-label={labels.sort}
@@ -346,6 +355,7 @@ export function FeedbackPublicList<T extends FeedbackPublicListItem = FeedbackPu
         expandedRow={(row) => renderDetail(row)}
         mobileExpandAsDialog
         paginated={false}
+        fillHeight={fillHeight}
         empty={loading ? labels.loading : labels.empty}
         mobileCard={(row) => (
           <div className="min-w-0 space-y-1">