@flanksource/clicky-ui 0.3.31 → 0.3.33

package/dist/comments/CommentCard.cjs

@@ -10,36 +10,19 @@ const CommentAuthor = require("./CommentAuthor.cjs");
 const CommentCardParts = require("./CommentCardParts.cjs");
 const CommentMarkdown = require("./CommentMarkdown.cjs");
 const commentUtils = require("./comment-utils.cjs");
-const UiDotsVertical = require("../icons/components/UiDotsVertical.cjs");
-const UiTrash = require("../icons/components/UiTrash.cjs");
 const UiCheck = require("../icons/components/UiCheck.cjs");
+const UiLock = require("../icons/components/UiLock.cjs");
 const UiRestart = require("../icons/components/UiRestart.cjs");
+const UiDotsVertical = require("../icons/components/UiDotsVertical.cjs");
+const UiTrash = require("../icons/components/UiTrash.cjs");
 const UiCopy = require("../icons/components/UiCopy.cjs");
 const UiFullscreen = require("../icons/components/UiFullscreen.cjs");
-function completionStatus(config) {
-  for (const completionName of ["resolved", "closed"]) {
-    const status = config.statuses.find(
-      (candidate) => candidate.value.toLowerCase() === completionName || candidate.label.toLowerCase() === completionName
-    );
-    if (status) return status;
-  }
-  return void 0;
-}
-function reopenStatus(config) {
-  return config.statuses.find((status) => status.unresolved);
-}
 function actionMenuItems(isReply, opts) {
   const items = [];
   if (opts.onDelete) {
     items.push({ label: "Delete", icon: UiTrash.UiTrash, onSelect: opts.onDelete });
   }
-  if (!isReply && opts.onToggleStatus && opts.toggleStatusLabel) {
-    items.push({
-      label: opts.toggleStatusLabel,
-      icon: opts.toggleStatusLabel === "Resolve" ? UiCheck.UiCheck : UiRestart.UiRestart,
-      onSelect: opts.onToggleStatus
-    });
-  }
+  if (!isReply) items.push(...opts.statusActions ?? []);
   if (opts.onCopy) {
     items.push({ label: "Copy", icon: UiCopy.UiCopy, onSelect: opts.onCopy });
   }
@@ -57,6 +40,7 @@ function CommentBody({
   config,
   renderBody,
   onUpdateStatus,
+  onClose,
   onDelete,
   onCopy,
   onReply,
@@ -66,9 +50,10 @@ function CommentBody({
   const [actionError, setActionError] = react.useState("");
   const isReply = Boolean(comment.parentId);
   const date = timestampFormat.parseTimestamp(comment.createdAt);
-  const completion = completionStatus(config);
-  const reopen = reopenStatus(config);
-  const unresolved = comment.status == null || commentUtils.isUnresolved(config, comment.status);
+  const resolved = commentUtils.statusForCommentStage(config, "resolved");
+  const active = commentUtils.statusForCommentStage(config, "active");
+  const closed = commentUtils.statusForCommentStage(config, "closed");
+  const stage = commentUtils.resolveCommentStage(config, comment.status);
   const updateStatus = async (status) => {
     setActionError("");
     try {
@@ -79,6 +64,16 @@ function CommentBody({
       );
     }
   };
+  const close = async () => {
+    setActionError("");
+    try {
+      await (onClose == null ? void 0 : onClose());
+    } catch (error) {
+      setActionError(
+        `Couldn't close comment: ${error instanceof Error ? error.message : "Unexpected error"}`
+      );
+    }
+  };
   const copy = async () => {
     setActionError("");
     try {
@@ -91,14 +86,29 @@ function CommentBody({
   };
   const menuItems = actionMenuItems(isReply, {
     ...onDelete ? { onDelete } : {},
-    ...!isReply && onUpdateStatus && completion && unresolved ? {
-      onToggleStatus: () => void updateStatus(completion.value),
-      toggleStatusLabel: "Resolve"
-    } : {},
-    ...!isReply && onUpdateStatus && reopen && !unresolved ? {
-      onToggleStatus: () => void updateStatus(reopen.value),
-      toggleStatusLabel: "Reopen"
-    } : {},
+    statusActions: [
+      ...stage === "active" && onUpdateStatus && resolved ? [
+        {
+          label: "Resolve",
+          icon: UiCheck.UiCheck,
+          onSelect: () => void updateStatus(resolved.value)
+        }
+      ] : [],
+      ...stage === "resolved" && onClose && closed ? [
+        {
+          label: "Close",
+          icon: UiLock.UiLock,
+          onSelect: () => void close()
+        }
+      ] : [],
+      ...(stage === "resolved" || stage === "closed") && onUpdateStatus && active ? [
+        {
+          label: "Reopen",
+          icon: UiRestart.UiRestart,
+          onSelect: () => void updateStatus(active.value)
+        }
+      ] : []
+    ],
     ...onCopy ? { onCopy: () => void copy() } : {},
     ...onMaximize ? { onMaximize } : {}
   });
@@ -118,6 +128,7 @@ function CommentBody({
           )
         ] }),
         !isReply && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-1 flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.StatusChip, { comment, config }),
           /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.RatingChip, { rating: comment.rating }),
           /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.FacetBadges, { comment, config })
         ] })
@@ -175,18 +186,22 @@ function CommentCard(props) {
   const [collapsedActionError, setCollapsedActionError] = react.useState("");
   const isReply = Boolean(comment.parentId);
   const body = /* @__PURE__ */ jsxRuntime.jsx(CommentBody, { ...props });
-  async function updateCollapsedStatus() {
-    var _a;
-    const completion = completionStatus(config);
-    const unresolved = comment.status == null || commentUtils.isUnresolved(config, comment.status);
-    const next = unresolved ? completion : reopenStatus(config);
-    if (!next) return;
+  async function runCollapsedAction(action) {
+    var _a, _b;
     setCollapsedActionError("");
     try {
-      await ((_a = props.onUpdateStatus) == null ? void 0 : _a.call(props, next.value));
+      if (action === "close") {
+        await ((_a = props.onClose) == null ? void 0 : _a.call(props));
+        return;
+      }
+      const next = commentUtils.statusForCommentStage(
+        config,
+        action === "resolve" ? "resolved" : "active"
+      );
+      if (next) await ((_b = props.onUpdateStatus) == null ? void 0 : _b.call(props, next.value));
     } catch (error) {
       setCollapsedActionError(
-        `Couldn't update comment: ${error instanceof Error ? error.message : "Unexpected error"}`
+        `${action === "close" ? "Couldn't close comment" : "Couldn't update comment"}: ${error instanceof Error ? error.message : "Unexpected error"}`
       );
     }
   }
@@ -227,6 +242,7 @@ function CommentCard(props) {
             /* @__PURE__ */ jsxRuntime.jsx(CommentAuthor.CommentAuthorAvatar, { author: comment.author, bare: true }),
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-[11px] font-semibold text-foreground", children: commentUtils.authorDisplayName(comment.author) }),
             !isReply && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.StatusChip, { comment, config }),
               /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.RatingChip, { rating: comment.rating }),
               /* @__PURE__ */ jsxRuntime.jsx(CommentCardParts.FacetBadges, { comment, config, compact: true })
             ] }),
