@flanksource/clicky-ui 0.3.30 → 0.3.32

package/dist/comments/CommentCardParts.cjs

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Badge = require("../data/Badge.cjs");
+const utils = require("../lib/utils.cjs");
+const commentUtils = require("./comment-utils.cjs");
+const UiThumbsUp = require("../icons/components/UiThumbsUp.cjs");
+const UiThumbsDown = require("../icons/components/UiThumbsDown.cjs");
+function RatingChip({ rating }) {
+  if (!rating) return null;
+  const positive = rating === "positive";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Badge.Badge,
+    {
+      variant: "soft",
+      tone: positive ? "success" : "danger",
+      size: "xs",
+      icon: positive ? UiThumbsUp.UiThumbsUp : UiThumbsDown.UiThumbsDown,
+      children: positive ? "Positive rating" : "Negative rating"
+    }
+  );
+}
+function StatusChip({
+  comment,
+  config
+}) {
+  const status = commentUtils.resolveStatusConfig(config, comment.status);
+  if (!status) return null;
+  const closedBy = status.stage === "closed" ? comment.closedBy : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Badge.Badge,
+    {
+      variant: "soft",
+      tone: commentUtils.toneToBadgeTone(status.tone),
+      size: "xs",
+      ...status.icon ? { icon: status.icon } : {},
+      ...comment.closedAt ? { title: new Date(comment.closedAt).toLocaleString() } : {},
+      children: closedBy ? `Closed by ${closedBy.name}` : status.label
+    }
+  );
+}
+function FacetBadges({
+  comment,
+  config,
+  compact
+}) {
+  const chips = (config.facets ?? []).flatMap((facet) => {
+    var _a;
+    const option = commentUtils.resolveFacetOption(facet, (_a = comment.facets) == null ? void 0 : _a[facet.key]);
+    if (!option) return [];
+    return [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Badge.Badge,
+        {
+          variant: "soft",
+          tone: commentUtils.toneToBadgeTone(option.tone),
+          size: "xs",
+          children: compact ? option.short ?? option.label : option.label
+        },
+        facet.key
+      )
+    ];
+  });
+  return chips.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: chips }) : null;
+}
+function ChecklistChips({
+  comment,
+  onChecklistToggle
+}) {
+  var _a;
+  if (!((_a = comment.checklist) == null ? void 0 : _a.length)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1", children: comment.checklist.map((item, index) => {
+    const done = /done|complete|resolved/i.test(item.status);
+    const active = /progress|doing/i.test(item.status);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChecklistToggle == null ? void 0 : onChecklistToggle(index),
+        disabled: !onChecklistToggle,
+        className: utils.cn(
+          "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity",
+          onChecklistToggle && "cursor-pointer hover:opacity-80",
+          done ? "bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300" : active ? "bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300" : "bg-muted text-muted-foreground"
+        ),
+        children: item.label
+      },
+      index
+    );
+  }) });
+}
+function RefChips({ comment }) {
+  var _a;
+  if (!((_a = comment.refs) == null ? void 0 : _a.length)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: comment.refs.map((group, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-medium", children: [
+          group.label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: group.mono ? "font-mono" : void 0, children: group.items.join(", ") })
+      ]
+    },
+    index
+  )) });
+}
+exports.ChecklistChips = ChecklistChips;
+exports.FacetBadges = FacetBadges;
+exports.RatingChip = RatingChip;
+exports.RefChips = RefChips;
+exports.StatusChip = StatusChip;
+//# sourceMappingURL=CommentCardParts.cjs.map

package/dist/comments/CommentCardParts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentCardParts.cjs","sources":["../../src/comments/CommentCardParts.tsx"],"sourcesContent":["import { Badge } from \"../data/Badge\";\nimport { cn } from \"../lib/utils\";\nimport { UiThumbsDown, UiThumbsUp } from \"../icons\";\nimport {\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig, CommentRating } from \"./comment-types\";\n\nexport function RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nexport function StatusChip({\n  comment,\n  config,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n}) {\n  const status = resolveStatusConfig(config, comment.status);\n  if (!status) return null;\n  const closedBy = status.stage === \"closed\" ? comment.closedBy : undefined;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(status.tone)}\n      size=\"xs\"\n      {...(status.icon ? { icon: status.icon } : {})}\n      {...(comment.closedAt\n        ? { title: new Date(comment.closedAt).toLocaleString() }\n        : {})}\n    >\n      {closedBy ? `Closed by ${closedBy.name}` : status.label}\n    </Badge>\n  );\n}\n\nexport function FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const chips = (config.facets ?? []).flatMap((facet) => {\n    const option = resolveFacetOption(facet, comment.facets?.[facet.key]);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nexport function ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, index) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={index}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(index)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, index) => (\n        <span\n          key={index}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"names":["jsx","Badge","UiThumbsUp","UiThumbsDown","resolveStatusConfig","toneToBadgeTone","resolveFacetOption","Fragment","cn","jsxs"],"mappings":";;;;;;;;AAUO,SAAS,WAAW,EAAE,UAAiD;AAC5E,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,WAAW,WAAW;AAC5B,SACEA,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,WAAW,YAAY;AAAA,MAC7B,MAAK;AAAA,MACL,MAAM,WAAWC,WAAAA,aAAaC,aAAAA;AAAAA,MAE7B,qBAAW,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGtC;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAASC,aAAAA,oBAAoB,QAAQ,QAAQ,MAAM;AACzD,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,WAAW,OAAO,UAAU,WAAW,QAAQ,WAAW;AAChE,SACEJ,2BAAAA;AAAAA,IAACC,MAAAA;AAAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAMI,aAAAA,gBAAgB,OAAO,IAAI;AAAA,MACjC,MAAK;AAAA,MACJ,GAAI,OAAO,OAAO,EAAE,MAAM,OAAO,KAAA,IAAS,CAAA;AAAA,MAC1C,GAAI,QAAQ,WACT,EAAE,OAAO,IAAI,KAAK,QAAQ,QAAQ,EAAE,eAAA,EAAe,IACnD,CAAA;AAAA,MAEH,UAAA,WAAW,aAAa,SAAS,IAAI,KAAK,OAAO;AAAA,IAAA;AAAA,EAAA;AAGxD;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,SAAS,OAAO,UAAU,CAAA,GAAI,QAAQ,CAAC,UAAU;;AACrD,UAAM,SAASC,aAAAA,mBAAmB,QAAO,aAAQ,WAAR,mBAAiB,MAAM,IAAI;AACpE,QAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,WAAO;AAAA,MACLN,2BAAAA;AAAAA,QAACC,MAAAA;AAAAA,QAAA;AAAA,UAEC,SAAQ;AAAA,UACR,MAAMI,aAAAA,gBAAgB,OAAO,IAAI;AAAA,UACjC,MAAK;AAAA,UAEJ,UAAA,UAAW,OAAO,SAAS,OAAO,QAAS,OAAO;AAAA,QAAA;AAAA,QAL9C,MAAM;AAAA,MAAA;AAAA,IAMb;AAAA,EAEJ,CAAC;AACD,SAAO,MAAM,SAAS,IAAIL,2BAAAA,IAAAO,WAAAA,UAAA,EAAG,iBAAM,IAAM;AAC3C;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,MAAI,GAAC,aAAQ,cAAR,mBAAmB,QAAQ,QAAO;AACvC,SACEP,+BAAC,SAAI,WAAU,wBACZ,kBAAQ,UAAU,IAAI,CAAC,MAAM,UAAU;AACtC,UAAM,OAAO,0BAA0B,KAAK,KAAK,MAAM;AACvD,UAAM,SAAS,kBAAkB,KAAK,KAAK,MAAM;AACjD,WACEA,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,MAAM,uDAAoB;AAAA,QACnC,UAAU,CAAC;AAAA,QACX,WAAWQ,MAAAA;AAAAA,UACT;AAAA,UACA,qBAAqB;AAAA,UACrB,OACI,sFACA,SACE,6EACA;AAAA,QAAA;AAAA,QAGP,UAAA,KAAK;AAAA,MAAA;AAAA,MAdD;AAAA,IAAA;AAAA,EAiBX,CAAC,EAAA,CACH;AAEJ;AAEO,SAAS,SAAS,EAAE,WAAiC;;AAC1D,MAAI,GAAC,aAAQ,SAAR,mBAAc,QAAQ,QAAO;AAClC,SACER,+BAAC,SAAI,WAAU,0BACZ,kBAAQ,KAAK,IAAI,CAAC,OAAO,UACxBS,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAA,2BAAAA,KAAC,QAAA,EAAK,WAAU,eAAe,UAAA;AAAA,UAAA,MAAM;AAAA,UAAM;AAAA,QAAA,GAAC;AAAA,QAC5CT,2BAAAA,IAAC,QAAA,EAAK,WAAW,MAAM,OAAO,cAAc,QACzC,UAAA,MAAM,MAAM,KAAK,IAAI,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,IANK;AAAA,EAAA,CAQR,GACH;AAEJ;;;;;;"}

