@eifi1/ui-kit 0.36.0 → 0.38.0

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

@@ -0,0 +1,80 @@
+import type { CommitScope } from "../components/write-lock.js";
+import { type LabelOverride } from "../i18n/kit-labels.js";
+import type { FeedbackComment, FeedbackReply } from "./feedback-public-types.js";
+import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels.js";
+/**
+ * A report's conversation as everyone who may read it sees it
+ * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's
+ * comments, each its own row, oldest first — merged by time, on the
+ * {@link FeedbackThread} look — and the box to add one.
+ *
+ * - **Replies** are drawn as staff posts with the status they set ("→ Done"); a reply
+ *   without an author is "Admin" (§9.7).
+ * - **Comments**: the viewer's own at the reading end ("You"); someone else's under the
+ *   first name the server sent, `null` as "A user" (§9.5, `feedbackPublic.anonymous`).
+ * - **Hidden** (§9.8): others see "Hidden by an admin" and no name, no text; the writer
+ *   sees their text with that line; the admin sees it struck through, with **Unhide**.
+ *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,
+ *   after a confirm (it is a hard delete). Nobody edits a comment.
+ * - **The composer** (1–4 000 characters, no files) only with `onComment`: left out for
+ *   a reader who may not write (a demo, a CRASH report — the app knows).
+ *
+ * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the
+ * viewer's needs the app's `ConfirmProvider` (each app mounts one already).
+ */
+/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is
+ *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */
+export interface FeedbackCommentsLabels {
+    /** The thread's accessible name. de-CH: "Kommentare" */
+    comments: string;
+    /** Nothing yet. de-CH: "Noch keine Kommentare" */
+    empty: string;
+    /** In place of a hidden comment. de-CH: "Von einem Admin ausgeblendet" */
+    hidden: string;
+    /** The admin's button. de-CH: "Ausblenden" */
+    hide: string;
+    /** The admin's button on a hidden comment. de-CH: "Einblenden" */
+    unhide: string;
+    /** The writer's button. de-CH: "Löschen" */
+    delete: string;
+    /** The confirm's question. de-CH: "Diesen Kommentar löschen?" */
+    deleteTitle: string;
+    /** The confirm's line. de-CH: "Er wird für alle entfernt. Das kann nicht rückgängig
+     *  gemacht werden." */
+    deleteBody: string;
+    /** The box's accessible name. de-CH: "Kommentar schreiben" */
+    field: string;
+    /** de-CH: "Kommentar schreiben…" */
+    placeholder: string;
+    /** The send button. de-CH: "Kommentieren" */
+    send: string;
+}
+export { DEFAULT_FEEDBACK_COMMENTS_LABELS };
+export interface FeedbackCommentThreadProps {
+    /** The report's replies (§9.7), oldest first. `[]` when it has none. */
+    replies: readonly FeedbackReply[];
+    /** `GET /feedback/{id}/comments`, oldest first. */
+    comments: readonly FeedbackComment[];
+    /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */
+    isAdmin: boolean;
+    /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it
+     *  resolves. Left out, no composer. */
+    onComment?: (body: string) => void | Promise<unknown>;
+    /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. Left out, no
+     *  Hide / Unhide. */
+    onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;
+    /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the
+     *  confirm. Left out, no Delete. */
+    onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;
+    /** A comment is being sent. */
+    pending?: boolean;
+    /** The comments are loading. */
+    loading?: boolean;
+    /** Comment, Hide and Delete COMMIT — see Button's `commit`. */
+    commit?: CommitScope;
+    /** "Now" for the relative times — pin it in tests and stories. */
+    now?: Date | number;
+    labels?: LabelOverride<FeedbackCommentsLabels>;
+    className?: string;
+}
+export declare function FeedbackCommentThread({ replies, comments, isAdmin, onComment, onHide, onDelete, pending, loading, commit, now, labels: labelsProp, className, }: FeedbackCommentThreadProps): import("react").JSX.Element;

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

