@flanksource/clicky-ui 0.3.33 → 0.3.35

package/README.md

@@ -79,6 +79,10 @@ The root `@flanksource/clicky-ui` barrel remains supported for compatibility and
 
 The published package uses plain semver dependency ranges and does not require pnpm workspace or catalog protocols. The package ships ESM and CommonJS entrypoints for the public subpaths above.
 
+## Expression language support
+
+Import gomplate-compatible Monaco language support from `@flanksource/clicky-ui/expressions`, or the optional React playground from `@flanksource/clicky-ui/expressions/playground`. The language entry registers CEL, Go templates, JSONPath, and templates embedded in YAML, JSON, or text without importing the playground UI. See [the expressions guide](./docs/expressions.md).
+
 UI subpaths that render icons are intended for browser bundlers such as Vite, Rollup, Webpack, Rspack, and Bun's bundler. The Iconify React packages expose `.jsx` modules and CSS imports, so plain Node `import`/`require` of icon-heavy subpaths is not a supported verification target.
 
 Markdown and code highlighting use optional peer dependencies (`marked`, `shiki`, and `@shikijs/*`). Install them in applications that render those components.

package/dist/ai.cjs

@@ -47,6 +47,7 @@ const runtimeFamily = require("./lib/runtime-family.cjs");
 const SandboxConnectionsSection = require("./data/ai/SandboxConnectionsSection.cjs");
 const SandboxCreateWizard = require("./data/ai/SandboxCreateWizard.cjs");
 const ToolSchemaBrowser = require("./data/ai/ToolSchemaBrowser.cjs");
+const SessionInspector_approvals = require("./data/ai/SessionInspector.approvals.cjs");
 const SessionChatComposer = require("./data/ai/SessionChatComposer.cjs");
 const SessionViewer_header = require("./data/ai/SessionViewer.header.cjs");
 const SessionInspector = require("./data/ai/SessionInspector.cjs");
@@ -171,6 +172,8 @@ exports.SandboxConnectionsSection = SandboxConnectionsSection.SandboxConnections
 exports.SandboxCreateWizard = SandboxCreateWizard.SandboxCreateWizard;
 exports.SchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
 exports.ToolSchemaBrowser = ToolSchemaBrowser.ToolSchemaBrowser;
+exports.SessionApprovalsPanel = SessionInspector_approvals.SessionApprovalsPanel;
+exports.pendingApprovalRequests = SessionInspector_approvals.pendingApprovalRequests;
 exports.SessionChatComposer = SessionChatComposer.SessionChatComposer;
 exports.SessionContextMeter = SessionViewer_header.SessionContextMeter;
 exports.SessionInspector = SessionInspector.SessionInspector;

package/dist/ai.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ai.js