package/dist/comments/CommentCardParts.d.ts

@@ -0,0 +1,21 @@
+import { Comment, CommentConfig, CommentRating } from './comment-types';
+export declare function RatingChip({ rating }: {
+    rating: CommentRating | undefined;
+}): import("react").JSX.Element | null;
+export declare function StatusChip({ comment, config, }: {
+    comment: Comment;
+    config: CommentConfig;
+}): import("react").JSX.Element | null;
+export declare function FacetBadges({ comment, config, compact, }: {
+    comment: Comment;
+    config: CommentConfig;
+    compact?: boolean;
+}): import("react").JSX.Element | null;
+export declare function ChecklistChips({ comment, onChecklistToggle, }: {
+    comment: Comment;
+    onChecklistToggle?: (index: number) => void;
+}): import("react").JSX.Element | null;
+export declare function RefChips({ comment }: {
+    comment: Comment;
+}): import("react").JSX.Element | null;
+//# sourceMappingURL=CommentCardParts.d.ts.map

package/dist/comments/CommentCardParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentCardParts.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCardParts.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,aAAa,GAAG,SAAS,CAAA;CAAE,sCAa3E;AAED,wBAAgB,UAAU,CAAC,EACzB,OAAO,EACP,MAAM,GACP,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;CACvB,sCAiBA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,OAAO,GACR,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,sCAgBA;AAED,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,iBAAiB,GAClB,EAAE;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,sCA6BA;AAED,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,sCAiBzD"}

package/dist/comments/CommentCardParts.js

@@ -0,0 +1,115 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { Badge } from "../data/Badge.js";
+import { cn } from "../lib/utils.js";
+import { resolveStatusConfig, toneToBadgeTone, resolveFacetOption } from "./comment-utils.js";
+import { UiThumbsUp } from "../icons/components/UiThumbsUp.js";
+import { UiThumbsDown } from "../icons/components/UiThumbsDown.js";
+function RatingChip({ rating }) {
+  if (!rating) return null;
+  const positive = rating === "positive";
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      variant: "soft",
+      tone: positive ? "success" : "danger",
+      size: "xs",
+      icon: positive ? UiThumbsUp : UiThumbsDown,
+      children: positive ? "Positive rating" : "Negative rating"
+    }
+  );
+}
+function StatusChip({
+  comment,
+  config
+}) {
+  const status = resolveStatusConfig(config, comment.status);
+  if (!status) return null;
+  const closedBy = status.stage === "closed" ? comment.closedBy : void 0;
+  return /* @__PURE__ */ jsx(
+    Badge,
+    {
+      variant: "soft",
+      tone: toneToBadgeTone(status.tone),
+      size: "xs",
+      ...status.icon ? { icon: status.icon } : {},
+      ...comment.closedAt ? { title: new Date(comment.closedAt).toLocaleString() } : {},
+      children: closedBy ? `Closed by ${closedBy.name}` : status.label
+    }
+  );
+}
+function FacetBadges({
+  comment,
+  config,
+  compact
+}) {
+  const chips = (config.facets ?? []).flatMap((facet) => {
+    var _a;
+    const option = resolveFacetOption(facet, (_a = comment.facets) == null ? void 0 : _a[facet.key]);
+    if (!option) return [];
+    return [
+      /* @__PURE__ */ jsx(
+        Badge,
+        {
+          variant: "soft",
+          tone: toneToBadgeTone(option.tone),
+          size: "xs",
+          children: compact ? option.short ?? option.label : option.label
+        },
+        facet.key
+      )
+    ];
+  });
+  return chips.length > 0 ? /* @__PURE__ */ jsx(Fragment, { children: chips }) : null;
+}
+function ChecklistChips({
+  comment,
+  onChecklistToggle
+}) {
+  var _a;
+  if (!((_a = comment.checklist) == null ? void 0 : _a.length)) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: comment.checklist.map((item, index) => {
+    const done = /done|complete|resolved/i.test(item.status);
+    const active = /progress|doing/i.test(item.status);
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => onChecklistToggle == null ? void 0 : onChecklistToggle(index),
+        disabled: !onChecklistToggle,
+        className: cn(
+          "inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity",
+          onChecklistToggle && "cursor-pointer hover:opacity-80",
+          done ? "bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300" : active ? "bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300" : "bg-muted text-muted-foreground"
+        ),
+        children: item.label
+      },
+      index
+    );
+  }) });
+}
+function RefChips({ comment }) {
+  var _a;
+  if (!((_a = comment.refs) == null ? void 0 : _a.length)) return null;
+  return /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: comment.refs.map((group, index) => /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: "inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground",
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
+          group.label,
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: group.mono ? "font-mono" : void 0, children: group.items.join(", ") })
+      ]
+    },
+    index
+  )) });
+}
+export {
+  ChecklistChips,
+  FacetBadges,
+  RatingChip,
+  RefChips,
+  StatusChip
+};
+//# sourceMappingURL=CommentCardParts.js.map