@@ -0,0 +1,162 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EyeOff } from "lucide-react";
+import { Button } from "../components/button.js";
+import { useConfirm } from "../components/confirm-dialog.js";
+import { useKitLabels } from "../i18n/kit-labels.js";
+import { FeedbackStatusBadge } from "./feedback-inbox.js";
+import { DEFAULT_FEEDBACK_PUBLIC_LABELS } from "./feedback-public-labels.js";
+import { FEEDBACK_COMMENT_MAX } from "./feedback-record.js";
+import { useFeedbackRepliesLabels } from "./feedback-replies.js";
+import { ChatComposer, FeedbackThread } from "./feedback-thread.js";
+import { DEFAULT_FEEDBACK_COMMENTS_LABELS } from "./feedback-thread-parts-labels.js";
+const instant = (iso) => {
+  const ms = Date.parse(iso);
+  return Number.isNaN(ms) ? 0 : ms;
+};
+function FeedbackCommentThread({
+  replies,
+  comments,
+  isAdmin,
+  onComment,
+  onHide,
+  onDelete,
+  pending = false,
+  loading = false,
+  commit,
+  now,
+  labels: labelsProp,
+  className
+}) {
+  const labels = useKitLabels("feedbackComments", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);
+  const anonymous = useKitLabels("feedbackPublic", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;
+  const replyLabels = useFeedbackRepliesLabels();
+  const entries = [];
+  replies.forEach((reply, order) => {
+    entries.push({
+      at: instant(reply.created_at),
+      order,
+      message: {
+        id: `reply-${reply.id}`,
+        author: reply.author_name ?? replyLabels.admin,
+        createdAt: reply.created_at,
+        body: reply.body,
+        staff: true,
+        badge: reply.status_to ? /* @__PURE__ */ jsxs("span", { className: "inline-flex min-w-0 max-w-full flex-wrap items-center gap-1", "data-feedback-reply-status": reply.status_to, children: [
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: replyLabels.statusChanged }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, children: "\u2192" }),
+          /* @__PURE__ */ jsx(FeedbackStatusBadge, { status: reply.status_to })
+        ] }) : void 0
+      }
+    });
+  });
+  comments.forEach((comment, index) => {
+    const veiled = comment.hidden && !comment.mine && !isAdmin;
+    const actions = [];
+    if (comment.hidden) {
+      actions.push(
+        /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", "data-feedback-comment-hidden": "", children: [
+          /* @__PURE__ */ jsx(EyeOff, { className: "size-3", "aria-hidden": true }),
+          labels.hidden
+        ] }, "hidden")
+      );
+    }
+    if (isAdmin && onHide) {
+      actions.push(
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "link",
+            tone: "muted",
+            size: "sm",
+            commit,
+            onClick: () => void onHide(comment, !comment.hidden),
+            children: comment.hidden ? labels.unhide : labels.hide
+          },
+          "hide"
+        )
+      );
+    }
+    if (comment.mine && onDelete) {
+      actions.push(
+        /* @__PURE__ */ jsx(DeleteCommentButton, { comment, onDelete, commit, labels }, "delete")
+      );
+    }
+    entries.push({
+      at: instant(comment.created_at),
+      // Replies first on a tie, then the comments in their order.
+      order: replies.length + index,
+      message: {
+        id: `comment-${comment.id}`,
+        own: comment.mine,
+        author: veiled ? void 0 : comment.mine ? void 0 : comment.author_name ?? anonymous,
+        createdAt: comment.created_at,
+        body: veiled ? "" : comment.body ?? "",
+        staff: !veiled && comment.staff,
+        struck: comment.hidden && isAdmin && !veiled,
+        footer: actions.length > 0 ? actions : void 0
+      }
+    });
+  });
+  entries.sort((a, b) => a.at - b.at || a.order - b.order);
+  return /* @__PURE__ */ jsxs("div", { className, "data-feedback-comment-thread": "", children: [
+    /* @__PURE__ */ jsx(
+      FeedbackThread,
+      {
+        messages: entries.map((entry) => entry.message),
+        loading,
+        now,
+        labels: { thread: labels.comments, empty: labels.empty }
+      }
+    ),
+    onComment && /* @__PURE__ */ jsx(
+      ChatComposer,
+      {
+        className: "mt-3",
+        onSend: (body) => onComment(body),
+        pending,
+        commit,
+        maxLength: FEEDBACK_COMMENT_MAX,
+        showCount: true,
+        labels: { field: labels.field, placeholder: labels.placeholder, send: labels.send }
+      }
+    )
+  ] });
+}
+function DeleteCommentButton({
+  comment,
+  onDelete,
+  commit,
+  labels
+}) {
+  const confirm = useConfirm();
+  const remove = async () => {
+    const ok = await confirm({
+      title: labels.deleteTitle,
+      body: labels.deleteBody,
+      confirmLabel: labels.delete,
+      tone: "danger",
+      commit
+    });
+    if (ok) await onDelete(comment);
+  };
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "link",
+      tone: "danger",
+      size: "sm",
+      commit,
+      onClick: () => void remove().catch(() => {
+      }),
+      children: labels.delete
+    }
+  );
+}
+export {
+  DEFAULT_FEEDBACK_COMMENTS_LABELS,
+  FeedbackCommentThread
+};
+//# sourceMappingURL=feedback-comment-thread.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/feedback/feedback-comment-thread.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { EyeOff } from \"lucide-react\";\nimport { Button } from \"../components/button\";\nimport { useConfirm } from \"../components/confirm-dialog\";\nimport type { CommitScope } from \"../components/write-lock\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport { FeedbackStatusBadge } from \"./feedback-inbox\";\nimport type { FeedbackComment, FeedbackReply } from \"./feedback-public-types\";\nimport { DEFAULT_FEEDBACK_PUBLIC_LABELS } from \"./feedback-public-labels\";\nimport { FEEDBACK_COMMENT_MAX } from \"./feedback-record\";\nimport { useFeedbackRepliesLabels } from \"./feedback-replies\";\nimport { ChatComposer, FeedbackThread } from \"./feedback-thread\";\nimport type { FeedbackThreadMessage } from \"./feedback-thread\";\nimport { DEFAULT_FEEDBACK_COMMENTS_LABELS } from \"./feedback-thread-parts-labels\";\n\n/**\n * A report's conversation as everyone who may read it sees it\n * (docs/feedback-harmonization.md §9.8): the admin's replies and other people's\n * comments, each its own row, oldest first — merged by time, on the\n * {@link FeedbackThread} look — and the box to add one.\n *\n * - **Replies** are drawn as staff posts with the status they set (\"→ Done\"); a reply\n *   without an author is \"Admin\" (§9.7).\n * - **Comments**: the viewer's own at the reading end (\"You\"); someone else's under the\n *   first name the server sent, `null` as \"A user\" (§9.5, `feedbackPublic.anonymous`).\n * - **Hidden** (§9.8): others see \"Hidden by an admin\" and no name, no text; the writer\n *   sees their text with that line; the admin sees it struck through, with **Unhide**.\n *   An admin has **Hide** on every visible comment; the writer **Delete** on their own,\n *   after a confirm (it is a hard delete). Nobody edits a comment.\n * - **The composer** (1–4 000 characters, no files) only with `onComment`: left out for\n *   a reader who may not write (a demo, a CRASH report — the app knows).\n *\n * Delete asks through `useConfirm`, so a thread with `onDelete` and a comment of the\n * viewer's needs the app's `ConfirmProvider` (each app mounts one already).\n */\n\n/* ── Labels ───────────────────────────────────────────────────────────────── */\n\n/** The `feedbackComments` namespace of `<UiKitProvider labels>`. A `null` name is\n *  `feedbackPublic.anonymous`, the public pages' word, so the two say the same. */\nexport interface FeedbackCommentsLabels {\n  /** The thread's accessible name. de-CH: \"Kommentare\" */\n  comments: string;\n  /** Nothing yet. de-CH: \"Noch keine Kommentare\" */\n  empty: string;\n  /** In place of a hidden comment. de-CH: \"Von einem Admin ausgeblendet\" */\n  hidden: string;\n  /** The admin's button. de-CH: \"Ausblenden\" */\n  hide: string;\n  /** The admin's button on a hidden comment. de-CH: \"Einblenden\" */\n  unhide: string;\n  /** The writer's button. de-CH: \"Löschen\" */\n  delete: string;\n  /** The confirm's question. de-CH: \"Diesen Kommentar löschen?\" */\n  deleteTitle: string;\n  /** The confirm's line. de-CH: \"Er wird für alle entfernt. Das kann nicht rückgängig\n   *  gemacht werden.\" */\n  deleteBody: string;\n  /** The box's accessible name. de-CH: \"Kommentar schreiben\" */\n  field: string;\n  /** de-CH: \"Kommentar schreiben…\" */\n  placeholder: string;\n  /** The send button. de-CH: \"Kommentieren\" */\n  send: string;\n}\n\nexport { DEFAULT_FEEDBACK_COMMENTS_LABELS };\n\n/* ── The thread ───────────────────────────────────────────────────────────── */\n\nexport interface FeedbackCommentThreadProps {\n  /** The report's replies (§9.7), oldest first. `[]` when it has none. */\n  replies: readonly FeedbackReply[];\n  /** `GET /feedback/{id}/comments`, oldest first. */\n  comments: readonly FeedbackComment[];\n  /** The viewer is the app's admin: Hide / Unhide, the hidden text struck through. */\n  isAdmin: boolean;\n  /** `POST /feedback/{id}/comments`. Return the promise: the box clears when it\n   *  resolves. Left out, no composer. */\n  onComment?: (body: string) => void | Promise<unknown>;\n  /** `PATCH /feedback/{id}/comments/{comment_id} {hidden}` — the admin's. Left out, no\n   *  Hide / Unhide. */\n  onHide?: (comment: FeedbackComment, hidden: boolean) => void | Promise<unknown>;\n  /** `DELETE /feedback/{id}/comments/{comment_id}` — the writer's own, after the\n   *  confirm. Left out, no Delete. */\n  onDelete?: (comment: FeedbackComment) => void | Promise<unknown>;\n  /** A comment is being sent. */\n  pending?: boolean;\n  /** The comments are loading. */\n  loading?: boolean;\n  /** Comment, Hide and Delete COMMIT — see Button's `commit`. */\n  commit?: CommitScope;\n  /** \"Now\" for the relative times — pin it in tests and stories. */\n  now?: Date | number;\n  labels?: LabelOverride<FeedbackCommentsLabels>;\n  className?: string;\n}\n\ntype Entry = { at: number; order: number; message: FeedbackThreadMessage };\n\nconst instant = (iso: string) => {\n  const ms = Date.parse(iso);\n  return Number.isNaN(ms) ? 0 : ms;\n};\n\nexport function FeedbackCommentThread({\n  replies,\n  comments,\n  isAdmin,\n  onComment,\n  onHide,\n  onDelete,\n  pending = false,\n  loading = false,\n  commit,\n  now,\n  labels: labelsProp,\n  className,\n}: FeedbackCommentThreadProps) {\n  const labels = useKitLabels(\"feedbackComments\", DEFAULT_FEEDBACK_COMMENTS_LABELS, labelsProp);\n  const anonymous = useKitLabels(\"feedbackPublic\", DEFAULT_FEEDBACK_PUBLIC_LABELS).anonymous;\n  const replyLabels = useFeedbackRepliesLabels();\n\n  const entries: Entry[] = [];\n  replies.forEach((reply, order) => {\n    entries.push({\n      at: instant(reply.created_at),\n      order,\n      message: {\n        id: `reply-${reply.id}`,\n        author: reply.author_name ?? replyLabels.admin,\n        createdAt: reply.created_at,\n        body: reply.body,\n        staff: true,\n        badge: reply.status_to ? (\n          <span className=\"inline-flex min-w-0 max-w-full flex-wrap items-center gap-1\" data-feedback-reply-status={reply.status_to}>\n            <span className=\"sr-only\">{replyLabels.statusChanged}</span>\n            <span aria-hidden>→</span>\n            <FeedbackStatusBadge status={reply.status_to} />\n          </span>\n        ) : undefined,\n      },\n    });\n  });\n  comments.forEach((comment, index) => {\n    // Shown as hidden — no name, no text — to anyone but its writer and an admin.\n    const veiled = comment.hidden && !comment.mine && !isAdmin;\n    const actions: ReactNode[] = [];\n    if (comment.hidden) {\n      actions.push(\n        <span key=\"hidden\" className=\"inline-flex items-center gap-1\" data-feedback-comment-hidden=\"\">\n          <EyeOff className=\"size-3\" aria-hidden />\n          {labels.hidden}\n        </span>,\n      );\n    }\n    if (isAdmin && onHide) {\n      actions.push(\n        <Button\n          key=\"hide\"\n          type=\"button\"\n          variant=\"link\"\n          tone=\"muted\"\n          size=\"sm\"\n          commit={commit}\n          onClick={() => void onHide(comment, !comment.hidden)}\n        >\n          {comment.hidden ? labels.unhide : labels.hide}\n        </Button>,\n      );\n    }\n    if (comment.mine && onDelete) {\n      actions.push(\n        <DeleteCommentButton key=\"delete\" comment={comment} onDelete={onDelete} commit={commit} labels={labels} />,\n      );\n    }\n    entries.push({\n      at: instant(comment.created_at),\n      // Replies first on a tie, then the comments in their order.\n      order: replies.length + index,\n      message: {\n        id: `comment-${comment.id}`,\n        own: comment.mine,\n        author: veiled ? undefined : comment.mine ? undefined : (comment.author_name ?? anonymous),\n        createdAt: comment.created_at,\n        body: veiled ? \"\" : (comment.body ?? \"\"),\n        staff: !veiled && comment.staff,\n        struck: comment.hidden && isAdmin && !veiled,\n        footer: actions.length > 0 ? actions : undefined,\n      },\n    });\n  });\n  entries.sort((a, b) => a.at - b.at || a.order - b.order);\n\n  return (\n    <div className={className} data-feedback-comment-thread=\"\">\n      <FeedbackThread\n        messages={entries.map((entry) => entry.message)}\n        loading={loading}\n        now={now}\n        labels={{ thread: labels.comments, empty: labels.empty }}\n      />\n      {onComment && (\n        <ChatComposer\n          className=\"mt-3\"\n          onSend={(body) => onComment(body)}\n          pending={pending}\n          commit={commit}\n          maxLength={FEEDBACK_COMMENT_MAX}\n          showCount\n          labels={{ field: labels.field, placeholder: labels.placeholder, send: labels.send }}\n        />\n      )}\n    </div>\n  );\n}\n\n/** The writer's Delete: a confirm (danger tone, focus on Cancel), then `onDelete`. Its\n *  own component, so `useConfirm` — which needs a `ConfirmProvider` — is only called\n *  where there is something to delete. */\nfunction DeleteCommentButton({\n  comment,\n  onDelete,\n  commit,\n  labels,\n}: {\n  comment: FeedbackComment;\n  onDelete: (comment: FeedbackComment) => void | Promise<unknown>;\n  commit?: CommitScope;\n  labels: FeedbackCommentsLabels;\n}) {\n  const confirm = useConfirm();\n  const remove = async () => {\n    const ok = await confirm({\n      title: labels.deleteTitle,\n      body: labels.deleteBody,\n      confirmLabel: labels.delete,\n      tone: \"danger\",\n      commit,\n    });\n    if (ok) await onDelete(comment);\n  };\n  return (\n    <Button\n      type=\"button\"\n      variant=\"link\"\n      tone=\"danger\"\n      size=\"sm\"\n      commit={commit}\n      onClick={() => void remove().catch(() => {})}\n    >\n      {labels.delete}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -9,7 +9,8 @@ const DEFAULT_FEEDBACK_DIALOG_LABELS = {
   // The modifier as `form.submitShortcut` writes it: "⌘ Enter" on Apple, "Ctrl+Enter" elsewhere.
   submitHint: (apple) => apple ? "\u2318 Enter to send" : "Ctrl+Enter to send",
   cancel: "Cancel",
