@eifi1/ui-kit 0.56.0 → 0.57.0

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

@@ -0,0 +1,88 @@
+import type { DataTableProps } from "../components/data-table.js";
+import type { CommitScope } from "../components/write-lock.js";
+import type { LabelOverride } from "../i18n/kit-labels.js";
+import type { FeedbackRecord } from "./feedback-record.js";
+import type { FeedbackDetailUpdateAsync } from "./feedback-row-detail.js";
+import type { FeedbackInboxBulk } from "./feedback-inbox-page.js";
+import { type FeedbackPageLabels } from "./feedback-table.js";
+import { type FeedbackCategory, type FeedbackStatus } from "./feedback-vocabulary.js";
+/**
+ * The inbox's multi-select and bulk edit (0.57, keksdose dev #663 — Marcel: *"I want to
+ * have multiselect and bulk edit (back) for the feedback table"*; docs/feedback-harmonization.md
+ * §13.6). The inbox the kit assembles (0.55, §13) had no selection at all, so an admin
+ * changed a dozen stale reports one row at a time.
+ *
+ * **No bulk endpoint, on purpose.** keksdose has none, and none of the three needs one:
+ * each report's change has to pass the server's own rules for that report (§3.4), so the bar
+ * loops the page's ONE `update` mutation — `PATCH /feedback/{id}` per report — exactly as a
+ * tap on the status cell does. An app gets the bulk edit with no wiring of its own. It
+ * notifies nobody, its Undo neither: a status, a category or the visibility alone tells no
+ * one (decision 13, §9.11); only a reply or a comment does, and the bar writes neither.
+ *
+ * What it changes: the **status**, the **category** (never to CRASH — §3.4 answers 422;
+ * CRASH → BUG is an ordinary admin edit) and, with the inbox's `publicSwitch`, **Visible to
+ * others** (§9.3; a CRASH is private whatever its flag, and a row without `public` comes
+ * from a server without public parts — both are left alone, as the detail's switch is not
+ * drawn on them). A row already at the value is not sent.
+ *
+ * **One Undo for the batch**: the toast the single change has (§4.5, 8 s), naming how many
+ * changed; Undo puts EACH changed report back to what IT was — the selection may mix
+ * statuses — and only the reports that changed. A report whose PATCH failed (the
+ * mutation's `onError` toasts the server's sentence, as for a single change) is not in the
+ * Undo, and STAYS SELECTED, so the next press retries exactly those; the bar's count says
+ * how many.
+ */
+/** Which bulk change: the {@link FeedbackDetailPatch} key it sends. */
+type BulkField = NonNullable<FeedbackInboxBulk<FeedbackRecord>["pending"]>;
+/** How many PATCHes a bulk change keeps in flight. Each one is a full update on the
+ *  server, with its rules, so a trickle rather than a burst of 20, and still about a second
+ *  for the 20 rather than the 20 round trips back to back a plain loop would take.
+ *
+ * @internal Not part of `/feedback` or the barrel. */
+export declare const FEEDBACK_BULK_CONCURRENCY = 3;
+/**
+ * The selected rows a bulk change would actually SEND — those not at the value already
+ * (and, for the flag, those that can carry it). The bar disables a choice that would send
+ * nothing; the change sends exactly these.
+ *
+ * @internal Not part of `/feedback` or the barrel.
+ */
+export declare function feedbackBulkTargets<T extends FeedbackRecord>(rows: readonly T[], field: BulkField, value: FeedbackStatus | FeedbackCategory | boolean): T[];
+/**
+ * The selection and the bulk changes, for {@link useFeedbackInbox}: the table's `selection`
+ * and `inbox.bulk`, both `undefined` while `on` is false (not the admin inbox, or the app's
+ * `selectable={false}`).
+ *
+ * @internal Not part of `/feedback` or the barrel.
+ */
+export declare function useFeedbackInboxBulk<T extends FeedbackRecord>({ on, rows: shown, update, publicSwitch, labels, }: {
+    on: boolean;
+    /** The rows the inbox hands its table (newest first, behind the awaiting toggle). */
+    rows: readonly T[];
+    update: FeedbackDetailUpdateAsync;
+    publicSwitch: boolean;
+    labels?: LabelOverride<FeedbackPageLabels>;
+}): {
+    bulk?: FeedbackInboxBulk<T>;
+    selection?: DataTableProps<T>["selection"];
+};
+/**
+ * The inbox's bulk bar: the count, Clear, and Set status / Set category / Visibility, each
+ * a list of the values — the statuses in chain order with their glyphs, the categories
+ * less CRASH, on and off. Rendered unconditionally, as `BulkActionBar` asks.
+ *
+ * On a desktop the strip is OPEN from the start, at "0 selected" with its lists waiting:
+ * it sits in the flow above the table, so showing it with the first ticked row pushed every
+ * row down by its height — away from the pointer reaching for the next box — and clearing
+ * pulled them back up (the 0.57 screenshot check). On a phone the card floats over the page
+ * and moves nothing, so it still comes with the first selected card.
+ *
+ * @internal Drawn by {@link FeedbackInbox}; not part of `/feedback` or the barrel.
+ */
+export declare function FeedbackInboxBulkBar<T extends FeedbackRecord>({ bulk, commit, labels, }: {
+    bulk: FeedbackInboxBulk<T>;
+    /** The table's status writes' lock (`commit`): a bulk change is the same write. */
+    commit?: CommitScope;
+    labels?: LabelOverride<FeedbackPageLabels>;
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,316 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo, useRef, useState } from "react";
+import { CircleDot, Eye, EyeOff, Tag } from "lucide-react";
+import { BulkActionBar } from "../components/bulk-action-bar.js";
+import { Button } from "../components/button.js";
+import { Popover } from "../components/popover.js";
+import { useBreakpoint } from "../hooks/use-breakpoint.js";
+import { toast } from "../components/toast.js";
+import { useFeedbackCategoryLabels, useFeedbackStatusLabels, useFeedbackToastLabels } from "./feedback-labels.js";
+import { FEEDBACK_UNDO_DURATION } from "./feedback-status-undo.js";
+import { useFeedbackPageLabels } from "./feedback-table.js";
+import {
+  FEEDBACK_CATEGORY_META,
+  FEEDBACK_CATEGORY_ORDER,
+  FEEDBACK_STATUS_META,
+  FEEDBACK_STATUS_ORDER
+} from "./feedback-vocabulary.js";
+const FEEDBACK_BULK_CONCURRENCY = 3;
+const MOVABLE_CATEGORIES = FEEDBACK_CATEGORY_ORDER.filter((category) => category !== "CRASH");
+const canBePublic = (row) => row.category !== "CRASH" && row.public != null;
+function feedbackBulkTargets(rows, field, value) {
+  switch (field) {
+    case "status":
+      return rows.filter((row) => row.status !== value);
+    case "category":
+      return rows.filter((row) => row.category !== value);
+    case "public":
+      return rows.filter((row) => canBePublic(row) && row.public !== value);
+  }
+}
+async function eachPatch(call, patches) {
+  const landed = patches.map(() => false);
+  let next = 0;
+  const worker = async () => {
+    while (next < patches.length) {
+      const at = next++;
+      try {
+        await call(patches[at]);
+        landed[at] = true;
+      } catch {
+      }
+    }
+  };
+  await Promise.all(Array.from({ length: Math.min(FEEDBACK_BULK_CONCURRENCY, patches.length) }, worker));
+  return landed;
+}
+const without = (set, ids) => {
+  const next = new Set(set);
+  let changed = false;
+  for (const id of ids) changed = next.delete(id) || changed;
+  return changed ? next : set;
+};
+function useFeedbackInboxBulk({
+  on,
+  rows: shown,
+  update,
+  publicSwitch,
+  labels
+}) {
+  const words = useFeedbackPageLabels(labels);
+  const toastWords = useFeedbackToastLabels();
+  const statusNames = useFeedbackStatusLabels();
+  const categoryNames = useFeedbackCategoryLabels();
+  const [picked, setPicked] = useState(() => /* @__PURE__ */ new Set());
+  const [filteredIds, setFilteredIds] = useState(null);
+  const [pending, setPending] = useState(null);
+  const running = useRef(false);
+  const visible = useMemo(
+    () => filteredIds ? shown.filter((row) => filteredIds.has(row.id)) : shown,
+    [shown, filteredIds]
+  );
+  const rows = useMemo(() => visible.filter((row) => picked.has(row.id)), [visible, picked]);
+  if (!on) return {};
+  const toggle = (many, checked) => setPicked((prev) => {
+    const next = new Set(prev);
+    for (const row of many) {
+      if (checked) next.add(row.id);
+      else next.delete(row.id);
+    }
+    return next;
+  });
+  const run = async (field, name, targets, to, back) => {
+    if (running.current || targets.length === 0) return;
+    running.current = true;
+    setPending(field);
+    try {
+      const landed = await eachPatch(update, targets.map(to));
+      const changed = targets.filter((_, at) => landed[at]);
+      const failed = targets.length - changed.length;
+      setPicked(
+        (prev) => without(
+          prev,
+          changed.map((row) => row.id)
+        )
+      );
+      if (changed.length > 0) {
+        toast.undo(words.bulkChanged(changed.length, name), {
+          label: toastWords.statusUndo,
+          duration: FEEDBACK_UNDO_DURATION,
+          // Each report back to what IT was, at the press: `back` reads the row as the
+          // batch found it. Only the ones that changed.
+          onUndo: () => void restore(changed.map(back))
+        });
+      }
+      if (failed > 0) toast.error(words.bulkFailed(failed));
+    } finally {
+      running.current = false;
+      setPending(null);
+    }
+  };
+  const restore = async (patches) => {
+    const landed = await eachPatch(update, patches);
+    const restored = landed.filter(Boolean).length;
+    if (restored > 0) toast.success(words.bulkRestored(restored));
+    if (restored < patches.length) toast.error(words.bulkRestoreFailed(patches.length - restored));
+  };
+  const bulk = {
+    rows,
+    clear: () => setPicked(/* @__PURE__ */ new Set()),
+    setStatus: (status) => run(
+      "status",
+      statusNames[status] ?? status,
+      feedbackBulkTargets(rows, "status", status),
+      (row) => ({ id: row.id, status }),
+      (row) => ({ id: row.id, status: row.status })
+    ),
+    setCategory: (category) => category === "CRASH" ? Promise.resolve() : run(
+      "category",
+      categoryNames[category] ?? category,
+      feedbackBulkTargets(rows, "category", category),
+      (row) => ({ id: row.id, category }),
+      (row) => ({ id: row.id, category: row.category })
+    ),
+    setPublic: publicSwitch ? (next) => run(
+      "public",
+      next ? words.bulkPublicOn : words.bulkPublicOff,
+      feedbackBulkTargets(rows, "public", next),
+      (row) => ({ id: row.id, public: next }),
+      (row) => ({ id: row.id, public: row.public === true })
+    ) : void 0,
+    pending
+  };
+  const selection = {
+    isSelected: (row) => picked.has(row.id),
+    onToggle: (row, checked) => toggle([row], checked),
+    onToggleMany: (many, checked) => toggle(many, checked),
+    // "All" is what the admin can see: the table's filters and the awaiting toggle
+    // applied, every page — never a row a filter hides.
+    allSelected: visible.length > 0 && rows.length === visible.length,
+    someSelected: rows.length > 0 && rows.length < visible.length,
+    onToggleAll: (checked) => checked ? toggle(visible, true) : setPicked(/* @__PURE__ */ new Set()),
+    onFilteredRowsChange: (filtered) => {
+      const ids = new Set(filtered.map((row) => row.id));
+      setFilteredIds(ids);
+      setPicked(
+        (prev) => without(
+          prev,
+          [...prev].filter((id) => !ids.has(id))
+        )
+      );
+    }
+  };
+  return { bulk, selection };
+}
+const BAR_VARIANT = { base: "floating", md: "sticky" };
+function BulkChoiceMenu({
+  label,
+  icon: Icon,
+  choices,
+  empty,
+  busy,
+  running,
+  commit
+}) {
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      "aria-label": label,
+      width: "16rem",
+      className: "p-1",
+      trigger: ({ open, toggle, ref }) => /* @__PURE__ */ jsxs(
+        Button,
+        {
+          ref,
+          variant: "secondary",
+          size: "sm",
+          "aria-haspopup": "dialog",
+          "aria-expanded": open,
+          pending: running,
+          disabled: empty || busy && !running,
+          commit,
+          onClick: toggle,
+          children: [
+            /* @__PURE__ */ jsx(Icon, { className: "size-4", "aria-hidden": true }),
+            label
+          ]
+        }
+      ),
+      children: (close) => /* @__PURE__ */ jsx("ul", { className: "space-y-0.5", children: choices.map(({ key, label: choice, icon: ChoiceIcon, sends, pick }) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          className: "w-full justify-start text-start",
+          disabled: !sends,
+          commit,
+          onClick: () => {
+            close();
+            void pick();
+          },
+          children: [
+            /* @__PURE__ */ jsx(ChoiceIcon, { className: "size-4", "aria-hidden": true }),
+            choice
+          ]
+        }
+      ) }, key)) })
+    }
+  );
+}
+function FeedbackInboxBulkBar({
+  bulk,
+  commit,
+  labels
+}) {
+  const words = useFeedbackPageLabels(labels);
+  const statusNames = useFeedbackStatusLabels();
+  const categoryNames = useFeedbackCategoryLabels();
+  const { rows, pending, setPublic } = bulk;
+  const busy = pending !== null;
+  const empty = rows.length === 0;
+  const desktop = useBreakpoint("md");
+  const sends = (field, value) => feedbackBulkTargets(rows, field, value).length > 0;
+  return /* @__PURE__ */ jsxs(
+    BulkActionBar,
+    {
+      count: rows.length,
+      open: desktop || void 0,
+      onClear: bulk.clear,
+      variant: BAR_VARIANT,
+      className: "md:shrink-0",
+      children: [
+        /* @__PURE__ */ jsx(
+          BulkChoiceMenu,
+          {
+            label: words.bulkStatus,
+            icon: CircleDot,
+            empty,
+            busy,
+            running: pending === "status",
+            commit,
+            choices: FEEDBACK_STATUS_ORDER.map((status) => ({
+              key: status,
+              label: statusNames[status],
+              icon: FEEDBACK_STATUS_META[status].icon,
+              sends: sends("status", status),
+              pick: () => bulk.setStatus(status)
+            }))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          BulkChoiceMenu,
+          {
+            label: words.bulkCategory,
+            icon: Tag,
+            empty,
+            busy,
+            running: pending === "category",
+            commit,
+            choices: MOVABLE_CATEGORIES.map((category) => ({
+              key: category,
+              label: categoryNames[category],
+              icon: FEEDBACK_CATEGORY_META[category].icon,
+              sends: sends("category", category),
+              pick: () => bulk.setCategory(category)
+            }))
+          }
+        ),
+        setPublic && /* @__PURE__ */ jsx(
+          BulkChoiceMenu,
+          {
+            label: words.bulkVisibility,
+            icon: Eye,
+            empty,
+            busy,
+            running: pending === "public",
+            commit,
+            choices: [
+              {
+                key: "on",
+                label: words.bulkPublicOn,
+                icon: Eye,
+                sends: sends("public", true),
+                pick: () => setPublic(true)
+              },
+              {
+                key: "off",
+                label: words.bulkPublicOff,
+                icon: EyeOff,
+                sends: sends("public", false),
+                pick: () => setPublic(false)
+              }
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  FEEDBACK_BULK_CONCURRENCY,
+  FeedbackInboxBulkBar,
+  feedbackBulkTargets,
+  useFeedbackInboxBulk
+};
+//# sourceMappingURL=feedback-inbox-bulk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-inbox-bulk.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from \"react\";\nimport type { LucideIcon } from \"lucide-react\";\nimport { CircleDot, Eye, EyeOff, Tag } from \"lucide-react\";\nimport { BulkActionBar, type ResponsiveBulkActionBarVariant } from \"../components/bulk-action-bar\";\nimport { Button } from \"../components/button\";\nimport type { DataTableProps } from \"../components/data-table\";\nimport { Popover } from \"../components/popover\";\nimport { useBreakpoint } from \"../hooks/use-breakpoint\";\nimport { toast } from \"../components/toast\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport type { LabelOverride } from \"../i18n/kit-labels\";\nimport { useFeedbackCategoryLabels, useFeedbackStatusLabels, useFeedbackToastLabels } from \"./feedback-labels\";\nimport type { FeedbackRecord } from \"./feedback-record\";\nimport type { FeedbackDetailPatch, FeedbackDetailUpdateAsync } from \"./feedback-row-detail\";\n// A type, declared beside the inbox's other public types (the README lists it there); the\n// page imports this module's runtime, so only the type goes this way.\nimport type { FeedbackInboxBulk } from \"./feedback-inbox-page\";\nimport { FEEDBACK_UNDO_DURATION } from \"./feedback-status-undo\";\nimport { useFeedbackPageLabels, type FeedbackPageLabels } from \"./feedback-table\";\nimport {\n  FEEDBACK_CATEGORY_META,\n  FEEDBACK_CATEGORY_ORDER,\n  FEEDBACK_STATUS_META,\n  FEEDBACK_STATUS_ORDER,\n  type FeedbackCategory,\n  type FeedbackStatus,\n} from \"./feedback-vocabulary\";\n\n/**\n * The inbox's multi-select and bulk edit (0.57, keksdose dev #663 — Marcel: *\"I want to\n * have multiselect and bulk edit (back) for the feedback table\"*; docs/feedback-harmonization.md\n * §13.6). The inbox the kit assembles (0.55, §13) had no selection at all, so an admin\n * changed a dozen stale reports one row at a time.\n *\n * **No bulk endpoint, on purpose.** keksdose has none, and none of the three needs one:\n * each report's change has to pass the server's own rules for that report (§3.4), so the bar\n * loops the page's ONE `update` mutation — `PATCH /feedback/{id}` per report — exactly as a\n * tap on the status cell does. An app gets the bulk edit with no wiring of its own. It\n * notifies nobody, its Undo neither: a status, a category or the visibility alone tells no\n * one (decision 13, §9.11); only a reply or a comment does, and the bar writes neither.\n *\n * What it changes: the **status**, the **category** (never to CRASH — §3.4 answers 422;\n * CRASH → BUG is an ordinary admin edit) and, with the inbox's `publicSwitch`, **Visible to\n * others** (§9.3; a CRASH is private whatever its flag, and a row without `public` comes\n * from a server without public parts — both are left alone, as the detail's switch is not\n * drawn on them). A row already at the value is not sent.\n *\n * **One Undo for the batch**: the toast the single change has (§4.5, 8 s), naming how many\n * changed; Undo puts EACH changed report back to what IT was — the selection may mix\n * statuses — and only the reports that changed. A report whose PATCH failed (the\n * mutation's `onError` toasts the server's sentence, as for a single change) is not in the\n * Undo, and STAYS SELECTED, so the next press retries exactly those; the bar's count says\n * how many.\n */\n\n/** Which bulk change: the {@link FeedbackDetailPatch} key it sends. */\ntype BulkField = NonNullable<FeedbackInboxBulk<FeedbackRecord>[\"pending\"]>;\n\n/** How many PATCHes a bulk change keeps in flight. Each one is a full update on the\n *  server, with its rules, so a trickle rather than a burst of 20, and still about a second\n *  for the 20 rather than the 20 round trips back to back a plain loop would take.\n *\n * @internal Not part of `/feedback` or the barrel. */\nexport const FEEDBACK_BULK_CONCURRENCY = 3;\n\n/** The categories a report can be MOVED to — the vocabulary less CRASH, which is filed by\n *  the crash reporter only (§3.4: re-labelling to CRASH is a 422). */\nconst MOVABLE_CATEGORIES = FEEDBACK_CATEGORY_ORDER.filter((category) => category !== \"CRASH\");\n\n/** A report that can carry Visible to others: the detail's switch's rule (§9.3). */\nconst canBePublic = (row: FeedbackRecord) => row.category !== \"CRASH\" && row.public != null;\n\n/**\n * The selected rows a bulk change would actually SEND — those not at the value already\n * (and, for the flag, those that can carry it). The bar disables a choice that would send\n * nothing; the change sends exactly these.\n *\n * @internal Not part of `/feedback` or the barrel.\n */\nexport function feedbackBulkTargets<T extends FeedbackRecord>(\n  rows: readonly T[],\n  field: BulkField,\n  value: FeedbackStatus | FeedbackCategory | boolean,\n): T[] {\n  switch (field) {\n    case \"status\":\n      return rows.filter((row) => row.status !== value);\n    case \"category\":\n      return rows.filter((row) => row.category !== value);\n    case \"public\":\n      return rows.filter((row) => canBePublic(row) && row.public !== value);\n  }\n}\n\n/**\n * Each patch through `call`, {@link FEEDBACK_BULK_CONCURRENCY} at a time, every one\n * answered before it resolves — and which of them landed, by index. A rejection is the\n * mutation's own to report (its `onError`), so it is only counted here.\n */\nasync function eachPatch(call: FeedbackDetailUpdateAsync, patches: readonly FeedbackDetailPatch[]) {\n  const landed = patches.map(() => false);\n  let next = 0;\n  const worker = async () => {\n    while (next < patches.length) {\n      const at = next++;\n      try {\n        await call(patches[at]);\n        landed[at] = true;\n      } catch {\n        // Counted, not reported: the mutation's `onError` has said why.\n      }\n    }\n  };\n  await Promise.all(Array.from({ length: Math.min(FEEDBACK_BULK_CONCURRENCY, patches.length) }, worker));\n  return landed;\n}\n\nconst without = (set: ReadonlySet<number>, ids: Iterable<number>): ReadonlySet<number> => {\n  const next = new Set(set);\n  let changed = false;\n  for (const id of ids) changed = next.delete(id) || changed;\n  return changed ? next : set;\n};\n\n/**\n * The selection and the bulk changes, for {@link useFeedbackInbox}: the table's `selection`\n * and `inbox.bulk`, both `undefined` while `on` is false (not the admin inbox, or the app's\n * `selectable={false}`).\n *\n * @internal Not part of `/feedback` or the barrel.\n */\nexport function useFeedbackInboxBulk<T extends FeedbackRecord>({\n  on,\n  rows: shown,\n  update,\n  publicSwitch,\n  labels,\n}: {\n  on: boolean;\n  /** The rows the inbox hands its table (newest first, behind the awaiting toggle). */\n  rows: readonly T[];\n  update: FeedbackDetailUpdateAsync;\n  publicSwitch: boolean;\n  labels?: LabelOverride<FeedbackPageLabels>;\n}): { bulk?: FeedbackInboxBulk<T>; selection?: DataTableProps<T>[\"selection\"] } {\n  const words = useFeedbackPageLabels(labels);\n  const toastWords = useFeedbackToastLabels();\n  const statusNames = useFeedbackStatusLabels();\n  const categoryNames = useFeedbackCategoryLabels();\n  const [picked, setPicked] = useState<ReadonlySet<number>>(() => new Set());\n  // The table's filtered set, as it reports it — `null` until its first report, when\n  // nothing the table shows is filtered yet.\n  const [filteredIds, setFilteredIds] = useState<ReadonlySet<number> | null>(null);\n  const [pending, setPending] = useState<BulkField | null>(null);\n  // Read at the press, not from the render: two presses in one frame start one change.\n  const running = useRef(false);\n\n  const visible = useMemo(\n    () => (filteredIds ? shown.filter((row) => filteredIds.has(row.id)) : shown),\n    [shown, filteredIds],\n  );\n  const rows = useMemo(() => visible.filter((row) => picked.has(row.id)), [visible, picked]);\n\n  if (!on) return {};\n\n  const toggle = (many: readonly T[], checked: boolean) =>\n    setPicked((prev) => {\n      const next = new Set(prev);\n      for (const row of many) {\n        if (checked) next.add(row.id);\n        else next.delete(row.id);\n      }\n      return next;\n    });\n\n  const run = async (\n    field: BulkField,\n    name: string,\n    targets: readonly T[],\n    to: (row: T) => FeedbackDetailPatch,\n    back: (row: T) => FeedbackDetailPatch,\n  ) => {\n    if (running.current || targets.length === 0) return;\n    running.current = true;\n    setPending(field);\n    try {\n      const landed = await eachPatch(update, targets.map(to));\n      const changed = targets.filter((_, at) => landed[at]);\n      const failed = targets.length - changed.length;\n      // What changed leaves the selection; what failed stays in it, ready to retry — and\n      // a row ticked while the batch was out stays too.\n      setPicked((prev) =>\n        without(\n          prev,\n          changed.map((row) => row.id),\n        ),\n      );\n      if (changed.length > 0) {\n        toast.undo(words.bulkChanged(changed.length, name), {\n          label: toastWords.statusUndo,\n          duration: FEEDBACK_UNDO_DURATION,\n          // Each report back to what IT was, at the press: `back` reads the row as the\n          // batch found it. Only the ones that changed.\n          onUndo: () => void restore(changed.map(back)),\n        });\n      }\n      if (failed > 0) toast.error(words.bulkFailed(failed));\n    } finally {\n      running.current = false;\n      setPending(null);\n    }\n  };\n\n  const restore = async (patches: readonly FeedbackDetailPatch[]) => {\n    const landed = await eachPatch(update, patches);\n    const restored = landed.filter(Boolean).length;\n    if (restored > 0) toast.success(words.bulkRestored(restored));\n    if (restored < patches.length) toast.error(words.bulkRestoreFailed(patches.length - restored));\n  };\n\n  const bulk: FeedbackInboxBulk<T> = {\n    rows,\n    clear: () => setPicked(new Set()),\n    setStatus: (status) =>\n      run(\n        \"status\",\n        statusNames[status] ?? status,\n        feedbackBulkTargets(rows, \"status\", status),\n        (row) => ({ id: row.id, status }),\n        (row) => ({ id: row.id, status: row.status }),\n      ),\n    setCategory: (category) =>\n      category === \"CRASH\"\n        ? Promise.resolve()\n        : run(\n            \"category\",\n            categoryNames[category] ?? category,\n            feedbackBulkTargets(rows, \"category\", category),\n            (row) => ({ id: row.id, category }),\n            (row) => ({ id: row.id, category: row.category }),\n          ),\n    setPublic: publicSwitch\n      ? (next) =>\n          run(\n            \"public\",\n            next ? words.bulkPublicOn : words.bulkPublicOff,\n            feedbackBulkTargets(rows, \"public\", next),\n            (row) => ({ id: row.id, public: next }),\n            (row) => ({ id: row.id, public: row.public === true }),\n          )\n      : undefined,\n    pending,\n  };\n\n  const selection: NonNullable<DataTableProps<T>[\"selection\"]> = {\n    isSelected: (row) => picked.has(row.id),\n    onToggle: (row, checked) => toggle([row], checked),\n    onToggleMany: (many, checked) => toggle(many, checked),\n    // \"All\" is what the admin can see: the table's filters and the awaiting toggle\n    // applied, every page — never a row a filter hides.\n    allSelected: visible.length > 0 && rows.length === visible.length,\n    someSelected: rows.length > 0 && rows.length < visible.length,\n    onToggleAll: (checked) => (checked ? toggle(visible, true) : setPicked(new Set())),\n    onFilteredRowsChange: (filtered) => {\n      const ids = new Set(filtered.map((row) => row.id));\n      setFilteredIds(ids);\n      // A selection a new filter hides would be acted on unseen — the rule\n      // TranslationReviewPanel keeps — so it leaves the selection.\n      setPicked((prev) =>\n        without(\n          prev,\n          [...prev].filter((id) => !ids.has(id)),\n        ),\n      );\n    },\n  };\n\n  return { bulk, selection };\n}\n\n/** The phone's floating card above the bottom nav, the desktop's tinted strip over the\n *  table — `BulkActionBar`'s responsive pair (keksdose's payees bar). */\nconst BAR_VARIANT: ResponsiveBulkActionBarVariant = { base: \"floating\", md: \"sticky\" };\n\ninterface BulkChoice {\n  key: string;\n  label: string;\n  icon: LucideIcon;\n  /** Some selected row would change: otherwise the choice is disabled. */\n  sends: boolean;\n  pick: () => Promise<void>;\n}\n\n/** One of the bar's buttons and the list it opens — RowActions' \"⋯\" menu, the kit's one\n *  popover of actions: a dialog-shaped panel of ghost buttons, closed by the pick. */\nfunction BulkChoiceMenu({\n  label,\n  icon: Icon,\n  choices,\n  empty,\n  busy,\n  running,\n  commit,\n}: {\n  label: string;\n  icon: LucideIcon;\n  choices: readonly BulkChoice[];\n  /** Nothing selected yet (the desktop's strip, shown from the start): the list waits. */\n  empty: boolean;\n  /** Some bulk change is out: no second one starts. */\n  busy: boolean;\n  /** This one is. */\n  running: boolean;\n  commit?: CommitScope;\n}) {\n  return (\n    <Popover\n      aria-label={label}\n      width=\"16rem\"\n      className=\"p-1\"\n      trigger={({ open, toggle, ref }) => (\n        <Button\n          ref={ref}\n          variant=\"secondary\"\n          size=\"sm\"\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          pending={running}\n          disabled={empty || (busy && !running)}\n          commit={commit}\n          onClick={toggle}\n        >\n          <Icon className=\"size-4\" aria-hidden />\n          {label}\n        </Button>\n      )}\n    >\n      {(close) => (\n        <ul className=\"space-y-0.5\">\n          {choices.map(({ key, label: choice, icon: ChoiceIcon, sends, pick }) => (\n            <li key={key}>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"w-full justify-start text-start\"\n                disabled={!sends}\n                commit={commit}\n                onClick={() => {\n                  close();\n                  void pick();\n                }}\n              >\n                <ChoiceIcon className=\"size-4\" aria-hidden />\n                {choice}\n              </Button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Popover>\n  );\n}\n\n/**\n * The inbox's bulk bar: the count, Clear, and Set status / Set category / Visibility, each\n * a list of the values — the statuses in chain order with their glyphs, the categories\n * less CRASH, on and off. Rendered unconditionally, as `BulkActionBar` asks.\n *\n * On a desktop the strip is OPEN from the start, at \"0 selected\" with its lists waiting:\n * it sits in the flow above the table, so showing it with the first ticked row pushed every\n * row down by its height — away from the pointer reaching for the next box — and clearing\n * pulled them back up (the 0.57 screenshot check). On a phone the card floats over the page\n * and moves nothing, so it still comes with the first selected card.\n *\n * @internal Drawn by {@link FeedbackInbox}; not part of `/feedback` or the barrel.\n */\nexport function FeedbackInboxBulkBar<T extends FeedbackRecord>({\n  bulk,\n  commit,\n  labels,\n}: {\n  bulk: FeedbackInboxBulk<T>;\n  /** The table's status writes' lock (`commit`): a bulk change is the same write. */\n  commit?: CommitScope;\n  labels?: LabelOverride<FeedbackPageLabels>;\n}) {\n  const words = useFeedbackPageLabels(labels);\n  const statusNames = useFeedbackStatusLabels();\n  const categoryNames = useFeedbackCategoryLabels();\n  const { rows, pending, setPublic } = bulk;\n  const busy = pending !== null;\n  const empty = rows.length === 0;\n  const desktop = useBreakpoint(\"md\");\n  const sends = (field: BulkField, value: FeedbackStatus | FeedbackCategory | boolean) =>\n    feedbackBulkTargets(rows, field, value).length > 0;\n  return (\n    <BulkActionBar\n      count={rows.length}\n      open={desktop || undefined}\n      onClear={bulk.clear}\n      variant={BAR_VARIANT}\n      className=\"md:shrink-0\"\n    >\n      <BulkChoiceMenu\n        label={words.bulkStatus}\n        icon={CircleDot}\n        empty={empty}\n        busy={busy}\n        running={pending === \"status\"}\n        commit={commit}\n        choices={FEEDBACK_STATUS_ORDER.map((status) => ({\n          key: status,\n          label: statusNames[status],\n          icon: FEEDBACK_STATUS_META[status].icon,\n          sends: sends(\"status\", status),\n          pick: () => bulk.setStatus(status),\n        }))}\n      />\n      <BulkChoiceMenu\n        label={words.bulkCategory}\n        icon={Tag}\n        empty={empty}\n        busy={busy}\n        running={pending === \"category\"}\n        commit={commit}\n        choices={MOVABLE_CATEGORIES.map((category) => ({\n          key: category,\n          label: categoryNames[category],\n          icon: FEEDBACK_CATEGORY_META[category].icon,\n          sends: sends(\"category\", category),\n          pick: () => bulk.setCategory(category),\n        }))}\n      />\n      {setPublic && (\n        <BulkChoiceMenu\n          label={words.bulkVisibility}\n          icon={Eye}\n          empty={empty}\n          busy={busy}\n          running={pending === \"public\"}\n          commit={commit}\n          choices={[\n            {\n              key: \"on\",\n              label: words.bulkPublicOn,\n              icon: Eye,\n              sends: sends(\"public\", true),\n              pick: () => setPublic(true),\n            },\n            {\n              key: \"off\",\n              label: words.bulkPublicOff,\n              icon: EyeOff,\n              sends: sends(\"public\", false),\n              pick: () => setPublic(false),\n            },\n          ]}\n        />\n      )}\n    </BulkActionBar>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -9,7 +9,7 @@ import { type FeedbackDetailPatch, type FeedbackRowDetailProps, type FeedbackUpl
 import { type FeedbackStatusChange } from "./feedback-status-undo.js";
 import { type FeedbackSwipeBinding } from "./feedback-swipe.js";
 import { type FeedbackPageLabels, type FeedbackRenderDate } from "./feedback-table.js";
-import type { FeedbackStatus } from "./feedback-vocabulary.js";
+import type { FeedbackCategory, FeedbackStatus } from "./feedback-vocabulary.js";
 /**
  * The feedback inbox, ASSEMBLED ONCE (0.55; kastlan reuse audit 2026-11-02, proposal 2;
  * docs/feedback-harmonization.md §13).
@@ -37,6 +37,11 @@ import type { FeedbackStatus } from "./feedback-vocabulary.js";
  *
  * Additive: every part it is built from stays exported and unchanged, for a page that
  * wants its own layout — call the hook and spread `inbox.table` into a `DataTable`.
+ *
+ * 0.57 (keksdose dev #663): the admin's multi-select and bulk edit — the table's boxes (on
+ * the phone, the long press), and a bulk bar that sets the selected reports' status,
+ * category or visibility through the same `update`, one PATCH per report, with one Undo
+ * (feedback-inbox-bulk.tsx, §13.6).
  */
 /**
  * One of the page's mutations, as the inbox calls it: **TanStack Query's `useMutation`
@@ -166,6 +171,41 @@ export interface UseFeedbackInboxOptions<T extends FeedbackRecord> {
     /** Over the `feedbackPage` namespace: the columns, the card, the empty state, the toggle
      *  and the title. Keep it stable: it is a memo's dependency. */
     labels?: LabelOverride<FeedbackPageLabels>;
+    /**
+     * The admin's multi-select and bulk edit (0.57, keksdose dev #663; §13.6): a box per row
+     * and a select-all on the desktop, the long press on the phone (swipes rest while
+     * selecting), and a bulk bar that sets the selected reports' status, category or — with
+     * {@link publicSwitch} — visibility through {@link update}, one PATCH per report, with
+     * one Undo. **On** wherever the inbox is editable (the admin, not `/my-feedback`);
+     * `false` for none. Nothing to wire: it is the page's own mutation.
+     */
+    selectable?: boolean;
+}
+/**
+ * The admin's selection and its bulk changes (0.57, keksdose dev #663; §13.6) —
+ * `inbox.bulk`, which {@link FeedbackInbox} draws as its bulk bar (feedback-inbox-bulk.tsx).
+ * For a page that lays the parts out itself, what its own `BulkActionBar` needs. Every
+ * change is {@link UseFeedbackInboxOptions.update}, once per report.
+ */
+export interface FeedbackInboxBulk<T extends FeedbackRecord> {
+    /** The selected reports the admin can SEE — the table's filters and the awaiting toggle
+     *  applied, in the order the inbox lists them: what the bar counts and a change acts
+     *  on. A selected row a filter hides drops out of the selection. */
+    rows: readonly T[];
+    /** Empty the selection (the bar's Clear). */
+    clear: () => void;
+    /** Set every selected report's status: one `update` per report not there yet, one Undo
+     *  toast for those that changed — each back to its own status. Resolves when every
+     *  PATCH has answered; a report whose PATCH failed stays selected. */
+    setStatus: (status: FeedbackStatus) => Promise<void>;
+    /** The same for the category. Never CRASH (§3.4: a 422) — ignored. */
+    setCategory: (category: FeedbackCategory) => Promise<void>;
+    /** The same for **Visible to others** — with {@link UseFeedbackInboxOptions.publicSwitch}
+     *  only. A CRASH and a row without `public` are left as they are (§9.3). */
+    setPublic?: (next: boolean) => Promise<void>;
+    /** The bulk change in flight, or `null`. One at a time: a press while one is out is
+     *  ignored. */
+    pending: "status" | "category" | "public" | null;
 }
 /** What {@link useFeedbackInbox} returns: the state, and the props of the parts. */
 export interface FeedbackInboxState<T extends FeedbackRecord> {
@@ -194,8 +234,12 @@ export interface FeedbackInboxState<T extends FeedbackRecord> {
     /** `DataTable`'s props, ready to spread: the rows (newest first, narrowed by
      *  `awaiting`), the columns, the open row, the detail, the phone's card, day headers and
      *  swipes, the desktop's actions column, the empty state, `urlSync`,
-     *  `storageKey="feedback"`, `fillHeight`. */
+     *  `storageKey="feedback"`, `fillHeight` — and, with {@link bulk}, the `selection`. */
     table: DataTableProps<T>;
+    /** 0.57: the selection and the bulk changes — present where the inbox is editable and
+     *  `selectable` (the default). {@link FeedbackInbox} draws them as its bulk bar; a page
+     *  of its own draws a `BulkActionBar` from them. */
+    bulk?: FeedbackInboxBulk<T>;
 }
 /**
  * The inbox's wiring, once (§13): from the app's rows and mutations to what the table,
@@ -211,7 +255,7 @@ export interface FeedbackInboxState<T extends FeedbackRecord> {
  * {@link FeedbackInbox} is this hook drawn — use the hook alone for a layout of your own.
  * Needs a react-router Router (`?row=`, `urlSync`).
  */
-export declare function useFeedbackInbox<T extends FeedbackRecord>({ rows, mine, canEdit, viewerId, update, reply, rework, publicSwitch, votes, comments, renderDetail, columns: ownColumns, swipe, commit, onUpload, fetcher, onCaptureScreenshot, renderDate: renderDateProp, pageLinkExclude, loading, detail, labels, }: UseFeedbackInboxOptions<T>): FeedbackInboxState<T>;
+export declare function useFeedbackInbox<T extends FeedbackRecord>({ rows, mine, canEdit, viewerId, update, reply, rework, publicSwitch, votes, comments, renderDetail, columns: ownColumns, swipe, commit, onUpload, fetcher, onCaptureScreenshot, renderDate: renderDateProp, pageLinkExclude, loading, detail, labels, selectable, }: UseFeedbackInboxOptions<T>): FeedbackInboxState<T>;
 export interface FeedbackInboxProps<T extends FeedbackRecord> extends UseFeedbackInboxOptions<T> {
     /**
      * Above the table. Default: `<PageHeader title={title} className="mb-4 md:shrink-0" />`.

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

@@ -10,6 +10,7 @@ import { PageHeader } from "../components/page-header.js";
 import { useSearchParamState } from "../hooks/use-search-param-state.js";
 import { FILL_HEIGHT_CLASS } from "../shell/fill-height.js";
 import { captureAppScreenshot } from "./feedback-capture.js";
+import { FeedbackInboxBulkBar, useFeedbackInboxBulk } from "./feedback-inbox-bulk.js";
 import { useFeedbackStatusLabels } from "./feedback-labels.js";
 import { runMutation } from "./feedback-mutation.js";
 import {
@@ -66,7 +67,8 @@ function useFeedbackInbox({
   pageLinkExclude,
   loading = false,
   detail,
-  labels
+  labels,
+  selectable = true
 }) {
   const editable = canEdit && !mine;
   const pageLabels = useFeedbackPageLabels(labels);
@@ -90,6 +92,13 @@ function useFeedbackInbox({
     () => (editable && awaiting ? rows.filter((row) => isFeedbackAwaiting(row.status)) : [...rows]).sort(newestFirst),
     [rows, editable, awaiting]
   );
+  const { bulk, selection } = useFeedbackInboxBulk({
+    on: editable && selectable,
+    rows: shown,
+    update: updateAsync,
+    publicSwitch,
+    labels
+  });
   const kitColumns = useFeedbackColumns({
     mine,
     canEdit,
@@ -161,7 +170,10 @@ function useFeedbackInbox({
     mobileSwipeActions: editable ? (row) => feedbackSwipePlan(swipe, row, { change: changeStatus, labels: statusLabels }) : void 0,
     // The swipes as the desktop's last column (0.46, keksdose dev#598), less what the
     // status cell already offers.
-    desktopSwipeActions: { omit: feedbackSwipeOmitShown, name: rowTitle, ...commit === void 0 ? {} : { commit } }
+    desktopSwipeActions: { omit: feedbackSwipeOmitShown, name: rowTitle, ...commit === void 0 ? {} : { commit } },
+    // The boxes, the select-all over what the filters keep, and the phone's long press —
+    // in whose mode DataTable rests the swipes (§13.6).
+    ...selection ? { selection } : {}
   };
   return {
     editable,
@@ -174,7 +186,8 @@ function useFeedbackInbox({
     setAwaiting,
     renderDate,
     detailProps,
-    table
+    table,
+    ...bulk ? { bulk } : {}
   };
 }
 function FeedbackInbox({
@@ -187,12 +200,14 @@ function FeedbackInbox({
   const inbox = useFeedbackInbox(options);
   const pageLabels = useFeedbackPageLabels(options.labels);
   const head = header === void 0 ? /* @__PURE__ */ jsx(PageHeader, { title: inbox.title, className: "mb-4 md:shrink-0" }) : typeof header === "function" ? header(inbox.title) : header;
+  const selecting = (inbox.bulk?.rows.length ?? 0) > 0;
   return (
     // A plain element on the way to the table carries the fill (page layout §1.3).
     /* @__PURE__ */ jsxs("div", { className: cn(FILL_HEIGHT_CLASS, className), "aria-busy": options.loading || void 0, "data-feedback-inbox": "", children: [
       head,
+      inbox.bulk && /* @__PURE__ */ jsx(FeedbackInboxBulkBar, { bulk: inbox.bulk, commit: options.commit, labels: options.labels }),
       /* @__PURE__ */ jsx(DataTable, { ...inbox.table, ...table }),
-      inbox.editable ? (
+      selecting ? null : inbox.editable ? (
         // The phone's floating action (keksdose feedback #58): only on the inbox — on
         // /my-feedback the author is not waiting on their own verdict.
         /* @__PURE__ */ jsx(FeedbackAwaitingToggle, { pressed: inbox.awaiting, onPressedChange: inbox.setAwaiting, labels: options.labels, children: phoneActions })