package/dist/comments/CommentCardParts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentCardParts.js","sources":["../../src/comments/CommentCardParts.tsx"],"sourcesContent":["import { Badge } from \"../data/Badge\";\nimport { cn } from \"../lib/utils\";\nimport { UiThumbsDown, UiThumbsUp } from \"../icons\";\nimport {\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig, CommentRating } from \"./comment-types\";\n\nexport function RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nexport function StatusChip({\n  comment,\n  config,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n}) {\n  const status = resolveStatusConfig(config, comment.status);\n  if (!status) return null;\n  const closedBy = status.stage === \"closed\" ? comment.closedBy : undefined;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(status.tone)}\n      size=\"xs\"\n      {...(status.icon ? { icon: status.icon } : {})}\n      {...(comment.closedAt\n        ? { title: new Date(comment.closedAt).toLocaleString() }\n        : {})}\n    >\n      {closedBy ? `Closed by ${closedBy.name}` : status.label}\n    </Badge>\n  );\n}\n\nexport function FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const chips = (config.facets ?? []).flatMap((facet) => {\n    const option = resolveFacetOption(facet, comment.facets?.[facet.key]);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nexport function ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, index) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={index}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(index)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs?.length) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, index) => (\n        <span\n          key={index}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/comments/CommentProvider.cjs