@@ -253,10 +269,29 @@ function CommentCard(props) {
                     ),
                     items: actionMenuItems(isReply, {
                       ...props.onDelete ? { onDelete: props.onDelete } : {},
-                      ...!isReply && props.onUpdateStatus && completionStatus(config) ? {
-                        onToggleStatus: () => void updateCollapsedStatus(),
-                        toggleStatusLabel: comment.status == null || commentUtils.isUnresolved(config, comment.status) ? "Resolve" : "Reopen"
-                      } : {},
+                      statusActions: [
+                        ...commentUtils.resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && commentUtils.statusForCommentStage(config, "resolved") ? [
+                          {
+                            label: "Resolve",
+                            icon: UiCheck.UiCheck,
+                            onSelect: () => void runCollapsedAction("resolve")
+                          }
+                        ] : [],
+                        ...commentUtils.resolveCommentStage(config, comment.status) === "resolved" && props.onClose && commentUtils.statusForCommentStage(config, "closed") ? [
+                          {
+                            label: "Close",
+                            icon: UiLock.UiLock,
+                            onSelect: () => void runCollapsedAction("close")
+                          }
+                        ] : [],
+                        ...(commentUtils.resolveCommentStage(config, comment.status) === "resolved" || commentUtils.resolveCommentStage(config, comment.status) === "closed") && props.onUpdateStatus && commentUtils.statusForCommentStage(config, "active") ? [
+                          {
+                            label: "Reopen",
+                            icon: UiRestart.UiRestart,
+                            onSelect: () => void runCollapsedAction("reopen")
+                          }
+                        ] : []
+                      ],
                       ...props.onCopy ? { onCopy: () => void copyCollapsed() } : {},
                       ...props.onMaximize ? { onMaximize: props.onMaximize } : {}
                     })