-  save: "Send"
+  save: "Send",
+  publicNotice: "Other users will see the title and text (never your screenshots or files)."
 };
 export {
   DEFAULT_FEEDBACK_DIALOG_LABELS

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-dialog-labels.ts"],"sourcesContent":["// The English words of ./feedback-dialog, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./feedback-dialog re-exports them.\n\nimport type { FeedbackDialogTextLabels } from \"./feedback-dialog\";\n\n/**\n * English. The feedback contract's wording (docs/feedback-harmonization.md §4.2, 0.27.0):\n * \"Send\", not keksdose's \"Save\", and the body asks \"What happened?\" (Marcel's two calls);\n * the rest is keksdose's. Since 0.27.0 `attachment`, the single-mode heading, is keksdose's\n * `feedback.attachment` **\"Attachment\"** (it said \"Screenshot\" over a button that says \"Add\n * attachment\" and a picker that may offer a PDF), and `submitHint` is keksdose's\n * **\"Ctrl+Enter to send\"** — \"⌘ Enter to send\" on Apple platforms, where the old\n * \"Ctrl/⌘ + Enter\" made every reader parse both. The `attachments=\"multiple\"` heading is\n * `feedbackAttachment.attachmentList` (\"Attachments\") and did not change.\n */\nexport const DEFAULT_FEEDBACK_DIALOG_LABELS: FeedbackDialogTextLabels = {\n  title: \"Send feedback\",\n  category: \"Category\",\n  subject: \"Subject\",\n  body: \"What happened?\",\n  bodyOptional: \"What happened? (optional)\",\n  attachment: \"Attachment\",\n  // The modifier as `form.submitShortcut` writes it: \"⌘ Enter\" on Apple, \"Ctrl+Enter\" elsewhere.\n  submitHint: (apple) => (apple ? \"⌘ Enter to send\" : \"Ctrl+Enter to send\"),\n  cancel: \"Cancel\",\n  save: \"Send\",\n};\n"],"mappings":";AAgBO,MAAM,iCAA2D;AAAA,EACtE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,EAEZ,YAAY,CAAC,UAAW,QAAQ,yBAAoB;AAAA,EACpD,QAAQ;AAAA,EACR,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-dialog-labels.ts"],"sourcesContent":["// The English words of ./feedback-dialog, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./feedback-dialog re-exports them.\n\nimport type { FeedbackDialogTextLabels } from \"./feedback-dialog\";\n\n/**\n * English. The feedback contract's wording (docs/feedback-harmonization.md §4.2, 0.27.0):\n * \"Send\", not keksdose's \"Save\", and the body asks \"What happened?\" (Marcel's two calls);\n * the rest is keksdose's. Since 0.27.0 `attachment`, the single-mode heading, is keksdose's\n * `feedback.attachment` **\"Attachment\"** (it said \"Screenshot\" over a button that says \"Add\n * attachment\" and a picker that may offer a PDF), and `submitHint` is keksdose's\n * **\"Ctrl+Enter to send\"** — \"⌘ Enter to send\" on Apple platforms, where the old\n * \"Ctrl/⌘ + Enter\" made every reader parse both. The `attachments=\"multiple\"` heading is\n * `feedbackAttachment.attachmentList` (\"Attachments\") and did not change.\n */\nexport const DEFAULT_FEEDBACK_DIALOG_LABELS: FeedbackDialogTextLabels = {\n  title: \"Send feedback\",\n  category: \"Category\",\n  subject: \"Subject\",\n  body: \"What happened?\",\n  bodyOptional: \"What happened? (optional)\",\n  attachment: \"Attachment\",\n  // The modifier as `form.submitShortcut` writes it: \"⌘ Enter\" on Apple, \"Ctrl+Enter\" elsewhere.\n  submitHint: (apple) => (apple ? \"⌘ Enter to send\" : \"Ctrl+Enter to send\"),\n  cancel: \"Cancel\",\n  save: \"Send\",\n  publicNotice: \"Other users will see the title and text (never your screenshots or files).\",\n};\n"],"mappings":";AAgBO,MAAM,iCAA2D;AAAA,EACtE,OAAO;AAAA,EACP,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAAA,EACd,YAAY;AAAA;AAAA,EAEZ,YAAY,CAAC,UAAW,QAAQ,yBAAoB;AAAA,EACpD,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,cAAc;AAChB;","names":[]}

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

@@ -73,6 +73,11 @@ export interface FeedbackDialogTextLabels {
     submitHint: FeedbackSubmitHint;
     cancel: string;
     save: string;
+    /** 0.38 (docs/feedback-harmonization.md §9.2 decision 6): the line under the body when
+     *  reports are public — `useFeedbackSubmit({ publicNotice: true })` shows it. Optional,
+     *  so a complete `UiKitLabels` typed before 0.38 still compiles. de-CH "Andere Personen
+     *  sehen Titel und Text (nie Ihre Screenshots oder Dateien)." */
+    publicNotice?: string;
 }
 export { DEFAULT_FEEDBACK_DIALOG_LABELS };
 export interface FeedbackSubmission {
@@ -136,6 +141,14 @@ interface FeedbackDialogBaseProps {
     /** The attachment field's `buttonSize` (0.25.0) — with {@link attachmentButtonVariant}.
      *  Default `"md"`; `"sm"` draws the paperclip and camera at 14px. */
     attachmentButtonSize?: ButtonSize;
+    /**
+     * A muted line under the body saying who will read it (0.38, docs/feedback-harmonization.md
+     * §9.2 decision 6) — the kit's sentence is `feedbackDialog.publicNotice`, "Other users
+     * will see the title and text (never your screenshots or files)", which
+     * `useFeedbackSubmit({ publicNotice: true })` passes. Attached to the body field with
+     * `aria-describedby`, so it is heard where the text is written. Left out: no line.
+     */
+    publicNotice?: ReactNode;
 }
 /** One attachment — a screenshot, a picked or a pasted image; a second replaces
  *  nothing, it has to wait for the first to be removed. The default. */

package/dist/feedback/feedback-dialog.js

@@ -1,6 +1,6 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useId, useState } from "react";
 import { Button } from "../components/button.js";
 import { Input } from "../components/input.js";
 import { Select } from "../components/select.js";
@@ -31,7 +31,8 @@ function FeedbackDialog(props) {
     onCaptureScreenshot,
     requireBody = true,
     attachmentButtonVariant,
-    attachmentButtonSize
+    attachmentButtonSize,
+    publicNotice
   } = props;
   const [title, setTitle] = useState("");
   const [body, setBody] = useState("");
@@ -39,6 +40,8 @@ function FeedbackDialog(props) {
   const [screenshot, setScreenshot] = useState(null);
   const [files, setFiles] = useState([]);
   const isMobile = usePhoneLayout();
+  const noticeId = useId();
+  const hasNotice = publicNotice !== void 0 && publicNotice !== null && publicNotice !== false && publicNotice !== "";
   const labels = useKitLabels("feedbackDialog", DEFAULT_FEEDBACK_DIALOG_LABELS, labelsProp);
   const attachmentText = useKitLabels("feedbackAttachment", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);
   const listHeading = labelsProp?.attachmentList ?? attachmentText.attachmentList ?? DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentList;
@@ -66,15 +69,20 @@ function FeedbackDialog(props) {
   if (!open) return null;
   const categoryField = /* @__PURE__ */ jsx(Select, { label: labels.category, value: category, onChange: (e) => onCategoryChange(e.target.value), children: categories.map((c) => /* @__PURE__ */ jsx("option", { value: c.value, children: c.label }, c.value)) });
   const subjectField = /* @__PURE__ */ jsx(Input, { label: labels.subject, value: title, onChange: (e) => setTitle(e.target.value), variant: "display" });
-  const bodyField = /* @__PURE__ */ jsx(
+  const bodyTextarea = /* @__PURE__ */ jsx(
     Textarea,
     {
       rows: 5,
       label: requireBody ? labels.body : labelsProp?.body ?? labels.bodyOptional ?? labels.body,
       value: body,
-      onChange: (e) => setBody(e.target.value)
+      onChange: (e) => setBody(e.target.value),
+      "aria-describedby": hasNotice ? noticeId : void 0
     }
   );
+  const bodyField = hasNotice ? /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    bodyTextarea,
+    /* @__PURE__ */ jsx("p", { id: noticeId, className: "text-xs text-muted", "data-feedback-public-notice": "", children: publicNotice })
+  ] }) : bodyTextarea;
   const fieldProps = {
     labels: attachmentLabels,
     accept: attachmentAccept,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-dialog.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Input } from \"../components/input\";\nimport { Select } from \"../components/select\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Modal } from \"../components/modal\";\nimport { isApplePlatform } from \"../hooks/use-hotkey\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport {\n  DEFAULT_ATTACHMENT_ACCEPT,\n  DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  DEFAULT_MAX_ATTACHMENT_BYTES,\n  FeedbackAttachmentField,\n  type FeedbackAttachmentError,\n  type FeedbackAttachmentErrorInfo,\n} from \"./feedback-attachment\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\n\nexport interface FeedbackCategoryOption {\n  value: string;\n  label: string;\n}\n\nexport interface FeedbackAttachmentLabels {\n  /** The heading over the field. Optional: a note editor puts the buttons\n   *  straight under its textarea, where a second heading is noise. */\n  attachment?: string;\n  attachmentAdd: string;\n  /** Label for the \"capture screenshot\" button. Optional — falls back to the provider's\n   *  `feedbackAttachment.attachmentCapture`, then English. */\n  attachmentCapture?: string;\n  /** The line under the attachment buttons saying a screenshot can be pasted\n   *  straight in. Optional — falls back to the provider's `feedbackAttachment`, then English. */\n  attachmentPaste?: string;\n  attachmentRemove: string;\n  /** `multiple` mode (0.15.5): the chip list's accessible name — and, in\n   *  `<FeedbackDialog attachments=\"multiple\">`, the heading over it (0.16.0). Optional,\n   *  as are the keys below — they fall back to the provider's `feedbackAttachment`,\n   *  then English. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): the screenshot slot's chip title, in place of its file name. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button, given the file's name. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown once `max` files are attached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0): the second line of a chip whose upload is still running. */\n  attachmentUploading?: string;\n}\n\nexport interface FeedbackDialogLabels extends FeedbackAttachmentLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  attachment: string;\n  /** See {@link FeedbackDialogTextLabels.submitHint}. */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n}\n\n/** The submit hint: a string, or the line for the platform (`apple`: Mac, iPhone, iPad). */\nexport type FeedbackSubmitHint = string | ((apple: boolean) => string);\n\n/**\n * The dialog's own strings — the `feedbackDialog` namespace of `<UiKitProvider\n * labels>` (0.12.0). The attachment keys are not repeated here: they are the\n * `feedbackAttachment` namespace's, which the field inside already reads.\n *\n * Before, every key was required at the call site, so each app restated ten strings\n * wherever it mounted the dialog (kastlan feedback-button.tsx built the object inline).\n */\nexport interface FeedbackDialogTextLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  /** The body's label when `requireBody={false}`: \"What happened? (optional)\".\n   *  Optional, so a complete `UiKitLabels` typed before 0.14.2 still compiles. */\n  bodyOptional?: string;\n  /** The heading over the attachment buttons. */\n  attachment: string;\n  /**\n   * The line beside the buttons naming the shortcut. Since 0.27.0 a function of the\n   * platform, like `form.submitShortcut`: `apple` is true on a Mac, iPhone or iPad, where\n   * the key is Cmd — \"⌘ Enter to send\" there, keksdose's \"Ctrl+Enter to send\" elsewhere\n   * (§7.12). A plain string is still taken and shown everywhere, as before 0.27.0.\n   */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n}\n\n// Defined in ./feedback-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DIALOG_LABELS };\n\nexport interface FeedbackSubmission {\n  title: string;\n  body: string;\n  category: string;\n  attachment: File | null;\n}\n\n/**\n * What `onSubmit` gets under `attachments=\"multiple\"` (0.15.5): the screenshot and\n * the picked/pasted files apart, because an app files them differently — keksdose\n * attaches the screenshot to the report and the photos as its evidence list. No\n * `attachment`: there is no one file it could name.\n */\nexport interface FeedbackMultipleSubmission {\n  title: string;\n  body: string;\n  category: string;\n  /** What `onCaptureScreenshot` returned, or `null` — at most one. */\n  screenshot: File | null;\n  /** Picked and pasted files, in the order they were added; at most `maxAttachments`. */\n  attachments: File[];\n}\n\ninterface FeedbackDialogBaseProps {\n  open: boolean;\n  onClose: () => void;\n  categories: FeedbackCategoryOption[];\n  category: string;\n  onCategoryChange: (value: string) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackDialog, feedbackAttachment }}>` >\n   *  English. Optional since 0.12.0; a whole `FeedbackDialogLabels` still fits. */\n  labels?: LabelOverride<FeedbackDialogLabels>;\n  submitting?: boolean;\n  contextSlot?: ReactNode;\n  attachmentAccept?: string[];\n  maxAttachmentBytes?: number;\n  /**\n   * Optional: capture a screenshot of the underlying app view and return it as a\n   * File. When provided, a \"Capture screenshot\" button is shown next to \"Add\n   * attachment\"; the returned file is fed through the same validation + preview.\n   */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /**\n   * `false`: a report with only a subject can be sent, and the body's label says it is\n   * optional (`bodyOptional`, unless `labels.body` is passed). Default `true`, the\n   * dialog's behaviour until 0.14.2 (keksdose K1: its backend takes title-only reports).\n   */\n  requireBody?: boolean;\n  /**\n   * The attachment field's add and capture buttons: its `buttonVariant` (0.25.0),\n   * Button's own `variant`. Default `\"secondary\"`, the look they always had.\n   *\n   * The field took `buttonVariant` / `buttonSize` in 0.24.0 (keksdose's support chat),\n   * but the dialog builds its field itself and passed neither, so a host that wanted\n   * quieter buttons here — a dialog that already ends in a row of Cancel / Send — had\n   * no way to say so short of rebuilding the dialog. Named after the dialog's other\n   * attachment options (`attachmentAccept`, `onAttachmentError`) and handed through\n   * unchanged, in both `attachments` modes.\n   */\n  attachmentButtonVariant?: ButtonVariant;\n  /** The attachment field's `buttonSize` (0.25.0) — with {@link attachmentButtonVariant}.\n   *  Default `\"md\"`; `\"sm\"` draws the paperclip and camera at 14px. */\n  attachmentButtonSize?: ButtonSize;\n}\n\n/** One attachment — a screenshot, a picked or a pasted image; a second replaces\n *  nothing, it has to wait for the first to be removed. The default. */\nexport interface FeedbackDialogSingleProps extends FeedbackDialogBaseProps {\n  attachments?: \"single\";\n  onSubmit: (data: FeedbackSubmission) => void | Promise<void>;\n  /** `info` (0.23.0) names the refused file and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onAttachmentError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  /** Multiple mode only — refused here rather than silently ignored. */\n  maxAttachments?: never;\n}\n\n/**\n * One screenshot plus up to `maxAttachments` picked or pasted files (0.15.5, keksdose\n * dev#578: \"pasted two photos, the second overwrote the first\"). The capture button is\n * offered while there is no screenshot yet; the add button while there is room.\n */\nexport interface FeedbackDialogMultipleProps extends FeedbackDialogBaseProps {\n  attachments: \"multiple\";\n  /** Default `DEFAULT_MAX_ATTACHMENTS` (5). The screenshot does not count. */\n  maxAttachments?: number;\n  onSubmit: (data: FeedbackMultipleSubmission) => void | Promise<void>;\n  /** `\"count\"`: more files arrived at once than there was room for; the surplus was\n   *  dropped. `info` (0.23.0) names the refused file(s) and the limit. */\n  onAttachmentError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n}\n\nexport type FeedbackDialogProps = FeedbackDialogSingleProps | FeedbackDialogMultipleProps;\n\n/**\n * The generic feedback form dialog: category + subject + body + an optional image\n * attachment, with Ctrl/Cmd+Enter to submit. Domain-free — the app supplies the\n * category options, labels and an `onSubmit` that talks to its own backend, plus\n * an optional `contextSlot` for app-specific context (user, current URL, …).\n *\n * **A screenshot can be pasted straight in.** Ctrl/Cmd+V anywhere in the dialog\n * takes an image off the clipboard and makes it the attachment, through the same\n * validation and the same preview as the file picker. It is the gesture the two\n * ways in did not cover: `onCaptureScreenshot` snapshots the *whole* app view,\n * and the file picker needs a file — so somebody who wanted to show one panel,\n * or one region of one, had to save a crop to disk first and then find it again\n * (Steering Design feedback #39). The clipboard is where a region snip already\n * is on every platform.\n *\n * **`attachments=\"multiple\"`** (0.15.5) takes several: every paste and pick adds a\n * chip, and `onSubmit` gets `{ screenshot, attachments }` ({@link\n * FeedbackMultipleSubmission}) instead of `attachment`. Opt-in, so a caller typed\n * against the one-file submission keeps compiling and behaving as before.\n */\nexport function FeedbackDialog(props: FeedbackDialogProps) {\n  const {\n    open,\n    onClose,\n    categories,\n    category,\n    onCategoryChange,\n    labels: labelsProp,\n    submitting = false,\n    contextSlot,\n    attachmentAccept = DEFAULT_ATTACHMENT_ACCEPT,\n    maxAttachmentBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n    onCaptureScreenshot,\n    requireBody = true,\n    attachmentButtonVariant,\n    attachmentButtonSize,\n  } = props;\n  const [title, setTitle] = useState(\"\");\n  const [body, setBody] = useState(\"\");\n  const [attachment, setAttachment] = useState<File | null>(null);\n  // `attachments=\"multiple\"` only: the capture, apart from the picked/pasted files.\n  const [screenshot, setScreenshot] = useState<File | null>(null);\n  const [files, setFiles] = useState<File[]>([]);\n  const isMobile = usePhoneLayout();\n  const labels = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS, labelsProp);\n  const attachmentText = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  // Under `multiple` the heading is `attachmentList` — a screenshot AND photos — which\n  // also names the chip list beneath it: one string, so the two cannot disagree. Its old\n  // second name, `feedbackDialog.attachments`, went in 0.34.\n  const listHeading =\n    labelsProp?.attachmentList ??\n    attachmentText.attachmentList ??\n    DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentList!;\n  // The attachment field resolves its own keys from `feedbackAttachment`; it gets the\n  // prop's (so a caller's `attachmentAdd` still wins) plus the resolved heading.\n  const attachmentLabels =\n    props.attachments === \"multiple\"\n      ? { ...labelsProp, attachment: listHeading, attachmentList: listHeading }\n      : { ...labelsProp, attachment: labels.attachment };\n\n  // Reset the form whenever the dialog is (re)opened — during render, on the\n  // closed-to-open transition, so the old draft never paints for a frame.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setTitle(\"\");\n      setBody(\"\");\n      setAttachment(null);\n      setScreenshot(null);\n      setFiles([]);\n    }\n  }\n\n  // Trimmed: a subject or body of spaces is empty (keksdose's API answers a blank title\n  // with a 422, and a blank report is no report).\n  const canSubmit = !!title.trim() && (!requireBody || !!body.trim()) && !submitting;\n  const trySubmit = () => {\n    if (!canSubmit) return;\n    if (props.attachments === \"multiple\") {\n      void props.onSubmit({ title, body, category, screenshot, attachments: files });\n    } else {\n      void props.onSubmit({ title, body, category, attachment });\n    }\n  };\n\n  if (!open) return null;\n\n  const categoryField = (\n    <Select label={labels.category} value={category} onChange={(e) => onCategoryChange(e.target.value)}>\n      {categories.map((c) => (\n        <option key={c.value} value={c.value}>\n          {c.label}\n        </option>\n      ))}\n    </Select>\n  );\n  // On a phone the subject leads as a heading rather than as the second of two\n  // identical boxes under a select (Keksdose feedback #179). `variant=\"display\"`\n  // is a no-op above the phone breakpoint, so the desktop dialog is unchanged.\n  const subjectField = (\n    <Input label={labels.subject} value={title} onChange={(e) => setTitle(e.target.value)} variant=\"display\" />\n  );\n  const bodyField = (\n    <Textarea\n      rows={5}\n      label={requireBody ? labels.body : (labelsProp?.body ?? labels.bodyOptional ?? labels.body)}\n      value={body}\n      onChange={(e) => setBody(e.target.value)}\n    />\n  );\n  const fieldProps = {\n    labels: attachmentLabels,\n    accept: attachmentAccept,\n    maxBytes: maxAttachmentBytes,\n    onCaptureScreenshot,\n    // Left undefined they are the field's own defaults (secondary / md).\n    buttonVariant: attachmentButtonVariant,\n    buttonSize: attachmentButtonSize,\n    // On `document`, not on the panel: the Modal focuses its own panel on open\n    // and traps Tab inside it, so while this dialog is up every paste in the\n    // page is meant for it — including the one made with nothing in\n    // particular focused, which never reaches a React `onPaste` on a child.\n    documentPaste: open,\n  };\n  const attachmentField =\n    props.attachments === \"multiple\" ? (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        multiple\n        value={files}\n        onChange={setFiles}\n        max={props.maxAttachments}\n        // The capture goes to its own slot, so it is offered once and never crowds\n        // out a photo; a paste is a photo (a region snip is chosen evidence, not \"the\n        // screenshot\").\n        screenshot={screenshot}\n        onScreenshotChange={setScreenshot}\n        onError={props.onAttachmentError}\n      />\n    ) : (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        value={attachment}\n        onChange={setAttachment}\n        onError={props.onAttachmentError}\n      />\n    );\n\n  return (\n    <Modal\n      onClose={onClose}\n      // The one dialog whose subject is the page behind it (Keksdose dev#460: \"Make\n      // the feedback dialog draggable so I can see behind it if it blocks\n      // something\") — you are describing what is under it while you type.\n      draggable\n      onKeyDown={(e) => {\n        if ((e.ctrlKey || e.metaKey) && e.key === \"Enter\") {\n          e.preventDefault();\n          trySubmit();\n        }\n      }}\n    >\n      {/* Also the drag handle: pressing anywhere on the panel's own chrome moves it,\n          and the heading is the strip a user reaches for. */}\n      <h2 className=\"mb-3 text-lg font-semibold\">{labels.title}</h2>\n      <div className=\"space-y-3\">\n        {isMobile ? (\n          // Phone shape, the same reasoning as the transaction editor's (#177):\n          // the desktop order is the DATA MODEL's order — category, then subject,\n          // then body — but nobody opens this dialog to pick a category. What they\n          // came to do is say the thing, so that leads; the classification and the\n          // evidence follow, a tier down.\n          <>\n            {subjectField}\n            {bodyField}\n            <div className=\"space-y-3 border-t border-subtle pt-3\">\n              {categoryField}\n              {attachmentField}\n              {contextSlot}\n            </div>\n          </>\n        ) : (\n          <>\n            {categoryField}\n            {subjectField}\n            {bodyField}\n            {attachmentField}\n            {contextSlot}\n          </>\n        )}\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-xs text-placeholder\">\n            {typeof labels.submitHint === \"function\" ? labels.submitHint(isApplePlatform()) : labels.submitHint}\n          </div>\n          <div className=\"flex gap-2\">\n            <Button variant=\"ghost\" onClick={onClose}>\n              {labels.cancel}\n            </Button>\n            <Button onClick={trySubmit} disabled={!canSubmit}>\n              {labels.save}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-dialog.tsx"],"sourcesContent":["import { useId, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Button } from \"../components/button\";\nimport { Input } from \"../components/input\";\nimport { Select } from \"../components/select\";\nimport { Textarea } from \"../components/textarea\";\nimport type { ButtonSize, ButtonVariant } from \"../components/button-look\";\nimport { Modal } from \"../components/modal\";\nimport { isApplePlatform } from \"../hooks/use-hotkey\";\nimport { usePhoneLayout } from \"../hooks/use-breakpoint\";\nimport { useKitLabels, type LabelOverride } from \"../i18n/kit-labels\";\nimport {\n  DEFAULT_ATTACHMENT_ACCEPT,\n  DEFAULT_FEEDBACK_ATTACHMENT_LABELS,\n  DEFAULT_MAX_ATTACHMENT_BYTES,\n  FeedbackAttachmentField,\n  type FeedbackAttachmentError,\n  type FeedbackAttachmentErrorInfo,\n} from \"./feedback-attachment\";\nimport { DEFAULT_FEEDBACK_DIALOG_LABELS } from \"./feedback-dialog-labels\";\n\nexport interface FeedbackCategoryOption {\n  value: string;\n  label: string;\n}\n\nexport interface FeedbackAttachmentLabels {\n  /** The heading over the field. Optional: a note editor puts the buttons\n   *  straight under its textarea, where a second heading is noise. */\n  attachment?: string;\n  attachmentAdd: string;\n  /** Label for the \"capture screenshot\" button. Optional — falls back to the provider's\n   *  `feedbackAttachment.attachmentCapture`, then English. */\n  attachmentCapture?: string;\n  /** The line under the attachment buttons saying a screenshot can be pasted\n   *  straight in. Optional — falls back to the provider's `feedbackAttachment`, then English. */\n  attachmentPaste?: string;\n  attachmentRemove: string;\n  /** `multiple` mode (0.15.5): the chip list's accessible name — and, in\n   *  `<FeedbackDialog attachments=\"multiple\">`, the heading over it (0.16.0). Optional,\n   *  as are the keys below — they fall back to the provider's `feedbackAttachment`,\n   *  then English. */\n  attachmentList?: string;\n  /** `multiple` mode (0.16.0): the screenshot slot's chip title, in place of its file name. */\n  attachmentScreenshot?: string;\n  /** `multiple` mode: one chip's remove button, given the file's name. */\n  attachmentRemoveFile?: (name: string) => string;\n  /** `multiple` mode: the line shown once `max` files are attached. */\n  attachmentLimit?: (max: number) => string;\n  /** `refs` mode (0.22.0): the second line of a chip whose upload is still running. */\n  attachmentUploading?: string;\n}\n\nexport interface FeedbackDialogLabels extends FeedbackAttachmentLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  attachment: string;\n  /** See {@link FeedbackDialogTextLabels.submitHint}. */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n}\n\n/** The submit hint: a string, or the line for the platform (`apple`: Mac, iPhone, iPad). */\nexport type FeedbackSubmitHint = string | ((apple: boolean) => string);\n\n/**\n * The dialog's own strings — the `feedbackDialog` namespace of `<UiKitProvider\n * labels>` (0.12.0). The attachment keys are not repeated here: they are the\n * `feedbackAttachment` namespace's, which the field inside already reads.\n *\n * Before, every key was required at the call site, so each app restated ten strings\n * wherever it mounted the dialog (kastlan feedback-button.tsx built the object inline).\n */\nexport interface FeedbackDialogTextLabels {\n  title: string;\n  category: string;\n  subject: string;\n  body: string;\n  /** The body's label when `requireBody={false}`: \"What happened? (optional)\".\n   *  Optional, so a complete `UiKitLabels` typed before 0.14.2 still compiles. */\n  bodyOptional?: string;\n  /** The heading over the attachment buttons. */\n  attachment: string;\n  /**\n   * The line beside the buttons naming the shortcut. Since 0.27.0 a function of the\n   * platform, like `form.submitShortcut`: `apple` is true on a Mac, iPhone or iPad, where\n   * the key is Cmd — \"⌘ Enter to send\" there, keksdose's \"Ctrl+Enter to send\" elsewhere\n   * (§7.12). A plain string is still taken and shown everywhere, as before 0.27.0.\n   */\n  submitHint: FeedbackSubmitHint;\n  cancel: string;\n  save: string;\n  /** 0.38 (docs/feedback-harmonization.md §9.2 decision 6): the line under the body when\n   *  reports are public — `useFeedbackSubmit({ publicNotice: true })` shows it. Optional,\n   *  so a complete `UiKitLabels` typed before 0.38 still compiles. de-CH \"Andere Personen\n   *  sehen Titel und Text (nie Ihre Screenshots oder Dateien).\" */\n  publicNotice?: string;\n}\n\n// Defined in ./feedback-dialog-labels, which holds no component code (0.34, KS U8).\nexport { DEFAULT_FEEDBACK_DIALOG_LABELS };\n\nexport interface FeedbackSubmission {\n  title: string;\n  body: string;\n  category: string;\n  attachment: File | null;\n}\n\n/**\n * What `onSubmit` gets under `attachments=\"multiple\"` (0.15.5): the screenshot and\n * the picked/pasted files apart, because an app files them differently — keksdose\n * attaches the screenshot to the report and the photos as its evidence list. No\n * `attachment`: there is no one file it could name.\n */\nexport interface FeedbackMultipleSubmission {\n  title: string;\n  body: string;\n  category: string;\n  /** What `onCaptureScreenshot` returned, or `null` — at most one. */\n  screenshot: File | null;\n  /** Picked and pasted files, in the order they were added; at most `maxAttachments`. */\n  attachments: File[];\n}\n\ninterface FeedbackDialogBaseProps {\n  open: boolean;\n  onClose: () => void;\n  categories: FeedbackCategoryOption[];\n  category: string;\n  onCategoryChange: (value: string) => void;\n  /** Prop > `<UiKitProvider labels={{ feedbackDialog, feedbackAttachment }}>` >\n   *  English. Optional since 0.12.0; a whole `FeedbackDialogLabels` still fits. */\n  labels?: LabelOverride<FeedbackDialogLabels>;\n  submitting?: boolean;\n  contextSlot?: ReactNode;\n  attachmentAccept?: string[];\n  maxAttachmentBytes?: number;\n  /**\n   * Optional: capture a screenshot of the underlying app view and return it as a\n   * File. When provided, a \"Capture screenshot\" button is shown next to \"Add\n   * attachment\"; the returned file is fed through the same validation + preview.\n   */\n  onCaptureScreenshot?: () => Promise<File | null>;\n  /**\n   * `false`: a report with only a subject can be sent, and the body's label says it is\n   * optional (`bodyOptional`, unless `labels.body` is passed). Default `true`, the\n   * dialog's behaviour until 0.14.2 (keksdose K1: its backend takes title-only reports).\n   */\n  requireBody?: boolean;\n  /**\n   * The attachment field's add and capture buttons: its `buttonVariant` (0.25.0),\n   * Button's own `variant`. Default `\"secondary\"`, the look they always had.\n   *\n   * The field took `buttonVariant` / `buttonSize` in 0.24.0 (keksdose's support chat),\n   * but the dialog builds its field itself and passed neither, so a host that wanted\n   * quieter buttons here — a dialog that already ends in a row of Cancel / Send — had\n   * no way to say so short of rebuilding the dialog. Named after the dialog's other\n   * attachment options (`attachmentAccept`, `onAttachmentError`) and handed through\n   * unchanged, in both `attachments` modes.\n   */\n  attachmentButtonVariant?: ButtonVariant;\n  /** The attachment field's `buttonSize` (0.25.0) — with {@link attachmentButtonVariant}.\n   *  Default `\"md\"`; `\"sm\"` draws the paperclip and camera at 14px. */\n  attachmentButtonSize?: ButtonSize;\n  /**\n   * A muted line under the body saying who will read it (0.38, docs/feedback-harmonization.md\n   * §9.2 decision 6) — the kit's sentence is `feedbackDialog.publicNotice`, \"Other users\n   * will see the title and text (never your screenshots or files)\", which\n   * `useFeedbackSubmit({ publicNotice: true })` passes. Attached to the body field with\n   * `aria-describedby`, so it is heard where the text is written. Left out: no line.\n   */\n  publicNotice?: ReactNode;\n}\n\n/** One attachment — a screenshot, a picked or a pasted image; a second replaces\n *  nothing, it has to wait for the first to be removed. The default. */\nexport interface FeedbackDialogSingleProps extends FeedbackDialogBaseProps {\n  attachments?: \"single\";\n  onSubmit: (data: FeedbackSubmission) => void | Promise<void>;\n  /** `info` (0.23.0) names the refused file and the limit — see\n   *  {@link FeedbackAttachmentErrorInfo}. */\n  onAttachmentError?: (kind: \"type\" | \"size\", info: FeedbackAttachmentErrorInfo) => void;\n  /** Multiple mode only — refused here rather than silently ignored. */\n  maxAttachments?: never;\n}\n\n/**\n * One screenshot plus up to `maxAttachments` picked or pasted files (0.15.5, keksdose\n * dev#578: \"pasted two photos, the second overwrote the first\"). The capture button is\n * offered while there is no screenshot yet; the add button while there is room.\n */\nexport interface FeedbackDialogMultipleProps extends FeedbackDialogBaseProps {\n  attachments: \"multiple\";\n  /** Default `DEFAULT_MAX_ATTACHMENTS` (5). The screenshot does not count. */\n  maxAttachments?: number;\n  onSubmit: (data: FeedbackMultipleSubmission) => void | Promise<void>;\n  /** `\"count\"`: more files arrived at once than there was room for; the surplus was\n   *  dropped. `info` (0.23.0) names the refused file(s) and the limit. */\n  onAttachmentError?: (kind: FeedbackAttachmentError, info: FeedbackAttachmentErrorInfo) => void;\n}\n\nexport type FeedbackDialogProps = FeedbackDialogSingleProps | FeedbackDialogMultipleProps;\n\n/**\n * The generic feedback form dialog: category + subject + body + an optional image\n * attachment, with Ctrl/Cmd+Enter to submit. Domain-free — the app supplies the\n * category options, labels and an `onSubmit` that talks to its own backend, plus\n * an optional `contextSlot` for app-specific context (user, current URL, …).\n *\n * **A screenshot can be pasted straight in.** Ctrl/Cmd+V anywhere in the dialog\n * takes an image off the clipboard and makes it the attachment, through the same\n * validation and the same preview as the file picker. It is the gesture the two\n * ways in did not cover: `onCaptureScreenshot` snapshots the *whole* app view,\n * and the file picker needs a file — so somebody who wanted to show one panel,\n * or one region of one, had to save a crop to disk first and then find it again\n * (Steering Design feedback #39). The clipboard is where a region snip already\n * is on every platform.\n *\n * **`attachments=\"multiple\"`** (0.15.5) takes several: every paste and pick adds a\n * chip, and `onSubmit` gets `{ screenshot, attachments }` ({@link\n * FeedbackMultipleSubmission}) instead of `attachment`. Opt-in, so a caller typed\n * against the one-file submission keeps compiling and behaving as before.\n */\nexport function FeedbackDialog(props: FeedbackDialogProps) {\n  const {\n    open,\n    onClose,\n    categories,\n    category,\n    onCategoryChange,\n    labels: labelsProp,\n    submitting = false,\n    contextSlot,\n    attachmentAccept = DEFAULT_ATTACHMENT_ACCEPT,\n    maxAttachmentBytes = DEFAULT_MAX_ATTACHMENT_BYTES,\n    onCaptureScreenshot,\n    requireBody = true,\n    attachmentButtonVariant,\n    attachmentButtonSize,\n    publicNotice,\n  } = props;\n  const [title, setTitle] = useState(\"\");\n  const [body, setBody] = useState(\"\");\n  const [attachment, setAttachment] = useState<File | null>(null);\n  // `attachments=\"multiple\"` only: the capture, apart from the picked/pasted files.\n  const [screenshot, setScreenshot] = useState<File | null>(null);\n  const [files, setFiles] = useState<File[]>([]);\n  const isMobile = usePhoneLayout();\n  const noticeId = useId();\n  const hasNotice = publicNotice !== undefined && publicNotice !== null && publicNotice !== false && publicNotice !== \"\";\n  const labels = useKitLabels(\"feedbackDialog\", DEFAULT_FEEDBACK_DIALOG_LABELS, labelsProp);\n  const attachmentText = useKitLabels(\"feedbackAttachment\", DEFAULT_FEEDBACK_ATTACHMENT_LABELS, labelsProp);\n  // Under `multiple` the heading is `attachmentList` — a screenshot AND photos — which\n  // also names the chip list beneath it: one string, so the two cannot disagree. Its old\n  // second name, `feedbackDialog.attachments`, went in 0.34.\n  const listHeading =\n    labelsProp?.attachmentList ??\n    attachmentText.attachmentList ??\n    DEFAULT_FEEDBACK_ATTACHMENT_LABELS.attachmentList!;\n  // The attachment field resolves its own keys from `feedbackAttachment`; it gets the\n  // prop's (so a caller's `attachmentAdd` still wins) plus the resolved heading.\n  const attachmentLabels =\n    props.attachments === \"multiple\"\n      ? { ...labelsProp, attachment: listHeading, attachmentList: listHeading }\n      : { ...labelsProp, attachment: labels.attachment };\n\n  // Reset the form whenever the dialog is (re)opened — during render, on the\n  // closed-to-open transition, so the old draft never paints for a frame.\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    if (open) {\n      setTitle(\"\");\n      setBody(\"\");\n      setAttachment(null);\n      setScreenshot(null);\n      setFiles([]);\n    }\n  }\n\n  // Trimmed: a subject or body of spaces is empty (keksdose's API answers a blank title\n  // with a 422, and a blank report is no report).\n  const canSubmit = !!title.trim() && (!requireBody || !!body.trim()) && !submitting;\n  const trySubmit = () => {\n    if (!canSubmit) return;\n    if (props.attachments === \"multiple\") {\n      void props.onSubmit({ title, body, category, screenshot, attachments: files });\n    } else {\n      void props.onSubmit({ title, body, category, attachment });\n    }\n  };\n\n  if (!open) return null;\n\n  const categoryField = (\n    <Select label={labels.category} value={category} onChange={(e) => onCategoryChange(e.target.value)}>\n      {categories.map((c) => (\n        <option key={c.value} value={c.value}>\n          {c.label}\n        </option>\n      ))}\n    </Select>\n  );\n  // On a phone the subject leads as a heading rather than as the second of two\n  // identical boxes under a select (Keksdose feedback #179). `variant=\"display\"`\n  // is a no-op above the phone breakpoint, so the desktop dialog is unchanged.\n  const subjectField = (\n    <Input label={labels.subject} value={title} onChange={(e) => setTitle(e.target.value)} variant=\"display\" />\n  );\n  const bodyTextarea = (\n    <Textarea\n      rows={5}\n      label={requireBody ? labels.body : (labelsProp?.body ?? labels.bodyOptional ?? labels.body)}\n      value={body}\n      onChange={(e) => setBody(e.target.value)}\n      aria-describedby={hasNotice ? noticeId : undefined}\n    />\n  );\n  // 0.38: who will read it, right under what they are writing (§9.2 decision 6).\n  const bodyField = hasNotice ? (\n    <div className=\"space-y-1\">\n      {bodyTextarea}\n      <p id={noticeId} className=\"text-xs text-muted\" data-feedback-public-notice=\"\">\n        {publicNotice}\n      </p>\n    </div>\n  ) : (\n    bodyTextarea\n  );\n  const fieldProps = {\n    labels: attachmentLabels,\n    accept: attachmentAccept,\n    maxBytes: maxAttachmentBytes,\n    onCaptureScreenshot,\n    // Left undefined they are the field's own defaults (secondary / md).\n    buttonVariant: attachmentButtonVariant,\n    buttonSize: attachmentButtonSize,\n    // On `document`, not on the panel: the Modal focuses its own panel on open\n    // and traps Tab inside it, so while this dialog is up every paste in the\n    // page is meant for it — including the one made with nothing in\n    // particular focused, which never reaches a React `onPaste` on a child.\n    documentPaste: open,\n  };\n  const attachmentField =\n    props.attachments === \"multiple\" ? (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        multiple\n        value={files}\n        onChange={setFiles}\n        max={props.maxAttachments}\n        // The capture goes to its own slot, so it is offered once and never crowds\n        // out a photo; a paste is a photo (a region snip is chosen evidence, not \"the\n        // screenshot\").\n        screenshot={screenshot}\n        onScreenshotChange={setScreenshot}\n        onError={props.onAttachmentError}\n      />\n    ) : (\n      <FeedbackAttachmentField\n        {...fieldProps}\n        value={attachment}\n        onChange={setAttachment}\n        onError={props.onAttachmentError}\n      />\n    );\n\n  return (\n    <Modal\n      onClose={onClose}\n      // The one dialog whose subject is the page behind it (Keksdose dev#460: \"Make\n      // the feedback dialog draggable so I can see behind it if it blocks\n      // something\") — you are describing what is under it while you type.\n      draggable\n      onKeyDown={(e) => {\n        if ((e.ctrlKey || e.metaKey) && e.key === \"Enter\") {\n          e.preventDefault();\n          trySubmit();\n        }\n      }}\n    >\n      {/* Also the drag handle: pressing anywhere on the panel's own chrome moves it,\n          and the heading is the strip a user reaches for. */}\n      <h2 className=\"mb-3 text-lg font-semibold\">{labels.title}</h2>\n      <div className=\"space-y-3\">\n        {isMobile ? (\n          // Phone shape, the same reasoning as the transaction editor's (#177):\n          // the desktop order is the DATA MODEL's order — category, then subject,\n          // then body — but nobody opens this dialog to pick a category. What they\n          // came to do is say the thing, so that leads; the classification and the\n          // evidence follow, a tier down.\n          <>\n            {subjectField}\n            {bodyField}\n            <div className=\"space-y-3 border-t border-subtle pt-3\">\n              {categoryField}\n              {attachmentField}\n              {contextSlot}\n            </div>\n          </>\n        ) : (\n          <>\n            {categoryField}\n            {subjectField}\n            {bodyField}\n            {attachmentField}\n            {contextSlot}\n          </>\n        )}\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"text-xs text-placeholder\">\n            {typeof labels.submitHint === \"function\" ? labels.submitHint(isApplePlatform()) : labels.submitHint}\n          </div>\n          <div className=\"flex gap-2\">\n            <Button variant=\"ghost\" onClick={onClose}>\n              {labels.cancel}\n            </Button>\n            <Button onClick={trySubmit} disabled={!canSubmit}>\n              {labels.save}\n            </Button>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/feedback/feedback-menu-labels.js

@@ -2,7 +2,8 @@
 const DEFAULT_FEEDBACK_MENU_LABELS = {
   trigger: "Send feedback",
   myFeedback: "My feedback",
-  viewFeedback: "View feedback"
+  viewFeedback: "View feedback",
+  allFeedback: "All feedback"
 };
 export {
   DEFAULT_FEEDBACK_MENU_LABELS

package/dist/feedback/feedback-menu-labels.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/feedback/feedback-menu-labels.ts"],"sourcesContent":["// The English words of ./feedback-menu, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./feedback-menu re-exports them.\n\nimport type { FeedbackMenuLabels } from \"./feedback-menu\";\n\nexport const DEFAULT_FEEDBACK_MENU_LABELS: FeedbackMenuLabels = {\n  trigger: \"Send feedback\",\n  myFeedback: \"My feedback\",\n  viewFeedback: \"View feedback\",\n};\n"],"mappings":";AAMO,MAAM,+BAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAChB;","names":[]}
+{"version":3,"sources":["../../src/feedback/feedback-menu-labels.ts"],"sourcesContent":["// The English words of ./feedback-menu, in a module with no component code: the English\n// catalogue (src/i18n/defaults.ts) imports them without the component, so `en` loads as one\n// chunk like the other languages (0.34, KS U8). ./feedback-menu re-exports them.\n\nimport type { FeedbackMenuLabels } from \"./feedback-menu\";\n\nexport const DEFAULT_FEEDBACK_MENU_LABELS: FeedbackMenuLabels = {\n  trigger: \"Send feedback\",\n  myFeedback: \"My feedback\",\n  viewFeedback: \"View feedback\",\n  allFeedback: \"All feedback\",\n};\n"],"mappings":";AAMO,MAAM,+BAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,aAAa;AACf;","names":[]}

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

@@ -19,6 +19,10 @@ export interface FeedbackMenuLabels {
     /** The link to the inbox — an admin's one list link, in place of "My feedback".
      *  keksdose `feedback.view_all`. */
     viewFeedback: string;
+    /** The link to every public report, {@link FeedbackMenuProps.publicHref} (0.38,
+     *  docs/feedback-harmonization.md §9.2 decision 21). Optional, so a complete
+     *  `UiKitLabels` typed before 0.38 still compiles. de-CH "Alle Rückmeldungen". */
+    allFeedback?: string;
 }
 export { DEFAULT_FEEDBACK_MENU_LABELS };
 export interface FeedbackMenuProps {
@@ -34,7 +38,7 @@ export interface FeedbackMenuProps {
      * `Sparkles` Help assistant → `/assistant` and `MessagesSquare` Support chat →
      * `/support` with its unread chip. Any {@link TopBarMenuEntry}; keep their `key`s clear
      * of the menu's own (`BUG`, `IDEA`, `QUESTION`, `OTHER`, `feedback-divider`,
-     * `my-feedback`, `view-feedback`).
+     * `all-feedback`, `my-feedback`, `view-feedback`).
      */
     extraEntries?: TopBarMenuEntry[];
     /** The user's own reports, linked for everyone but an admin. Default `"/my-feedback"`
@@ -42,6 +46,15 @@ export interface FeedbackMenuProps {
     myFeedbackHref?: string;
     /** The admin inbox, linked for an admin. Default `"/feedback"` (§2.3). */
     inboxHref?: string;
+    /**
+     * The public list (0.38, docs/feedback-harmonization.md §9.2 decision 21): when passed,
+     * an **All feedback** row (`Users`, key `all-feedback`) above the list link, for
+     * everyone — the admin too, who reads what the others read there. keksdose:
+     * `"/all-feedback"`; "My feedback" stays as it is. Leave it out where the app has no
+     * public parts (kastlan) or the viewer may not see them (a Kurvenschmiede customer, a
+     * demo — §9.2 decisions 7, 8).
+     */
+    publicHref?: string;
     /** A dot on the trigger — keksdose's unread support replies (`tone: "danger"`). Its
      *  `label` joins the trigger's name ("Send feedback 2 unread"). The words are the app's. */
     iconBadge?: UserAvatarBadge | null;
@@ -60,7 +73,8 @@ export interface FeedbackMenuProps {
  *    the category badges' own glyphs), each calling `onFile(category)`;
  * 3. a divider, always;
  * 4. the app's `extraEntries`;
- * 5. ONE list link, `Inbox`: an admin's is "View feedback" → `/feedback`, everyone
+ * 5. with `publicHref` (0.38), **All feedback** → the public list, for everyone;
+ * 6. ONE list link, `Inbox`: an admin's is "View feedback" → `/feedback`, everyone
  *    else's "My feedback" → `/my-feedback` — keksdose's (`top-bar.tsx:205-214`, feedback
  *    #331: admins get the management view, everyone else their own submissions).
  *
@@ -80,4 +94,4 @@ export interface FeedbackMenuProps {
  * tour anchor (`data-tour="feedback-menu"`) stays on a wrapping `<span>`. Needs a router,
  * as every `TopBarActionMenu` with link rows does.
  */
-export declare function FeedbackMenu({ onFile, isAdmin, extraEntries, myFeedbackHref, inboxHref, iconBadge, labels: labelsProp, align, }: FeedbackMenuProps): import("react").JSX.Element;
+export declare function FeedbackMenu({ onFile, isAdmin, extraEntries, myFeedbackHref, inboxHref, publicHref, iconBadge, labels: labelsProp, align, }: FeedbackMenuProps): import("react").JSX.Element;

package/dist/feedback/feedback-menu.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Inbox, MessageSquare } from "lucide-react";
+import { Inbox, MessageSquare, Users } from "lucide-react";
 import { useKitLabels } from "../i18n/kit-labels.js";
 import { TopBarActionMenu } from "../shell/topbar-action-menu.js";
 import { FEEDBACK_CATEGORY_META } from "./feedback-vocabulary.js";
@@ -13,6 +13,7 @@ function FeedbackMenu({
   extraEntries,
   myFeedbackHref = "/my-feedback",
   inboxHref = "/feedback",
+  publicHref,
   iconBadge,
   labels: labelsProp,
   align
@@ -31,6 +32,15 @@ function FeedbackMenu({
     }),
     { kind: "divider", key: "feedback-divider" },
     ...extraEntries ?? [],
+    ...publicHref ? [
+      {
+        kind: "link",
+        key: "all-feedback",
+        to: publicHref,
+        icon: /* @__PURE__ */ jsx(Users, { className: "size-4" }),
+        label: labels.allFeedback ?? DEFAULT_FEEDBACK_MENU_LABELS.allFeedback
+      }
+    ] : [],
     {
       kind: "link",
       key: isAdmin ? "view-feedback" : "my-feedback",