@@ -45,6 +45,7 @@ import { SPEC_RUNTIME_MODES, familyForModel, modeOptionFor, runtimeModeFromModel
 import { SandboxConnectionsSection } from "./data/ai/SandboxConnectionsSection.js";
 import { SandboxCreateWizard } from "./data/ai/SandboxCreateWizard.js";
 import { ToolSchemaBrowser, ToolSchemaBrowser as ToolSchemaBrowser2 } from "./data/ai/ToolSchemaBrowser.js";
+import { SessionApprovalsPanel, pendingApprovalRequests } from "./data/ai/SessionInspector.approvals.js";
 import { SessionChatComposer } from "./data/ai/SessionChatComposer.js";
 import { SessionContextMeter } from "./data/ai/SessionViewer.header.js";
 import { SessionInspector } from "./data/ai/SessionInspector.js";
@@ -137,6 +138,7 @@ export {
   SandboxConnectionsSection,
   SandboxCreateWizard,
   ToolSchemaBrowser as SchemaBrowser,
+  SessionApprovalsPanel,
   SessionChatComposer,
   SessionContextMeter,
   SessionInspector,
@@ -203,6 +205,7 @@ export {
   normalizeToolPolicy,
   normalizeToolPolicyRules,
   parseContextPrefix,
+  pendingApprovalRequests,
   permissionTarget,
   presetForRef,
   presetsOf,

package/dist/ai.js.map

@@ -1 +1 @@
-{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ai.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/comments/CommentCard.cjs

@@ -10,6 +10,7 @@ const CommentAuthor = require("./CommentAuthor.cjs");
 const CommentCardParts = require("./CommentCardParts.cjs");
 const CommentMarkdown = require("./CommentMarkdown.cjs");
 const commentUtils = require("./comment-utils.cjs");
+const commentStage = require("../lib/comment-stage.cjs");
 const UiCheck = require("../icons/components/UiCheck.cjs");
 const UiLock = require("../icons/components/UiLock.cjs");
 const UiRestart = require("../icons/components/UiRestart.cjs");
@@ -50,10 +51,10 @@ function CommentBody({
   const [actionError, setActionError] = react.useState("");
   const isReply = Boolean(comment.parentId);
   const date = timestampFormat.parseTimestamp(comment.createdAt);
-  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 resolved = commentStage.statusForCommentStage(config, "resolved");
+  const active = commentStage.statusForCommentStage(config, "active");
+  const closed = commentStage.statusForCommentStage(config, "closed");
+  const stage = commentStage.resolveCommentStage(config, comment.status);
   const updateStatus = async (status) => {
     setActionError("");
     try {
@@ -194,7 +195,7 @@ function CommentCard(props) {
         await ((_a = props.onClose) == null ? void 0 : _a.call(props));
         return;
       }
-      const next = commentUtils.statusForCommentStage(
+      const next = commentStage.statusForCommentStage(
         config,
         action === "resolve" ? "resolved" : "active"
       );
@@ -270,21 +271,21 @@ function CommentCard(props) {
                     items: actionMenuItems(isReply, {
                       ...props.onDelete ? { onDelete: props.onDelete } : {},
                       statusActions: [
-                        ...commentUtils.resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && commentUtils.statusForCommentStage(config, "resolved") ? [
+                        ...commentStage.resolveCommentStage(config, comment.status) === "active" && props.onUpdateStatus && commentStage.statusForCommentStage(config, "resolved") ? [
                           {
                             label: "Resolve",
                             icon: UiCheck.UiCheck,
                             onSelect: () => void runCollapsedAction("resolve")
                           }
                         ] : [],
-                        ...commentUtils.resolveCommentStage(config, comment.status) === "resolved" && props.onClose && commentUtils.statusForCommentStage(config, "closed") ? [
+                        ...commentStage.resolveCommentStage(config, comment.status) === "resolved" && props.onClose && commentStage.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") ? [
+                        ...(commentStage.resolveCommentStage(config, comment.status) === "resolved" || commentStage.resolveCommentStage(config, comment.status) === "closed") && props.onUpdateStatus && commentStage.statusForCommentStage(config, "active") ? [
                           {
                             label: "Reopen",
                             icon: UiRestart.UiRestart,

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  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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"}
+{"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 { authorDisplayName, truncatePlain } from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  statusForCommentStage,\n} from \"../lib/comment-stage\";\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

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { Comment, CommentConfig } from './comment-types';
 export type CommentCardProps = {
     comment: Comment;

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;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"}
+{"version":3,"file":"CommentCard.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA+BjD,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

@@ -7,7 +7,8 @@ import { parseTimestamp, formatRelativeTime } from "../data/cells/timestamp-form
 import { CommentAuthorAvatar } from "./CommentAuthor.js";
 import { StatusChip, RatingChip, FacetBadges, ChecklistChips, RefChips } from "./CommentCardParts.js";
 import { CommentMarkdown } from "./CommentMarkdown.js";
-import { authorDisplayName, truncatePlain, resolveCommentStage, statusForCommentStage } from "./comment-utils.js";
+import { authorDisplayName, truncatePlain } from "./comment-utils.js";
+import { resolveCommentStage, statusForCommentStage } from "../lib/comment-stage.js";
 import { UiCheck } from "../icons/components/UiCheck.js";
 import { UiLock } from "../icons/components/UiLock.js";
 import { UiRestart } from "../icons/components/UiRestart.js";

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  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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"}
+{"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 { authorDisplayName, truncatePlain } from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  statusForCommentStage,\n} from \"../lib/comment-stage\";\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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"}

package/dist/comments/CommentCardParts.cjs

@@ -4,6 +4,7 @@ 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 commentStage = require("../lib/comment-stage.cjs");
 const UiThumbsUp = require("../icons/components/UiThumbsUp.cjs");
 const UiThumbsDown = require("../icons/components/UiThumbsDown.cjs");
 function RatingChip({ rating }) {
@@ -26,7 +27,7 @@ function StatusChip({
 }) {
   const status = commentUtils.resolveStatusConfig(config, comment.status);
   if (!status) return null;
-  const closedBy = status.stage === "closed" ? comment.closedBy : void 0;
+  const closedBy = commentStage.resolveCommentStage(config, comment.status) === "closed" ? comment.closedBy : void 0;
   return /* @__PURE__ */ jsxRuntime.jsx(
     Badge.Badge,
     {

package/dist/comments/CommentCardParts.cjs.map

@@ -1 +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":"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"}
+{"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 { resolveCommentStage } from \"../lib/comment-stage\";\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 =\n    resolveCommentStage(config, comment.status) === \"closed\"\n      ? comment.closedBy\n      : 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","resolveCommentStage","toneToBadgeTone","resolveFacetOption","Fragment","cn","jsxs"],"mappings":"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"}

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

@@ -1 +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"}
+{"version":3,"file":"CommentCardParts.d.ts","sourceRoot":"","sources":["../../src/comments/CommentCardParts.tsx"],"names":[],"mappings":"AASA,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,sCAoBA;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

@@ -2,6 +2,7 @@ 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 { resolveCommentStage } from "../lib/comment-stage.js";
 import { UiThumbsUp } from "../icons/components/UiThumbsUp.js";
 import { UiThumbsDown } from "../icons/components/UiThumbsDown.js";
 function RatingChip({ rating }) {
@@ -24,7 +25,7 @@ function StatusChip({
 }) {
   const status = resolveStatusConfig(config, comment.status);
   if (!status) return null;
-  const closedBy = status.stage === "closed" ? comment.closedBy : void 0;
+  const closedBy = resolveCommentStage(config, comment.status) === "closed" ? comment.closedBy : void 0;
   return /* @__PURE__ */ jsx(
     Badge,
     {

package/dist/comments/CommentCardParts.js.map

@@ -1 +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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"}
+{"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 { resolveCommentStage } from \"../lib/comment-stage\";\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 =\n    resolveCommentStage(config, comment.status) === \"closed\"\n      ? comment.closedBy\n      : 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":";;;;;;;AAWO,SAAS,WAAW,EAAE,UAAiD;AAC5E,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,WAAW,WAAW;AAC5B,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,WAAW,YAAY;AAAA,MAC7B,MAAK;AAAA,MACL,MAAM,WAAW,aAAa;AAAA,MAE7B,qBAAW,oBAAoB;AAAA,IAAA;AAAA,EAAA;AAGtC;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,SAAS,oBAAoB,QAAQ,QAAQ,MAAM;AACzD,MAAI,CAAC,OAAQ,QAAO;AACpB,QAAM,WACJ,oBAAoB,QAAQ,QAAQ,MAAM,MAAM,WAC5C,QAAQ,WACR;AACN,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,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,SAAS,mBAAmB,QAAO,aAAQ,WAAR,mBAAiB,MAAM,IAAI;AACpE,QAAI,CAAC,OAAQ,QAAO,CAAA;AACpB,WAAO;AAAA,MACL;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,SAAQ;AAAA,UACR,MAAM,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,IAAI,oBAAA,UAAA,EAAG,iBAAM,IAAM;AAC3C;AAEO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;;AACD,MAAI,GAAC,aAAQ,cAAR,mBAAmB,QAAQ,QAAO;AACvC,SACE,oBAAC,SAAI,WAAU,wBACZ,kBAAQ,UAAU,IAAI,CAAC,MAAM,UAAU;AACtC,UAAM,OAAO,0BAA0B,KAAK,KAAK,MAAM;AACvD,UAAM,SAAS,kBAAkB,KAAK,KAAK,MAAM;AACjD,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,SAAS,MAAM,uDAAoB;AAAA,QACnC,UAAU,CAAC;AAAA,QACX,WAAW;AAAA,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,SACE,oBAAC,SAAI,WAAU,0BACZ,kBAAQ,KAAK,IAAI,CAAC,OAAO,UACxB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,qBAAC,QAAA,EAAK,WAAU,eAAe,UAAA;AAAA,UAAA,MAAM;AAAA,UAAM;AAAA,QAAA,GAAC;AAAA,QAC5C,oBAAC,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/CommentProvider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
+import { ReactNode } from 'react';
 import { AnchorResolver, CommentRailMode } from './comment-context';
 import { Comment, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentProviderProps = CommentCallbacks & {

package/dist/comments/CommentSidePanel.cjs

@@ -8,6 +8,7 @@ const CommentThread = require("./CommentThread.cjs");
 const CommentThreadList = require("./CommentThreadList.cjs");
 const commentContext = require("./comment-context.cjs");
 const commentUtils = require("./comment-utils.cjs");
+const commentStage = require("../lib/comment-stage.cjs");
 const commentTypes = require("./comment-types.cjs");
 const UiComment = require("../icons/components/UiComment.cjs");
 function defaultAnchorLabel(anchor) {
@@ -225,13 +226,13 @@ function CommentSidePanel(props) {
   if (!ctx) return null;
   const counts = commentUtils.getRoots(ctx.comments).reduce(
     (result, root) => {
-      const rootStage = commentUtils.resolveCommentStage(ctx.config, root.status);
+      const rootStage = commentStage.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);
+  const visible = commentStage.selectCommentThreadsByStage(ctx.comments, ctx.config, stage);
   if (ctx.railMode === "closed" && counts.active + counts.resolved + counts.closed === 0)
     return null;
   function selectStage(next) {