@@ -13,6 +13,7 @@ function CommentProvider({
   onCreate,
   onReply,
   onUpdateStatus,
+  onClose,
   onUpdateRating,
   onDelete,
   onChecklistToggle,
@@ -113,6 +114,7 @@ function CommentProvider({
       ...onCreate ? { onCreate } : {},
       ...onReply ? { onReply } : {},
       ...onUpdateStatus ? { onUpdateStatus } : {},
+      ...onClose ? { onClose } : {},
       ...onUpdateRating ? { onUpdateRating } : {},
       ...onDelete ? { onDelete } : {},
       ...onChecklistToggle ? { onChecklistToggle } : {},
@@ -122,6 +124,7 @@ function CommentProvider({
       onCreate,
       onReply,
       onUpdateStatus,
+      onClose,
       onUpdateRating,
       onDelete,
       onChecklistToggle,

package/dist/comments/CommentProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentProvider.cjs","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  CommentAnchorActionsContext,\n  CommentAnchorStoreContext,\n  createCommentAnchorStore,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentAnchorActions,\n  type CommentContextValue,\n  type CommentRailMode,\n  type CommentScrollOptions,\n} from \"./comment-context\";\nimport {\n  type Comment,\n  type CommentAnchor,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n  /** Reports rail actions so a host can synchronize external visibility state. */\n  onRailModeChange?: (mode: CommentRailMode) => void;\n  /**\n   * Rail mode on mount. Use \"all\" where the host already decided the rail is\n   * visible, so the reader is not asked to open it a second time.\n   */\n  initialRailMode?: CommentRailMode;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onRailModeChange,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onUpdateRating,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n  initialRailMode = \"closed\",\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(initialRailMode);\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const railModeRef = useRef<CommentRailMode>(initialRailMode);\n  const onRailModeChangeRef = useRef(onRailModeChange);\n  const resolveAnchorRef = useRef(resolveAnchor);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n  const [anchorStore] = useState(createCommentAnchorStore);\n\n  useLayoutEffect(() => {\n    onRailModeChangeRef.current = onRailModeChange;\n    resolveAnchorRef.current = resolveAnchor;\n  }, [onRailModeChange, resolveAnchor]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    railModeRef.current = \"focused\";\n    setRailMode(\"focused\");\n    onRailModeChangeRef.current?.(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    const next = railModeRef.current === \"all\" ? \"closed\" : \"all\";\n    railModeRef.current = next;\n    setRailMode(next);\n    onRailModeChangeRef.current?.(next);\n  }, []);\n\n  const closeRail = useCallback(() => {\n    railModeRef.current = \"closed\";\n    setRailMode(\"closed\");\n    onRailModeChangeRef.current?.(\"closed\");\n  }, []);\n\n  const registerAnchor = useCallback(\n    (anchor: CommentAnchor, el: HTMLElement | null) => {\n      if (!el) {\n        delete anchorEls.current[anchor];\n        return;\n      }\n      const registered = anchorEls.current[anchor];\n      if (registered && registered !== el) {\n        throw new Error(\n          `Comment anchor \"${anchor}\" is registered by multiple elements`,\n        );\n      }\n      anchorEls.current[anchor] = el;\n    },\n    [],\n  );\n\n  const getAnchorTop = useCallback((anchor: CommentAnchor): number | null => {\n    const resolved = resolveAnchorRef.current(\n      anchor,\n      Object.keys(anchorEls.current),\n    );\n    const el = resolved ? anchorEls.current[resolved] : null;\n    const container = contentRef.current;\n    if (!el || !container) return null;\n    return (\n      el.getBoundingClientRect().top - container.getBoundingClientRect().top\n    );\n  }, []);\n\n  const scrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions = {}): boolean => {\n      const resolved = resolveAnchorRef.current(\n        anchor,\n        Object.keys(anchorEls.current),\n      );\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return false;\n      const containerRect = container.getBoundingClientRect();\n      const anchorRect = el.getBoundingClientRect();\n      const offset = options.offset ?? 0;\n      const top =\n        options.block === \"center\"\n          ? container.scrollTop +\n            anchorRect.top -\n            containerRect.top +\n            anchorRect.height / 2 -\n            container.clientHeight / 2 -\n            offset\n          : container.scrollTop + anchorRect.top - containerRect.top - offset;\n      container.scrollTo({\n        top: Math.max(0, top),\n        behavior: options.behavior ?? \"smooth\",\n      });\n      return true;\n    },\n    [],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) closeRail();\n  }, [closeRail, railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onUpdateRating ? { onUpdateRating } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [\n      onCreate,\n      onReply,\n      onUpdateStatus,\n      onUpdateRating,\n      onDelete,\n      onChecklistToggle,\n      onMention,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    anchorStore.update(commentMeta, railMode, focusedAnchor, highlightAnchor);\n  }, [anchorStore, commentMeta, railMode, focusedAnchor, highlightAnchor]);\n\n  const [anchorActions] = useState<CommentAnchorActions>(() => ({\n    focusAnchor,\n    registerAnchor,\n    scrollToAnchor,\n    contentRef,\n  }));\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      highlightAnchor,\n    ],\n  );\n\n  return (\n    <CommentAnchorStoreContext.Provider value={anchorStore}>\n      <CommentAnchorActionsContext.Provider value={anchorActions}>\n        <CommentContext.Provider value={value}>\n          {children}\n        </CommentContext.Provider>\n      </CommentAnchorActionsContext.Provider>\n    </CommentAnchorStoreContext.Provider>\n  );\n}\n"],"names":["exactAnchorResolver","useState","useRef","useMemo","deriveAnchorCounts","deriveAnchorMeta","createCommentAnchorStore","useLayoutEffect","useCallback","useEffect","CommentAnchorStoreContext","CommentAnchorActionsContext","CommentContext"],"mappings":"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"}
+{"version":3,"file":"CommentProvider.cjs","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  CommentAnchorActionsContext,\n  CommentAnchorStoreContext,\n  createCommentAnchorStore,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentAnchorActions,\n  type CommentContextValue,\n  type CommentRailMode,\n  type CommentScrollOptions,\n} from \"./comment-context\";\nimport {\n  type Comment,\n  type CommentAnchor,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n  /** Reports rail actions so a host can synchronize external visibility state. */\n  onRailModeChange?: (mode: CommentRailMode) => void;\n  /**\n   * Rail mode on mount. Use \"all\" where the host already decided the rail is\n   * visible, so the reader is not asked to open it a second time.\n   */\n  initialRailMode?: CommentRailMode;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onRailModeChange,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onUpdateRating,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n  initialRailMode = \"closed\",\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(initialRailMode);\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const railModeRef = useRef<CommentRailMode>(initialRailMode);\n  const onRailModeChangeRef = useRef(onRailModeChange);\n  const resolveAnchorRef = useRef(resolveAnchor);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n  const [anchorStore] = useState(createCommentAnchorStore);\n\n  useLayoutEffect(() => {\n    onRailModeChangeRef.current = onRailModeChange;\n    resolveAnchorRef.current = resolveAnchor;\n  }, [onRailModeChange, resolveAnchor]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    railModeRef.current = \"focused\";\n    setRailMode(\"focused\");\n    onRailModeChangeRef.current?.(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    const next = railModeRef.current === \"all\" ? \"closed\" : \"all\";\n    railModeRef.current = next;\n    setRailMode(next);\n    onRailModeChangeRef.current?.(next);\n  }, []);\n\n  const closeRail = useCallback(() => {\n    railModeRef.current = \"closed\";\n    setRailMode(\"closed\");\n    onRailModeChangeRef.current?.(\"closed\");\n  }, []);\n\n  const registerAnchor = useCallback(\n    (anchor: CommentAnchor, el: HTMLElement | null) => {\n      if (!el) {\n        delete anchorEls.current[anchor];\n        return;\n      }\n      const registered = anchorEls.current[anchor];\n      if (registered && registered !== el) {\n        throw new Error(\n          `Comment anchor \"${anchor}\" is registered by multiple elements`,\n        );\n      }\n      anchorEls.current[anchor] = el;\n    },\n    [],\n  );\n\n  const getAnchorTop = useCallback((anchor: CommentAnchor): number | null => {\n    const resolved = resolveAnchorRef.current(\n      anchor,\n      Object.keys(anchorEls.current),\n    );\n    const el = resolved ? anchorEls.current[resolved] : null;\n    const container = contentRef.current;\n    if (!el || !container) return null;\n    return (\n      el.getBoundingClientRect().top - container.getBoundingClientRect().top\n    );\n  }, []);\n\n  const scrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions = {}): boolean => {\n      const resolved = resolveAnchorRef.current(\n        anchor,\n        Object.keys(anchorEls.current),\n      );\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return false;\n      const containerRect = container.getBoundingClientRect();\n      const anchorRect = el.getBoundingClientRect();\n      const offset = options.offset ?? 0;\n      const top =\n        options.block === \"center\"\n          ? container.scrollTop +\n            anchorRect.top -\n            containerRect.top +\n            anchorRect.height / 2 -\n            container.clientHeight / 2 -\n            offset\n          : container.scrollTop + anchorRect.top - containerRect.top - offset;\n      container.scrollTo({\n        top: Math.max(0, top),\n        behavior: options.behavior ?? \"smooth\",\n      });\n      return true;\n    },\n    [],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) closeRail();\n  }, [closeRail, railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onClose ? { onClose } : {}),\n      ...(onUpdateRating ? { onUpdateRating } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [\n      onCreate,\n      onReply,\n      onUpdateStatus,\n      onClose,\n      onUpdateRating,\n      onDelete,\n      onChecklistToggle,\n      onMention,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    anchorStore.update(commentMeta, railMode, focusedAnchor, highlightAnchor);\n  }, [anchorStore, commentMeta, railMode, focusedAnchor, highlightAnchor]);\n\n  const [anchorActions] = useState<CommentAnchorActions>(() => ({\n    focusAnchor,\n    registerAnchor,\n    scrollToAnchor,\n    contentRef,\n  }));\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      highlightAnchor,\n    ],\n  );\n\n  return (\n    <CommentAnchorStoreContext.Provider value={anchorStore}>\n      <CommentAnchorActionsContext.Provider value={anchorActions}>\n        <CommentContext.Provider value={value}>\n          {children}\n        </CommentContext.Provider>\n      </CommentAnchorActionsContext.Provider>\n    </CommentAnchorStoreContext.Provider>\n  );\n}\n"],"names":["exactAnchorResolver","useState","useRef","useMemo","deriveAnchorCounts","deriveAnchorMeta","createCommentAnchorStore","useLayoutEffect","useCallback","useEffect","CommentAnchorStoreContext","CommentAnchorActionsContext","CommentContext"],"mappings":"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"}

package/dist/comments/CommentProvider.d.ts

@@ -22,5 +22,5 @@ export type CommentProviderProps = CommentCallbacks & {
  * `registerAnchor` so the side panel can scroll-align to them). Owns no
  * fetching — `comments` and the callbacks are controlled by the consumer.
  */
-export declare function CommentProvider({ children, comments, config, resolveAnchor, onRailModeChange, onCreate, onReply, onUpdateStatus, onUpdateRating, onDelete, onChecklistToggle, onMention, initialRailMode, }: CommentProviderProps): import("react").JSX.Element;
+export declare function CommentProvider({ children, comments, config, resolveAnchor, onRailModeChange, onCreate, onReply, onUpdateStatus, onClose, onUpdateRating, onDelete, onChecklistToggle, onMention, initialRailMode, }: CommentProviderProps): import("react").JSX.Element;
 //# sourceMappingURL=CommentProvider.d.ts.map

package/dist/comments/CommentProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommentProvider.d.ts","sourceRoot":"","sources":["../../src/comments/CommentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,eAAe,EAErB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAmC,EACnC,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,eAA0B,GAC3B,EAAE,oBAAoB,+BA0LtB"}
+{"version":3,"file":"CommentProvider.d.ts","sourceRoot":"","sources":["../../src/comments/CommentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,KAAK,cAAc,EAGnB,KAAK,eAAe,EAErB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,KAAK,OAAO,EAEZ,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,EAAE,SAAS,CAAC;IACpB,iFAAiF;IACjF,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,cAAc,CAAC;IAC/B,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,aAAmC,EACnC,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,EACT,eAA0B,GAC3B,EAAE,oBAAoB,+BA4LtB"}

package/dist/comments/CommentProvider.js

@@ -11,6 +11,7 @@ function CommentProvider({
   onCreate,
   onReply,
   onUpdateStatus,
+  onClose,
   onUpdateRating,
   onDelete,
   onChecklistToggle,
@@ -111,6 +112,7 @@ function CommentProvider({
       ...onCreate ? { onCreate } : {},
       ...onReply ? { onReply } : {},
       ...onUpdateStatus ? { onUpdateStatus } : {},
+      ...onClose ? { onClose } : {},
       ...onUpdateRating ? { onUpdateRating } : {},
       ...onDelete ? { onDelete } : {},
       ...onChecklistToggle ? { onChecklistToggle } : {},
@@ -120,6 +122,7 @@ function CommentProvider({
       onCreate,
       onReply,
       onUpdateStatus,
+      onClose,
       onUpdateRating,
       onDelete,
       onChecklistToggle,

package/dist/comments/CommentProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentProvider.js","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  CommentAnchorActionsContext,\n  CommentAnchorStoreContext,\n  createCommentAnchorStore,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentAnchorActions,\n  type CommentContextValue,\n  type CommentRailMode,\n  type CommentScrollOptions,\n} from \"./comment-context\";\nimport {\n  type Comment,\n  type CommentAnchor,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n  /** Reports rail actions so a host can synchronize external visibility state. */\n  onRailModeChange?: (mode: CommentRailMode) => void;\n  /**\n   * Rail mode on mount. Use \"all\" where the host already decided the rail is\n   * visible, so the reader is not asked to open it a second time.\n   */\n  initialRailMode?: CommentRailMode;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onRailModeChange,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onUpdateRating,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n  initialRailMode = \"closed\",\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(initialRailMode);\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const railModeRef = useRef<CommentRailMode>(initialRailMode);\n  const onRailModeChangeRef = useRef(onRailModeChange);\n  const resolveAnchorRef = useRef(resolveAnchor);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n  const [anchorStore] = useState(createCommentAnchorStore);\n\n  useLayoutEffect(() => {\n    onRailModeChangeRef.current = onRailModeChange;\n    resolveAnchorRef.current = resolveAnchor;\n  }, [onRailModeChange, resolveAnchor]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    railModeRef.current = \"focused\";\n    setRailMode(\"focused\");\n    onRailModeChangeRef.current?.(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    const next = railModeRef.current === \"all\" ? \"closed\" : \"all\";\n    railModeRef.current = next;\n    setRailMode(next);\n    onRailModeChangeRef.current?.(next);\n  }, []);\n\n  const closeRail = useCallback(() => {\n    railModeRef.current = \"closed\";\n    setRailMode(\"closed\");\n    onRailModeChangeRef.current?.(\"closed\");\n  }, []);\n\n  const registerAnchor = useCallback(\n    (anchor: CommentAnchor, el: HTMLElement | null) => {\n      if (!el) {\n        delete anchorEls.current[anchor];\n        return;\n      }\n      const registered = anchorEls.current[anchor];\n      if (registered && registered !== el) {\n        throw new Error(\n          `Comment anchor \"${anchor}\" is registered by multiple elements`,\n        );\n      }\n      anchorEls.current[anchor] = el;\n    },\n    [],\n  );\n\n  const getAnchorTop = useCallback((anchor: CommentAnchor): number | null => {\n    const resolved = resolveAnchorRef.current(\n      anchor,\n      Object.keys(anchorEls.current),\n    );\n    const el = resolved ? anchorEls.current[resolved] : null;\n    const container = contentRef.current;\n    if (!el || !container) return null;\n    return (\n      el.getBoundingClientRect().top - container.getBoundingClientRect().top\n    );\n  }, []);\n\n  const scrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions = {}): boolean => {\n      const resolved = resolveAnchorRef.current(\n        anchor,\n        Object.keys(anchorEls.current),\n      );\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return false;\n      const containerRect = container.getBoundingClientRect();\n      const anchorRect = el.getBoundingClientRect();\n      const offset = options.offset ?? 0;\n      const top =\n        options.block === \"center\"\n          ? container.scrollTop +\n            anchorRect.top -\n            containerRect.top +\n            anchorRect.height / 2 -\n            container.clientHeight / 2 -\n            offset\n          : container.scrollTop + anchorRect.top - containerRect.top - offset;\n      container.scrollTo({\n        top: Math.max(0, top),\n        behavior: options.behavior ?? \"smooth\",\n      });\n      return true;\n    },\n    [],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) closeRail();\n  }, [closeRail, railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onUpdateRating ? { onUpdateRating } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [\n      onCreate,\n      onReply,\n      onUpdateStatus,\n      onUpdateRating,\n      onDelete,\n      onChecklistToggle,\n      onMention,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    anchorStore.update(commentMeta, railMode, focusedAnchor, highlightAnchor);\n  }, [anchorStore, commentMeta, railMode, focusedAnchor, highlightAnchor]);\n\n  const [anchorActions] = useState<CommentAnchorActions>(() => ({\n    focusAnchor,\n    registerAnchor,\n    scrollToAnchor,\n    contentRef,\n  }));\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      highlightAnchor,\n    ],\n  );\n\n  return (\n    <CommentAnchorStoreContext.Provider value={anchorStore}>\n      <CommentAnchorActionsContext.Provider value={anchorActions}>\n        <CommentContext.Provider value={value}>\n          {children}\n        </CommentContext.Provider>\n      </CommentAnchorActionsContext.Provider>\n    </CommentAnchorStoreContext.Provider>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentProvider.js","sources":["../../src/comments/CommentProvider.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\";\nimport { deriveAnchorCounts, deriveAnchorMeta } from \"./comment-utils\";\nimport {\n  CommentContext,\n  CommentAnchorActionsContext,\n  CommentAnchorStoreContext,\n  createCommentAnchorStore,\n  exactAnchorResolver,\n  type AnchorResolver,\n  type CommentAnchorActions,\n  type CommentContextValue,\n  type CommentRailMode,\n  type CommentScrollOptions,\n} from \"./comment-context\";\nimport {\n  type Comment,\n  type CommentAnchor,\n  type CommentCallbacks,\n  type CommentConfig,\n} from \"./comment-types\";\n\nexport type CommentProviderProps = CommentCallbacks & {\n  children: ReactNode;\n  /** All comments for the document; counts and metadata are derived from these. */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Strategy to map a requested anchor onto a registered one. Defaults to exact. */\n  resolveAnchor?: AnchorResolver;\n  /** Reports rail actions so a host can synchronize external visibility state. */\n  onRailModeChange?: (mode: CommentRailMode) => void;\n  /**\n   * Rail mode on mount. Use \"all\" where the host already decided the rail is\n   * visible, so the reader is not asked to open it a second time.\n   */\n  initialRailMode?: CommentRailMode;\n};\n\n/**\n * Supplies comment state to a document subtree: derived per-anchor counts and\n * metadata, rail open/focus state, and a generic anchor registry (cells call\n * `registerAnchor` so the side panel can scroll-align to them). Owns no\n * fetching — `comments` and the callbacks are controlled by the consumer.\n */\nexport function CommentProvider({\n  children,\n  comments,\n  config,\n  resolveAnchor = exactAnchorResolver,\n  onRailModeChange,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onUpdateRating,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n  initialRailMode = \"closed\",\n}: CommentProviderProps) {\n  const [railMode, setRailMode] = useState<CommentRailMode>(initialRailMode);\n  const [focusedAnchor, setFocusedAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const [highlightAnchor, setHighlightAnchor] = useState<CommentAnchor | null>(\n    null,\n  );\n  const railModeRef = useRef<CommentRailMode>(initialRailMode);\n  const onRailModeChangeRef = useRef(onRailModeChange);\n  const resolveAnchorRef = useRef(resolveAnchor);\n  const anchorEls = useRef<Record<string, HTMLElement>>({});\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const commentCounts = useMemo(() => deriveAnchorCounts(comments), [comments]);\n  const commentMeta = useMemo(() => deriveAnchorMeta(comments), [comments]);\n  const [anchorStore] = useState(createCommentAnchorStore);\n\n  useLayoutEffect(() => {\n    onRailModeChangeRef.current = onRailModeChange;\n    resolveAnchorRef.current = resolveAnchor;\n  }, [onRailModeChange, resolveAnchor]);\n\n  const focusAnchor = useCallback((anchor: CommentAnchor) => {\n    setFocusedAnchor(anchor);\n    railModeRef.current = \"focused\";\n    setRailMode(\"focused\");\n    onRailModeChangeRef.current?.(\"focused\");\n  }, []);\n\n  const openCommentList = useCallback(() => {\n    const next = railModeRef.current === \"all\" ? \"closed\" : \"all\";\n    railModeRef.current = next;\n    setRailMode(next);\n    onRailModeChangeRef.current?.(next);\n  }, []);\n\n  const closeRail = useCallback(() => {\n    railModeRef.current = \"closed\";\n    setRailMode(\"closed\");\n    onRailModeChangeRef.current?.(\"closed\");\n  }, []);\n\n  const registerAnchor = useCallback(\n    (anchor: CommentAnchor, el: HTMLElement | null) => {\n      if (!el) {\n        delete anchorEls.current[anchor];\n        return;\n      }\n      const registered = anchorEls.current[anchor];\n      if (registered && registered !== el) {\n        throw new Error(\n          `Comment anchor \"${anchor}\" is registered by multiple elements`,\n        );\n      }\n      anchorEls.current[anchor] = el;\n    },\n    [],\n  );\n\n  const getAnchorTop = useCallback((anchor: CommentAnchor): number | null => {\n    const resolved = resolveAnchorRef.current(\n      anchor,\n      Object.keys(anchorEls.current),\n    );\n    const el = resolved ? anchorEls.current[resolved] : null;\n    const container = contentRef.current;\n    if (!el || !container) return null;\n    return (\n      el.getBoundingClientRect().top - container.getBoundingClientRect().top\n    );\n  }, []);\n\n  const scrollToAnchor = useCallback(\n    (anchor: CommentAnchor, options: CommentScrollOptions = {}): boolean => {\n      const resolved = resolveAnchorRef.current(\n        anchor,\n        Object.keys(anchorEls.current),\n      );\n      const el = resolved ? anchorEls.current[resolved] : null;\n      const container = contentRef.current;\n      if (!el || !container) return false;\n      const containerRect = container.getBoundingClientRect();\n      const anchorRect = el.getBoundingClientRect();\n      const offset = options.offset ?? 0;\n      const top =\n        options.block === \"center\"\n          ? container.scrollTop +\n            anchorRect.top -\n            containerRect.top +\n            anchorRect.height / 2 -\n            container.clientHeight / 2 -\n            offset\n          : container.scrollTop + anchorRect.top - containerRect.top - offset;\n      container.scrollTo({\n        top: Math.max(0, top),\n        behavior: options.behavior ?? \"smooth\",\n      });\n      return true;\n    },\n    [],\n  );\n\n  // A focused rail with no anchor selected has nothing to show.\n  useEffect(() => {\n    if (railMode === \"focused\" && !focusedAnchor) closeRail();\n  }, [closeRail, railMode, focusedAnchor]);\n\n  const callbacks = useMemo<CommentCallbacks>(\n    () => ({\n      ...(onCreate ? { onCreate } : {}),\n      ...(onReply ? { onReply } : {}),\n      ...(onUpdateStatus ? { onUpdateStatus } : {}),\n      ...(onClose ? { onClose } : {}),\n      ...(onUpdateRating ? { onUpdateRating } : {}),\n      ...(onDelete ? { onDelete } : {}),\n      ...(onChecklistToggle ? { onChecklistToggle } : {}),\n      ...(onMention ? { onMention } : {}),\n    }),\n    [\n      onCreate,\n      onReply,\n      onUpdateStatus,\n      onClose,\n      onUpdateRating,\n      onDelete,\n      onChecklistToggle,\n      onMention,\n    ],\n  );\n\n  useLayoutEffect(() => {\n    anchorStore.update(commentMeta, railMode, focusedAnchor, highlightAnchor);\n  }, [anchorStore, commentMeta, railMode, focusedAnchor, highlightAnchor]);\n\n  const [anchorActions] = useState<CommentAnchorActions>(() => ({\n    focusAnchor,\n    registerAnchor,\n    scrollToAnchor,\n    contentRef,\n  }));\n\n  const value = useMemo<CommentContextValue>(\n    () => ({\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      contentRef,\n      highlightAnchor,\n      setHighlightAnchor,\n    }),\n    [\n      comments,\n      config,\n      callbacks,\n      commentCounts,\n      commentMeta,\n      railMode,\n      focusedAnchor,\n      focusAnchor,\n      openCommentList,\n      closeRail,\n      registerAnchor,\n      getAnchorTop,\n      scrollToAnchor,\n      highlightAnchor,\n    ],\n  );\n\n  return (\n    <CommentAnchorStoreContext.Provider value={anchorStore}>\n      <CommentAnchorActionsContext.Provider value={anchorActions}>\n        <CommentContext.Provider value={value}>\n          {children}\n        </CommentContext.Provider>\n      </CommentAnchorActionsContext.Provider>\n    </CommentAnchorStoreContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;;AAmDO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAAyB;AACvB,QAAM,CAAC,UAAU,WAAW,IAAI,SAA0B,eAAe;AACzE,QAAM,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACxC;AAAA,EAAA;AAEF,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,EAAA;AAEF,QAAM,cAAc,OAAwB,eAAe;AAC3D,QAAM,sBAAsB,OAAO,gBAAgB;AACnD,QAAM,mBAAmB,OAAO,aAAa;AAC7C,QAAM,YAAY,OAAoC,EAAE;AACxD,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,gBAAgB,QAAQ,MAAM,mBAAmB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAC5E,QAAM,cAAc,QAAQ,MAAM,iBAAiB,QAAQ,GAAG,CAAC,QAAQ,CAAC;AACxE,QAAM,CAAC,WAAW,IAAI,SAAS,wBAAwB;AAEvD,kBAAgB,MAAM;AACpB,wBAAoB,UAAU;AAC9B,qBAAiB,UAAU;AAAA,EAC7B,GAAG,CAAC,kBAAkB,aAAa,CAAC;AAEpC,QAAM,cAAc,YAAY,CAAC,WAA0B;;AACzD,qBAAiB,MAAM;AACvB,gBAAY,UAAU;AACtB,gBAAY,SAAS;AACrB,8BAAoB,YAApB,6CAA8B;AAAA,EAChC,GAAG,CAAA,CAAE;AAEL,QAAM,kBAAkB,YAAY,MAAM;;AACxC,UAAM,OAAO,YAAY,YAAY,QAAQ,WAAW;AACxD,gBAAY,UAAU;AACtB,gBAAY,IAAI;AAChB,8BAAoB,YAApB,6CAA8B;AAAA,EAChC,GAAG,CAAA,CAAE;AAEL,QAAM,YAAY,YAAY,MAAM;;AAClC,gBAAY,UAAU;AACtB,gBAAY,QAAQ;AACpB,8BAAoB,YAApB,6CAA8B;AAAA,EAChC,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB;AAAA,IACrB,CAAC,QAAuB,OAA2B;AACjD,UAAI,CAAC,IAAI;AACP,eAAO,UAAU,QAAQ,MAAM;AAC/B;AAAA,MACF;AACA,YAAM,aAAa,UAAU,QAAQ,MAAM;AAC3C,UAAI,cAAc,eAAe,IAAI;AACnC,cAAM,IAAI;AAAA,UACR,mBAAmB,MAAM;AAAA,QAAA;AAAA,MAE7B;AACA,gBAAU,QAAQ,MAAM,IAAI;AAAA,IAC9B;AAAA,IACA,CAAA;AAAA,EAAC;AAGH,QAAM,eAAe,YAAY,CAAC,WAAyC;AACzE,UAAM,WAAW,iBAAiB;AAAA,MAChC;AAAA,MACA,OAAO,KAAK,UAAU,OAAO;AAAA,IAAA;AAE/B,UAAM,KAAK,WAAW,UAAU,QAAQ,QAAQ,IAAI;AACpD,UAAM,YAAY,WAAW;AAC7B,QAAI,CAAC,MAAM,CAAC,UAAW,QAAO;AAC9B,WACE,GAAG,sBAAA,EAAwB,MAAM,UAAU,wBAAwB;AAAA,EAEvE,GAAG,CAAA,CAAE;AAEL,QAAM,iBAAiB;AAAA,IACrB,CAAC,QAAuB,UAAgC,OAAgB;AACtE,YAAM,WAAW,iBAAiB;AAAA,QAChC;AAAA,QACA,OAAO,KAAK,UAAU,OAAO;AAAA,MAAA;AAE/B,YAAM,KAAK,WAAW,UAAU,QAAQ,QAAQ,IAAI;AACpD,YAAM,YAAY,WAAW;AAC7B,UAAI,CAAC,MAAM,CAAC,UAAW,QAAO;AAC9B,YAAM,gBAAgB,UAAU,sBAAA;AAChC,YAAM,aAAa,GAAG,sBAAA;AACtB,YAAM,SAAS,QAAQ,UAAU;AACjC,YAAM,MACJ,QAAQ,UAAU,WACd,UAAU,YACV,WAAW,MACX,cAAc,MACd,WAAW,SAAS,IACpB,UAAU,eAAe,IACzB,SACA,UAAU,YAAY,WAAW,MAAM,cAAc,MAAM;AACjE,gBAAU,SAAS;AAAA,QACjB,KAAK,KAAK,IAAI,GAAG,GAAG;AAAA,QACpB,UAAU,QAAQ,YAAY;AAAA,MAAA,CAC/B;AACD,aAAO;AAAA,IACT;AAAA,IACA,CAAA;AAAA,EAAC;AAIH,YAAU,MAAM;AACd,QAAI,aAAa,aAAa,CAAC,cAAe,WAAA;AAAA,EAChD,GAAG,CAAC,WAAW,UAAU,aAAa,CAAC;AAEvC,QAAM,YAAY;AAAA,IAChB,OAAO;AAAA,MACL,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC9B,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,MAC5B,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,MAC5B,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,MAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,MAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,MAChD,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,IAAC;AAAA,IAEnC;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,kBAAgB,MAAM;AACpB,gBAAY,OAAO,aAAa,UAAU,eAAe,eAAe;AAAA,EAC1E,GAAG,CAAC,aAAa,aAAa,UAAU,eAAe,eAAe,CAAC;AAEvE,QAAM,CAAC,aAAa,IAAI,SAA+B,OAAO;AAAA,IAC5D;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA;AAEF,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAGF,6BACG,0BAA0B,UAA1B,EAAmC,OAAO,aACzC,8BAAC,4BAA4B,UAA5B,EAAqC,OAAO,eAC3C,8BAAC,eAAe,UAAf,EAAwB,OACtB,SAAA,CACH,GACF,GACF;AAEJ;"}

package/dist/comments/CommentSidePanel.cjs

@@ -85,7 +85,8 @@ function AllComments({
   ctx,
   comments,
   label,
-  emptyLabel
+  emptyLabel,
+  threadToMarkdown
 }) {
   const ordered = react.useMemo(() => {
     const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));
@@ -141,7 +142,8 @@ function AllComments({
             onMouseLeave: () => ctx.setHighlightAnchor(null),
             onClick: (event) => activateThread(event, c.anchor ?? commentTypes.DOCUMENT_ANCHOR)
           }),
-          ...handlers
+          ...handlers,
+          ...threadToMarkdown ? { threadToMarkdown } : {}
         }
       )
     }
@@ -152,7 +154,8 @@ function FocusedComments({
   comments: visible,
   anchor,
   label,
-  compact
+  compact,
+  threadToMarkdown
 }) {
   const comments = commentUtils.selectAnchorThreads(visible, anchor);
   const hasComments = comments.length > 0;
@@ -173,7 +176,8 @@ function FocusedComments({
         autoFocusComposer: !hasComments,
         defaultExpanded: hasComments,
         composerPlaceholder: hasComments ? "Add another top-level comment…" : "Add a comment…",
-        ...ctx.callbacks
+        ...ctx.callbacks,
+        ...threadToMarkdown ? { threadToMarkdown } : {}
       }
     )
   ] });
@@ -184,7 +188,7 @@ function CommentSidePanel(props) {
   const railRef = react.useRef(null);
   const focusedRef = react.useRef(null);
   const [focusedOffset, setFocusedOffset] = react.useState(null);
-  const [showResolved, setShowResolved] = react.useState(false);
+  const [stage, setStage] = react.useState("active");
   const focusedAnchor = (ctx == null ? void 0 : ctx.railMode) === "focused" ? ctx.focusedAnchor : null;
   react.useEffect(() => {
     if (!ctx || props.focusedAlignment !== "anchor" || !focusedAnchor) {
@@ -219,11 +223,21 @@ function CommentSidePanel(props) {
     };
   }, [ctx, focusedAnchor, props.focusedAlignment]);
   if (!ctx) return null;
-  const unresolved = commentUtils.selectUnresolvedThreads(ctx.comments, ctx.config);
-  const visible = showResolved ? ctx.comments : unresolved;
-  const total = commentUtils.getRoots(visible).length;
-  const resolvedCount = commentUtils.getRoots(ctx.comments).length - commentUtils.getRoots(unresolved).length;
-  if (ctx.railMode === "closed" && total === 0 && resolvedCount === 0) return null;
+  const counts = commentUtils.getRoots(ctx.comments).reduce(
+    (result, root) => {
+      const rootStage = commentUtils.resolveCommentStage(ctx.config, root.status);
+      if (rootStage) result[rootStage] += 1;
+      return result;
+    },
+    { active: 0, resolved: 0, closed: 0 }
+  );
+  const visible = commentUtils.selectCommentThreadsByStage(ctx.comments, ctx.config, stage);
+  if (ctx.railMode === "closed" && counts.active + counts.resolved + counts.closed === 0)
+    return null;
+  function selectStage(next) {
+    setStage(next);
+    if ((ctx == null ? void 0 : ctx.railMode) !== "all") ctx == null ? void 0 : ctx.openCommentList();
+  }
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
@@ -237,28 +251,45 @@ function CommentSidePanel(props) {
             "data-testid": "comment-rail-header",
             className: "sticky top-0 z-20 flex items-center gap-2 bg-background py-2",
             children: [
-              (total > 0 || ctx.railMode === "all") && /* @__PURE__ */ jsxRuntime.jsx(
+              (counts.active > 0 || ctx.railMode === "all") && /* @__PURE__ */ jsxRuntime.jsx(
                 RailToggle,
                 {
-                  active: ctx.railMode === "all",
-                  onClick: ctx.openCommentList,
+                  active: ctx.railMode === "all" && stage === "active",
+                  onClick: () => selectStage("active"),
                   testId: "comment-open-all",
-                  children: ctx.railMode === "closed" ? `Open comments (${total})` : `All comments (${total})`
+                  children: ctx.railMode === "closed" ? `Open comments (${counts.active})` : ctx.railMode === "focused" ? `All comments (${counts.active})` : `Open (${counts.active})`
                 }
               ),
-              resolvedCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+              counts.resolved > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
                 "button",
                 {
                   type: "button",
-                  "aria-pressed": showResolved,
-                  onClick: () => setShowResolved((shown) => !shown),
+                  "aria-pressed": ctx.railMode === "all" && stage === "resolved",
+                  onClick: () => selectStage("resolved"),
                   className: utils.cn(
                     "rounded-full border px-2 py-1 text-xs font-medium transition-colors",
-                    showResolved ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:text-foreground"
+                    ctx.railMode === "all" && stage === "resolved" ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:text-foreground"
                   ),
                   children: [
                     "Resolved (",
-                    resolvedCount,
+                    counts.resolved,
+                    ")"
+                  ]
+                }
+              ),
+              counts.closed > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  "aria-pressed": ctx.railMode === "all" && stage === "closed",
+                  onClick: () => selectStage("closed"),
+                  className: utils.cn(
+                    "rounded-full border px-2 py-1 text-xs font-medium transition-colors",
+                    ctx.railMode === "all" && stage === "closed" ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:text-foreground"
+                  ),
+                  children: [
+                    "Closed (",
+                    counts.closed,
                     ")"
                   ]
                 }
@@ -281,7 +312,8 @@ function CommentSidePanel(props) {
             ctx,
             comments: visible,
             label,
-            emptyLabel: resolvedCount > 0 ? "No open comments." : "No comments yet."
+            emptyLabel: stage === "active" ? "No open comments." : stage === "resolved" ? "No resolved comments." : "No closed comments.",
+            ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
           }
         ) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -294,10 +326,11 @@ function CommentSidePanel(props) {
               FocusedComments,
               {
                 ctx,
-                comments: visible,
+                comments: ctx.comments,
                 anchor: ctx.focusedAnchor,
                 label: label(ctx.focusedAnchor),
-                ...props.compact !== void 0 ? { compact: props.compact } : {}
+                ...props.compact !== void 0 ? { compact: props.compact } : {},
+                ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
               }
             )
           }