package/dist/comments/CommentCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.cjs","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  RefChips,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  isUnresolved,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nfunction completionStatus(config: CommentConfig) {\n  for (const completionName of [\"resolved\", \"closed\"]) {\n    const status = config.statuses.find(\n      (candidate) =>\n        candidate.value.toLowerCase() === completionName ||\n        candidate.label.toLowerCase() === completionName,\n    );\n    if (status) return status;\n  }\n  return undefined;\n}\n\nfunction reopenStatus(config: CommentConfig) {\n  return config.statuses.find((status) => status.unresolved);\n}\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    onToggleStatus?: () => void;\n    toggleStatusLabel?: \"Resolve\" | \"Reopen\";\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply && opts.onToggleStatus && opts.toggleStatusLabel) {\n    items.push({\n      label: opts.toggleStatusLabel,\n      icon: opts.toggleStatusLabel === \"Resolve\" ? UiCheck : UiRestart,\n      onSelect: opts.onToggleStatus,\n    });\n  }\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onDelete,\n  onCopy,\n  onReply,\n  onChecklistToggle,\n  onMaximize,\n}: CommentCardProps) {\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const completion = completionStatus(config);\n  const reopen = reopenStatus(config);\n  const unresolved =\n    comment.status == null || isUnresolved(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    ...(!isReply && onUpdateStatus && completion && unresolved\n      ? {\n          onToggleStatus: () => void updateStatus(completion.value),\n          toggleStatusLabel: \"Resolve\" as const,\n        }\n      : {}),\n    ...(!isReply && onUpdateStatus && reopen && !unresolved\n      ? {\n          onToggleStatus: () => void updateStatus(reopen.value),\n          toggleStatusLabel: \"Reopen\" as const,\n        }\n      : {}),\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function updateCollapsedStatus() {\n    const completion = completionStatus(config);\n    const unresolved =\n      comment.status == null || isUnresolved(config, comment.status);\n    const next = unresolved ? completion : reopenStatus(config);\n    if (!next) return;\n    setCollapsedActionError(\"\");\n    try {\n      await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                ...(!isReply && props.onUpdateStatus && completionStatus(config)\n                  ? {\n                      onToggleStatus: () => void updateCollapsedStatus(),\n                      toggleStatusLabel:\n                        comment.status == null ||\n                        isUnresolved(config, comment.status)\n                          ? \"Resolve\"\n                          : \"Reopen\",\n                    }\n                  : {}),\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"names":["UiTrash","UiCheck","UiRestart","UiCopy","UiFullscreen","useState","parseTimestamp","isUnresolved","jsxs","jsx","CommentAuthorAvatar","authorDisplayName","RatingChip","FacetBadges","DropdownMenu","Icon","UiDotsVertical","CommentMarkdown","ChecklistChips","RefChips","Fragment","cn","truncatePlain"],"mappings":"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"}
+{"version":3,"file":"CommentCard.cjs","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiLock,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  RefChips,\n  StatusChip,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  resolveCommentStage,\n  statusForCommentStage,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Close a resolved root comment. */\n  onClose?: () => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    statusActions?: DropdownMenuItem[];\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply) items.push(...(opts.statusActions ?? []));\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onClose,\n  onDelete,\n  onCopy,\n  onReply,\n  onChecklistToggle,\n  onMaximize,\n}: CommentCardProps) {\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const resolved = statusForCommentStage(config, \"resolved\");\n  const active = statusForCommentStage(config, \"active\");\n  const closed = statusForCommentStage(config, \"closed\");\n  const stage = resolveCommentStage(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const close = async () => {\n    setActionError(\"\");\n    try {\n      await onClose?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't close comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    statusActions: [\n      ...(stage === \"active\" && onUpdateStatus && resolved\n        ? [\n            {\n              label: \"Resolve\",\n              icon: UiCheck,\n              onSelect: () => void updateStatus(resolved.value),\n            },\n          ]\n        : []),\n      ...(stage === \"resolved\" && onClose && closed\n        ? [\n            {\n              label: \"Close\",\n              icon: UiLock,\n              onSelect: () => void close(),\n            },\n          ]\n        : []),\n      ...((stage === \"resolved\" || stage === \"closed\") &&\n      onUpdateStatus &&\n      active\n        ? [\n            {\n              label: \"Reopen\",\n              icon: UiRestart,\n              onSelect: () => void updateStatus(active.value),\n            },\n          ]\n        : []),\n    ],\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function runCollapsedAction(action: \"resolve\" | \"close\" | \"reopen\") {\n    setCollapsedActionError(\"\");\n    try {\n      if (action === \"close\") {\n        await props.onClose?.();\n        return;\n      }\n      const next = statusForCommentStage(\n        config,\n        action === \"resolve\" ? \"resolved\" : \"active\",\n      );\n      if (next) await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `${action === \"close\" ? \"Couldn't close comment\" : \"Couldn't update comment\"}: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                statusActions: [\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"active\" &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"resolved\")\n                    ? [\n                        {\n                          label: \"Resolve\",\n                          icon: UiCheck,\n                          onSelect: () => void runCollapsedAction(\"resolve\"),\n                        },\n                      ]\n                    : []),\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"resolved\" &&\n                  props.onClose &&\n                  statusForCommentStage(config, \"closed\")\n                    ? [\n                        {\n                          label: \"Close\",\n                          icon: UiLock,\n                          onSelect: () => void runCollapsedAction(\"close\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"resolved\" ||\n                    resolveCommentStage(config, comment.status) === \"closed\") &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"active\")\n                    ? [\n                        {\n                          label: \"Reopen\",\n                          icon: UiRestart,\n                          onSelect: () => void runCollapsedAction(\"reopen\"),\n                        },\n                      ]\n                    : []),\n                ],\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"names":["UiTrash","UiCopy","UiFullscreen","useState","parseTimestamp","statusForCommentStage","resolveCommentStage","UiCheck","UiLock","UiRestart","jsxs","jsx","CommentAuthorAvatar","authorDisplayName","StatusChip","RatingChip","FacetBadges","DropdownMenu","Icon","UiDotsVertical","CommentMarkdown","ChecklistChips","RefChips","Fragment","cn","truncatePlain"],"mappings":"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"}

package/dist/comments/CommentCard.d.ts

@@ -11,6 +11,8 @@ export type CommentCardProps = {
     renderBody?: (body: string) => ReactNode;
     /** Change this comment's status (roots only). */
     onUpdateStatus?: (status: string) => void | Promise<void>;
+    /** Close a resolved root comment. */
+    onClose?: () => void | Promise<void>;
     /** Delete this comment. */
     onDelete?: () => void;
     /** Copy this comment's whole thread in the caller's canonical format. */

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

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA6BjD,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAkB9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AA8KF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA4IlD"}
+{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAgCjD,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,aAAa,CAAC;IACtB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,iDAAiD;IACjD,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,yEAAyE;IACzE,MAAM,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAsMF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,+BA6KlD"}

package/dist/comments/CommentCard.js

@@ -5,39 +5,22 @@ import { Icon } from "../data/Icon.js";
 import { DropdownMenu } from "../overlay/DropdownMenu.js";
 import { parseTimestamp, formatRelativeTime } from "../data/cells/timestamp-format.js";
 import { CommentAuthorAvatar } from "./CommentAuthor.js";
-import { RatingChip, FacetBadges, ChecklistChips, RefChips } from "./CommentCardParts.js";
+import { StatusChip, RatingChip, FacetBadges, ChecklistChips, RefChips } from "./CommentCardParts.js";
 import { CommentMarkdown } from "./CommentMarkdown.js";
-import { authorDisplayName, truncatePlain, isUnresolved } from "./comment-utils.js";
-import { UiDotsVertical } from "../icons/components/UiDotsVertical.js";
-import { UiTrash } from "../icons/components/UiTrash.js";
+import { authorDisplayName, truncatePlain, resolveCommentStage, statusForCommentStage } from "./comment-utils.js";
 import { UiCheck } from "../icons/components/UiCheck.js";
+import { UiLock } from "../icons/components/UiLock.js";
 import { UiRestart } from "../icons/components/UiRestart.js";
+import { UiDotsVertical } from "../icons/components/UiDotsVertical.js";
+import { UiTrash } from "../icons/components/UiTrash.js";
 import { UiCopy } from "../icons/components/UiCopy.js";
 import { UiFullscreen } from "../icons/components/UiFullscreen.js";
-function completionStatus(config) {
-  for (const completionName of ["resolved", "closed"]) {
-    const status = config.statuses.find(
-      (candidate) => candidate.value.toLowerCase() === completionName || candidate.label.toLowerCase() === completionName
-    );
-    if (status) return status;
-  }
-  return void 0;
-}
-function reopenStatus(config) {
-  return config.statuses.find((status) => status.unresolved);
-}
 function actionMenuItems(isReply, opts) {
   const items = [];
   if (opts.onDelete) {
     items.push({ label: "Delete", icon: UiTrash, onSelect: opts.onDelete });
   }
-  if (!isReply && opts.onToggleStatus && opts.toggleStatusLabel) {
-    items.push({
-      label: opts.toggleStatusLabel,
-      icon: opts.toggleStatusLabel === "Resolve" ? UiCheck : UiRestart,
-      onSelect: opts.onToggleStatus
-    });
-  }
+  if (!isReply) items.push(...opts.statusActions ?? []);
   if (opts.onCopy) {
     items.push({ label: "Copy", icon: UiCopy, onSelect: opts.onCopy });
   }
@@ -55,6 +38,7 @@ function CommentBody({
   config,
   renderBody,
   onUpdateStatus,
+  onClose,
   onDelete,
   onCopy,
   onReply,
@@ -64,9 +48,10 @@ function CommentBody({
   const [actionError, setActionError] = useState("");
   const isReply = Boolean(comment.parentId);
   const date = parseTimestamp(comment.createdAt);
-  const completion = completionStatus(config);
-  const reopen = reopenStatus(config);
-  const unresolved = comment.status == null || isUnresolved(config, comment.status);
+  const resolved = statusForCommentStage(config, "resolved");
+  const active = statusForCommentStage(config, "active");
+  const closed = statusForCommentStage(config, "closed");
+  const stage = resolveCommentStage(config, comment.status);
   const updateStatus = async (status) => {
     setActionError("");
     try {
@@ -77,6 +62,16 @@ function CommentBody({
       );
     }
   };
+  const close = async () => {
+    setActionError("");
+    try {
+      await (onClose == null ? void 0 : onClose());
+    } catch (error) {
+      setActionError(
+        `Couldn't close comment: ${error instanceof Error ? error.message : "Unexpected error"}`
+      );
+    }
+  };
   const copy = async () => {
     setActionError("");
     try {
@@ -89,14 +84,29 @@ function CommentBody({
   };
   const menuItems = actionMenuItems(isReply, {
     ...onDelete ? { onDelete } : {},
-    ...!isReply && onUpdateStatus && completion && unresolved ? {
-      onToggleStatus: () => void updateStatus(completion.value),
-      toggleStatusLabel: "Resolve"
-    } : {},
-    ...!isReply && onUpdateStatus && reopen && !unresolved ? {
-      onToggleStatus: () => void updateStatus(reopen.value),
-      toggleStatusLabel: "Reopen"
-    } : {},
+    statusActions: [
+      ...stage === "active" && onUpdateStatus && resolved ? [
+        {
+          label: "Resolve",
+          icon: UiCheck,
+          onSelect: () => void updateStatus(resolved.value)
+        }
+      ] : [],
+      ...stage === "resolved" && onClose && closed ? [
+        {
+          label: "Close",
+          icon: UiLock,
+          onSelect: () => void close()
+        }
+      ] : [],
+      ...(stage === "resolved" || stage === "closed") && onUpdateStatus && active ? [
+        {
+          label: "Reopen",
+          icon: UiRestart,
+          onSelect: () => void updateStatus(active.value)
+        }
+      ] : []
+    ],
     ...onCopy ? { onCopy: () => void copy() } : {},
     ...onMaximize ? { onMaximize } : {}
   });
@@ -116,6 +126,7 @@ function CommentBody({
           )
         ] }),
         !isReply && /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsx(StatusChip, { comment, config }),
           /* @__PURE__ */ jsx(RatingChip, { rating: comment.rating }),
           /* @__PURE__ */ jsx(FacetBadges, { comment, config })
         ] })
@@ -173,18 +184,22 @@ function CommentCard(props) {
   const [collapsedActionError, setCollapsedActionError] = useState("");
   const isReply = Boolean(comment.parentId);
   const body = /* @__PURE__ */ jsx(CommentBody, { ...props });
-  async function updateCollapsedStatus() {
-    var _a;
-    const completion = completionStatus(config);
-    const unresolved = comment.status == null || isUnresolved(config, comment.status);
-    const next = unresolved ? completion : reopenStatus(config);
-    if (!next) return;
+  async function runCollapsedAction(action) {
+    var _a, _b;
     setCollapsedActionError("");
     try {
-      await ((_a = props.onUpdateStatus) == null ? void 0 : _a.call(props, next.value));
+      if (action === "close") {
+        await ((_a = props.onClose) == null ? void 0 : _a.call(props));
+        return;
+      }
+      const next = statusForCommentStage(
+        config,
+        action === "resolve" ? "resolved" : "active"
+      );
+      if (next) await ((_b = props.onUpdateStatus) == null ? void 0 : _b.call(props, next.value));
     } catch (error) {
       setCollapsedActionError(
-        `Couldn't update comment: ${error instanceof Error ? error.message : "Unexpected error"}`
+        `${action === "close" ? "Couldn't close comment" : "Couldn't update comment"}: ${error instanceof Error ? error.message : "Unexpected error"}`
       );
     }
   }
@@ -225,6 +240,7 @@ function CommentCard(props) {
             /* @__PURE__ */ jsx(CommentAuthorAvatar, { author: comment.author, bare: true }),
             /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[11px] font-semibold text-foreground", children: authorDisplayName(comment.author) }),
             !isReply && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(StatusChip, { comment, config }),
               /* @__PURE__ */ jsx(RatingChip, { rating: comment.rating }),
               /* @__PURE__ */ jsx(FacetBadges, { comment, config, compact: true })
             ] }),
@@ -251,10 +267,29 @@ function CommentCard(props) {
                     ),
                     items: actionMenuItems(isReply, {
                       ...props.onDelete ? { onDelete: props.onDelete } : {},
-                      ...!isReply && props.onUpdateStatus && completionStatus(config) ? {
-                        onToggleStatus: () => void updateCollapsedStatus(),
-                        toggleStatusLabel: comment.status == null || isUnresolved(config, comment.status) ? "Resolve" : "Reopen"
-                      } : {},
+                      statusActions: [
+                        ...resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && statusForCommentStage(config, "resolved") ? [
+                          {
+                            label: "Resolve",
+                            icon: UiCheck,
+                            onSelect: () => void runCollapsedAction("resolve")
+                          }
+                        ] : [],
+                        ...resolveCommentStage(config, comment.status) === "resolved" && props.onClose && statusForCommentStage(config, "closed") ? [
+                          {
+                            label: "Close",
+                            icon: UiLock,
+                            onSelect: () => void runCollapsedAction("close")
+                          }
+                        ] : [],
+                        ...(resolveCommentStage(config, comment.status) === "resolved" || resolveCommentStage(config, comment.status) === "closed") && props.onUpdateStatus && statusForCommentStage(config, "active") ? [
+                          {
+                            label: "Reopen",
+                            icon: UiRestart,
+                            onSelect: () => void runCollapsedAction("reopen")
+                          }
+                        ] : []
+                      ],
                       ...props.onCopy ? { onCopy: () => void copyCollapsed() } : {},
                       ...props.onMaximize ? { onMaximize: props.onMaximize } : {}
                     })

package/dist/comments/CommentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.js","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  RefChips,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  isUnresolved,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nfunction completionStatus(config: CommentConfig) {\n  for (const completionName of [\"resolved\", \"closed\"]) {\n    const status = config.statuses.find(\n      (candidate) =>\n        candidate.value.toLowerCase() === completionName ||\n        candidate.label.toLowerCase() === completionName,\n    );\n    if (status) return status;\n  }\n  return undefined;\n}\n\nfunction reopenStatus(config: CommentConfig) {\n  return config.statuses.find((status) => status.unresolved);\n}\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    onToggleStatus?: () => void;\n    toggleStatusLabel?: \"Resolve\" | \"Reopen\";\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply && opts.onToggleStatus && opts.toggleStatusLabel) {\n    items.push({\n      label: opts.toggleStatusLabel,\n      icon: opts.toggleStatusLabel === \"Resolve\" ? UiCheck : UiRestart,\n      onSelect: opts.onToggleStatus,\n    });\n  }\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onDelete,\n  onCopy,\n  onReply,\n  onChecklistToggle,\n  onMaximize,\n}: CommentCardProps) {\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const completion = completionStatus(config);\n  const reopen = reopenStatus(config);\n  const unresolved =\n    comment.status == null || isUnresolved(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    ...(!isReply && onUpdateStatus && completion && unresolved\n      ? {\n          onToggleStatus: () => void updateStatus(completion.value),\n          toggleStatusLabel: \"Resolve\" as const,\n        }\n      : {}),\n    ...(!isReply && onUpdateStatus && reopen && !unresolved\n      ? {\n          onToggleStatus: () => void updateStatus(reopen.value),\n          toggleStatusLabel: \"Reopen\" as const,\n        }\n      : {}),\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function updateCollapsedStatus() {\n    const completion = completionStatus(config);\n    const unresolved =\n      comment.status == null || isUnresolved(config, comment.status);\n    const next = unresolved ? completion : reopenStatus(config);\n    if (!next) return;\n    setCollapsedActionError(\"\");\n    try {\n      await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                ...(!isReply && props.onUpdateStatus && completionStatus(config)\n                  ? {\n                      onToggleStatus: () => void updateCollapsedStatus(),\n                      toggleStatusLabel:\n                        comment.status == null ||\n                        isUnresolved(config, comment.status)\n                          ? \"Resolve\"\n                          : \"Reopen\",\n                    }\n                  : {}),\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentCard.js","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiCopy,\n  UiDotsVertical,\n  UiFullscreen,\n  UiLock,\n  UiRestart,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport {\n  ChecklistChips,\n  FacetBadges,\n  RatingChip,\n  RefChips,\n  StatusChip,\n} from \"./CommentCardParts\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  resolveCommentStage,\n  statusForCommentStage,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Close a resolved root comment. */\n  onClose?: () => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Copy this comment's whole thread in the caller's canonical format. */\n  onCopy?: () => void | Promise<void>;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction actionMenuItems(\n  isReply: boolean,\n  opts: {\n    onDelete?: () => void;\n    statusActions?: DropdownMenuItem[];\n    onCopy?: () => void;\n    onMaximize?: () => void;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  if (!isReply) items.push(...(opts.statusActions ?? []));\n  if (opts.onCopy) {\n    items.push({ label: \"Copy\", icon: UiCopy, onSelect: opts.onCopy });\n  }\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximise\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  return items;\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onClose,\n  onDelete,\n  onCopy,\n  onReply,\n  onChecklistToggle,\n  onMaximize,\n}: CommentCardProps) {\n  const [actionError, setActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const resolved = statusForCommentStage(config, \"resolved\");\n  const active = statusForCommentStage(config, \"active\");\n  const closed = statusForCommentStage(config, \"closed\");\n  const stage = resolveCommentStage(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setActionError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setActionError(\n        `Couldn't update comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const close = async () => {\n    setActionError(\"\");\n    try {\n      await onClose?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't close comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const copy = async () => {\n    setActionError(\"\");\n    try {\n      await onCopy?.();\n    } catch (error) {\n      setActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  };\n  const menuItems = actionMenuItems(isReply, {\n    ...(onDelete ? { onDelete } : {}),\n    statusActions: [\n      ...(stage === \"active\" && onUpdateStatus && resolved\n        ? [\n            {\n              label: \"Resolve\",\n              icon: UiCheck,\n              onSelect: () => void updateStatus(resolved.value),\n            },\n          ]\n        : []),\n      ...(stage === \"resolved\" && onClose && closed\n        ? [\n            {\n              label: \"Close\",\n              icon: UiLock,\n              onSelect: () => void close(),\n            },\n          ]\n        : []),\n      ...((stage === \"resolved\" || stage === \"closed\") &&\n      onUpdateStatus &&\n      active\n        ? [\n            {\n              label: \"Reopen\",\n              icon: UiRestart,\n              onSelect: () => void updateStatus(active.value),\n            },\n          ]\n        : []),\n    ],\n    ...(onCopy ? { onCopy: () => void copy() } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {actionError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          {actionError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximise action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedActionError, setCollapsedActionError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const body = <CommentBody {...props} />;\n\n  async function runCollapsedAction(action: \"resolve\" | \"close\" | \"reopen\") {\n    setCollapsedActionError(\"\");\n    try {\n      if (action === \"close\") {\n        await props.onClose?.();\n        return;\n      }\n      const next = statusForCommentStage(\n        config,\n        action === \"resolve\" ? \"resolved\" : \"active\",\n      );\n      if (next) await props.onUpdateStatus?.(next.value);\n    } catch (error) {\n      setCollapsedActionError(\n        `${action === \"close\" ? \"Couldn't close comment\" : \"Couldn't update comment\"}: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  async function copyCollapsed() {\n    setCollapsedActionError(\"\");\n    try {\n      await props.onCopy?.();\n    } catch (error) {\n      setCollapsedActionError(\n        `Couldn't copy comment: ${error instanceof Error ? error.message : \"Unexpected error\"}`,\n      );\n    }\n  }\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <StatusChip comment={comment} config={config} />\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={actionMenuItems(isReply, {\n                ...(props.onDelete ? { onDelete: props.onDelete } : {}),\n                statusActions: [\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"active\" &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"resolved\")\n                    ? [\n                        {\n                          label: \"Resolve\",\n                          icon: UiCheck,\n                          onSelect: () => void runCollapsedAction(\"resolve\"),\n                        },\n                      ]\n                    : []),\n                  ...(resolveCommentStage(config, comment.status) ===\n                    \"resolved\" &&\n                  props.onClose &&\n                  statusForCommentStage(config, \"closed\")\n                    ? [\n                        {\n                          label: \"Close\",\n                          icon: UiLock,\n                          onSelect: () => void runCollapsedAction(\"close\"),\n                        },\n                      ]\n                    : []),\n                  ...((resolveCommentStage(config, comment.status) ===\n                    \"resolved\" ||\n                    resolveCommentStage(config, comment.status) === \"closed\") &&\n                  props.onUpdateStatus &&\n                  statusForCommentStage(config, \"active\")\n                    ? [\n                        {\n                          label: \"Reopen\",\n                          icon: UiRestart,\n                          onSelect: () => void runCollapsedAction(\"reopen\"),\n                        },\n                      ]\n                    : []),\n                ],\n                ...(props.onCopy ? { onCopy: () => void copyCollapsed() } : {}),\n                ...(props.onMaximize ? { onMaximize: props.onMaximize } : {}),\n              })}\n            />\n          </span>\n        </div>\n        {collapsedActionError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            {collapsedActionError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}