@flanksource/clicky-ui 0.3.47 → 0.3.49

package/README.md

@@ -29,6 +29,55 @@ export function App() {
 }
 ```
 
+## Verification details
+
+`VerificationResults` renders typed fixture steps through `verificationAdapters()`. **Detail** explains execution: commands, assertions, a compact wait summary, events and exported variables. **Outputs** contains the selected attempt's final structured result, including `null` and empty objects. The header's attempt selector appears for multiple attempts and defaults to the latest; selecting an attempt switches its execution, wait, Outputs and Copy details together, while the tree and run totals retain the step's overall verdict. Reports without stored historical evidence say so when that attempt is selected.
+
+Waits retain the effective policy, outcome, actual elapsed `durationMs`, final `outputs`, and optional terminal `error` and `trace`. Intermediate poll values are not persisted. The summary shows the condition, elapsed badge, outcome and truncated output preview on one line; the full condition is available on hover, full outputs in the Outputs tab, and schedule/error diagnostics in the Wait details disclosure. `TestRunner` and `VerificationResults` accept `activeAttempt` and `onAttemptChange` for hosts that store the selection in the URL. Domain adapters supply `{ id, status, durationMs, node }` views through `detailAttempts`.
+
+Hosts can replace just the wait section without replacing the rest of the fixture renderer:
+
+```tsx
+import {
+  VerificationResults,
+  verificationAdapters,
+  type VerifyReport,
+} from "@flanksource/clicky-ui/data";
+
+const adapters = verificationAdapters({
+  renderWait: (wait) => (
+    <p>{wait.outcome}: {wait.durationMs}ms</p>
+  ),
+});
+
+export function VerificationPanel({ report }: { report: VerifyReport }) {
+  return <VerificationResults report={report} adapters={adapters} />;
+}
+```
+
+The optional `renderWait` callback receives the parsed final `WaitDetail`. Omitting it uses the compact row; returning `null` deliberately hides the wait section. `StepWait` exposes the standard rendering for custom compositions, and `StepOutputs` renders final outputs independently of the execution sections.
+
+## Typed properties
+
+`Properties` displays metadata as a two-column list. Each item has a stable `key`, a raw `value`, and an optional `type` and `unit`. Objects and arrays use the expandable JSON viewer; strings remain literal unless `type: "json"` is specified. Numeric types require finite numbers, and formatted values retain the original value in a tooltip.
+
+```tsx
+import { Properties } from "@flanksource/clicky-ui/data";
+
+export function RuntimeProperties() {
+  return <Properties keyRef="runtime" items={[
+    { key: "memory", value: 1048576, type: "bytes" },
+    { key: "uptime", value: 90000, type: "duration", unit: "ms" },
+    { key: "load", value: 0.25, type: "number", unit: "percentunit" },
+    { key: "enabled", value: false, type: "boolean" },
+    { key: "started", value: 1704067200000, type: "date" },
+    { key: "config", value: '{"enabled":true}', type: "json" },
+  ]} />;
+}
+```
+
+`type` accepts `text`, `json`, `bytes`, `duration`, `number`, `boolean`, or `date`. Bytes use binary scaling. Durations default to milliseconds; set `unit: "s"` for seconds. Numeric units also accept the shared unit registry, including `percent`, `percentunit`, and `Bps`. Dates accept a `Date`, an ISO string, or a timestamp in milliseconds. `keyRef` persists the density selected in the display menu. Custom `renderValue` renderers override typed formatting, and `prefixActions` or `suffixActions` add per-row actions without changing the raw value.
+
 ## Clicky AST Renderer
 
 ```tsx

package/dist/comments/CommentSidePanel.cjs

@@ -87,7 +87,8 @@ function AllComments({
   comments,
   label,
   emptyLabel,
-  threadToMarkdown
+  threadToMarkdown,
+  renderRootDetails
 }) {
   const ordered = react.useMemo(() => {
     const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));
@@ -97,7 +98,7 @@ function AllComments({
   function activateThread(event, anchor) {
     const target = event.target;
     if (target.closest(
-      'button, a, input, textarea, select, [contenteditable="true"]'
+      'button, a, details, input, textarea, select, [contenteditable="true"]'
     ))
       return;
     const roleButton = target.closest('[role="button"]');
@@ -144,6 +145,7 @@ function AllComments({
             onClick: (event) => activateThread(event, c.anchor ?? commentTypes.DOCUMENT_ANCHOR)
           }),
           ...handlers,
+          ...renderRootDetails ? { renderRootDetails } : {},
           ...threadToMarkdown ? { threadToMarkdown } : {}
         }
       )
@@ -157,6 +159,7 @@ function FocusedComments({
   label,
   compact,
   threadToMarkdown,
+  renderRootDetails,
   createActions
 }) {
   const comments = commentUtils.selectAnchorThreads(visible, anchor);
@@ -179,6 +182,7 @@ function FocusedComments({
         defaultExpanded: hasComments,
         composerPlaceholder: hasComments ? "Add another top-level comment…" : "Add a comment…",
         ...ctx.callbacks,
+        ...renderRootDetails ? { renderRootDetails } : {},
         ...createActions ? { createActions } : {},
         ...threadToMarkdown ? { threadToMarkdown } : {}
       }
@@ -316,7 +320,8 @@ function CommentSidePanel(props) {
             comments: visible,
             label,
             emptyLabel: stage === "active" ? "No open comments." : stage === "resolved" ? "No resolved comments." : "No closed comments.",
-            ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
+            ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {},
+            ...props.renderRootDetails ? { renderRootDetails: props.renderRootDetails } : {}
           }
         ) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -334,7 +339,8 @@ function CommentSidePanel(props) {
                 ...props.createActions ? { createActions: props.createActions } : {},
                 label: label(ctx.focusedAnchor),
                 ...props.compact !== void 0 ? { compact: props.compact } : {},
-                ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
+                ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {},
+                ...props.renderRootDetails ? { renderRootDetails: props.renderRootDetails } : {}
               }
             )
           }

package/dist/comments/CommentSidePanel.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSidePanel.cjs","sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type MouseEvent } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  createActions?: readonly CommentCreateAction[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  createActions,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  createActions?: readonly CommentCreateAction[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(createActions ? { createActions } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      if (anchorTop == null) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions ? { createActions: props.createActions } : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"names":["DOCUMENT_ANCHOR","jsx","jsxs","cn","Icon","UiComment","buildReplyMap","getRoots","sortReplies","useMemo","buildThreadListHandlers","CommentThreadList","selectAnchorThreads","CommentThread","useCommentContextOptional","useRef","useState","useEffect","resolveCommentStage","selectCommentThreadsByStage"],"mappings":";;;;;;;;;;;;;AA2CA,SAAS,mBAAmB,QAA+B;AACzD,MAAI,WAAWA,aAAAA,gBAAiB,QAAO;AACvC,SAAO,OACJ,QAAQ,YAAY,EAAE,EACtB,WAAW,KAAK,KAAK,EACrB,WAAW,KAAK,GAAG,EACnB,KAAA;AACL;AAEA,SAAS,eAAe,OAA8B;AACpD,SAAO,CAAC,WAAA;;AACN,wBAAM,iBAAN,mBAAqB,cACrB,WAAM,sBAAN,+BAA0B,YAC1B,mBAAmB,MAAM;AAAA;AAC7B;AAEA,SAAS,aAAa,EAAE,SAA4B;AAClD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAET,UAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,eAAa;AAAA,MACb,WAAWC,MAAAA;AAAAA,QACT;AAAA,QACA,SACI,sDACA;AAAA,MAAA;AAAA,MAGN,UAAA;AAAA,QAAAF,2BAAAA,IAACG,KAAAA,MAAA,EAAK,MAAMC,UAAAA,WAAW,WAAU,WAAU;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;AAEA,SAAS,eAAe,KAAoC;AAC1D,SAAO,OAAO,KAAK,IAAI,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM;AACjD,QAAI,MAAML,aAAAA,gBAAiB,QAAO;AAClC,QAAI,MAAMA,aAAAA,gBAAiB,QAAO;AAClC,UAAM,KAAK,IAAI,aAAa,CAAC;AAC7B,UAAM,KAAK,IAAI,aAAa,CAAC;AAC7B,QAAI,MAAM,QAAQ,MAAM,KAAM,QAAO,EAAE,cAAc,CAAC;AACtD,QAAI,MAAM,KAAM,QAAO;AACvB,QAAI,MAAM,KAAM,QAAO;AACvB,QAAI,OAAO,GAAI,QAAO,KAAK;AAC3B,WAAO,EAAE,cAAc,CAAC;AAAA,EAC1B,CAAC;AACH;AAEA,SAAS,cACP,UACA,aACW;AACX,QAAM,WAAWM,aAAAA,cAAc,QAAQ;AACvC,QAAM,QAAQC,aAAAA,SAAS,QAAQ,EAAE,KAAK,CAAC,GAAG,MAAM;AAC9C,UAAM,KACJ,YAAY,IAAI,EAAE,UAAUP,aAAAA,eAAe,KAAK,OAAO;AACzD,UAAM,KACJ,YAAY,IAAI,EAAE,UAAUA,aAAAA,eAAe,KAAK,OAAO;AACzD,QAAI,OAAO,GAAI,QAAO,KAAK;AAC3B,QAAI,EAAE,cAAc,EAAE;AACpB,aAAO,EAAE,UAAU,cAAc,EAAE,SAAS;AAC9C,WAAO,OAAO,EAAE,EAAE,EAAE,cAAc,OAAO,EAAE,EAAE,CAAC;AAAA,EAChD,CAAC;AACD,SAAO,MAAM,QAAQ,CAAC,SAAS;AAAA,IAC7B;AAAA,IACA,GAAGQ,aAAAA,YAAY,SAAS,IAAI,KAAK,EAAE,KAAK,CAAA,CAAE;AAAA,EAAA,CAC3C;AACH;AAEA,SAAS,YAAY;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AACD,QAAM,UAAUC,MAAAA,QAAQ,MAAM;AAC5B,UAAM,cAAc,IAAI,IAAI,eAAe,GAAG,EAAE,IAAI,CAAC,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AACrE,WAAO,cAAc,UAAU,WAAW;AAAA,EAC5C,GAAG,CAAC,KAAK,QAAQ,CAAC;AAClB,QAAM,WAAWC,aAAAA,wBAAwB,SAAS,IAAI,QAAQ,IAAI,SAAS;AAE3E,WAAS,eACP,OACA,QACA;AACA,UAAM,SAAS,MAAM;AACrB,QACE,OAAO;AAAA,MACL;AAAA,IAAA;AAGF;AACF,UAAM,aAAa,OAAO,QAAQ,iBAAiB;AACnD,QAAI,cAAc,eAAe,OAAO,QAAQ,qBAAqB;AACnE;AACF,QAAI,WAAWV,aAAAA,iBAAiB;AAC9B,YAAM,QAAQ,IAAI,eAAe,QAAQ;AAAA,QACvC,UAAU;AAAA,QACV,OAAO;AAAA,QACP,QAAQ;AAAA,MAAA,CACT;AACD,UAAI,CAAC,MAAO;AAAA,IACd;AACA,QAAI,YAAY,MAAM;AAAA,EACxB;AAEA,MAAI,QAAQ,WAAW,GAAG;AACxB,WACEC,2BAAAA,IAAC,KAAA,EAAE,WAAU,kEACV,UAAA,YACH;AAAA,EAEJ;AAEA,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MAEV,UAAAA,2BAAAA;AAAAA,QAACU,kBAAAA;AAAAA,QAAA;AAAA,UACC,UAAU;AAAA,UACV,QAAQ,IAAI;AAAA,UACZ,SAAO;AAAA,UACP,gBAAgB,CAAC,MAAM;AACrB,kBAAM,SAAS,EAAE,UAAUX,aAAAA;AAC3B,kBAAM,YACJ,WAAWA,aAAAA,mBAAmB,IAAI,aAAa,MAAM,KAAK;AAC5D,mBACEC,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAO,GAAG,MAAM,MAAM,CAAC,GAAG,YAAY,KAAK,gBAAgB;AAAA,cAAA;AAAA,YAAA;AAAA,UAGjE;AAAA,UACA,gBAAgB,CAAC,OAAO;AAAA,YACtB,eAAe;AAAA,YACf,cAAc,MACZ,IAAI,mBAAmB,EAAE,UAAUD,aAAAA,eAAe;AAAA,YACpD,cAAc,MAAM,IAAI,mBAAmB,IAAI;AAAA,YAC/C,SAAS,CAAC,UACR,eAAe,OAAO,EAAE,UAAUA,aAAAA,eAAe;AAAA,UAAA;AAAA,UAEpD,GAAG;AAAA,UACH,GAAI,mBAAmB,EAAE,qBAAqB,CAAA;AAAA,QAAC;AAAA,MAAA;AAAA,IAClD;AAAA,EAAA;AAGN;AAEA,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQG;AACD,QAAM,WAAWY,aAAAA,oBAAoB,SAAS,MAAM;AACpD,QAAM,cAAc,SAAS,SAAS;AACtC,SACEV,2BAAAA,KAAC,OAAA,EAAI,WAAU,aAAY,uBAAqB,QAC9C,UAAA;AAAA,IAAAD,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,OACE,WAAWD,aAAAA,kBACP,uBACA,eAAe,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,IAG5BC,2BAAAA;AAAAA,MAACY,cAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,IAAI;AAAA,QACZ;AAAA,QACA,SAAS,WAAW;AAAA,QACpB,mBAAmB,CAAC;AAAA,QACpB,iBAAiB;AAAA,QACjB,qBACE,cAAc,mCAAmC;AAAA,QAElD,GAAG,IAAI;AAAA,QACP,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,QACxC,GAAI,mBAAmB,EAAE,qBAAqB,CAAA;AAAA,MAAC;AAAA,IAAA;AAAA,EAClD,GACF;AAEJ;AAOO,SAAS,iBAAiB,OAA8B;AAC7D,QAAM,MAAMC,eAAAA,0BAAA;AACZ,QAAM,QAAQ,eAAe,KAAK;AAClC,QAAM,UAAUC,MAAAA,OAAoB,IAAI;AACxC,QAAM,aAAaA,MAAAA,OAAuB,IAAI;AAC9C,QAAM,CAAC,eAAe,gBAAgB,IAAIC,MAAAA,SAAwB,IAAI;AACtE,QAAM,CAAC,OAAO,QAAQ,IAAIA,MAAAA,SAA6B,QAAQ;AAC/D,QAAM,iBAAgB,2BAAK,cAAa,YAAY,IAAI,gBAAgB;AAExEC,QAAAA,UAAU,MAAM;AACd,QAAI,CAAC,OAAO,MAAM,qBAAqB,YAAY,CAAC,eAAe;AACjE,uBAAiB,IAAI;AACrB;AAAA,IACF;AACA,UAAM,UAAU,IAAI,WAAW;AAC/B,UAAM,OAAO,QAAQ;AACrB,UAAM,UAAU,WAAW;AAC3B,QAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,QAAS;AAEnC,UAAM,SAAS,MAAM;AACnB,YAAM,YAAY,IAAI,aAAa,aAAa;AAChD,UAAI,aAAa,MAAM;AACrB,yBAAiB,IAAI;AACrB;AAAA,MACF;AACA,YAAM,aAAa,YAAY,QAAQ,sBAAA,EAAwB;AAC/D,YAAM,gBAAgB,OAAO,WAAW,QAAQ,MAAM,GAAG,KAAK;AAC9D,YAAM,aACJ,gBAAgB,aAAa,QAAQ,wBAAwB;AAC/D,uBAAiB,KAAK,IAAI,GAAG,UAAU,CAAC;AAAA,IAC1C;AACA,WAAA;AACA,YAAQ,iBAAiB,UAAU,QAAQ,EAAE,SAAS,MAAM;AAC5D,WAAO,iBAAiB,UAAU,MAAM;AACxC,UAAM,WACJ,OAAO,mBAAmB,cAAc,OAAO,IAAI,eAAe,MAAM;AAC1E,yCAAU,QAAQ;AAClB,yCAAU,QAAQ;AAClB,WAAO,MAAM;AACX,cAAQ,oBAAoB,UAAU,MAAM;AAC5C,aAAO,oBAAoB,UAAU,MAAM;AAC3C,2CAAU;AAAA,IACZ;AAAA,EACF,GAAG,CAAC,KAAK,eAAe,MAAM,gBAAgB,CAAC;AAE/C,MAAI,CAAC,IAAK,QAAO;AAGjB,QAAM,SAASV,aAAAA,SAAS,IAAI,QAAQ,EAAE;AAAA,IACpC,CAAC,QAAQ,SAAS;AAChB,YAAM,YAAYW,aAAAA,oBAAoB,IAAI,QAAQ,KAAK,MAAM;AAC7D,UAAI,UAAW,QAAO,SAAS,KAAK;AACpC,aAAO;AAAA,IACT;AAAA,IACA,EAAE,QAAQ,GAAG,UAAU,GAAG,QAAQ,EAAA;AAAA,EAAE;AAEtC,QAAM,UAAUC,aAAAA,4BAA4B,IAAI,UAAU,IAAI,QAAQ,KAAK;AAC3E,MACE,IAAI,aAAa,YACjB,OAAO,SAAS,OAAO,WAAW,OAAO,WAAW;AAEpD,WAAO;AAET,WAAS,YAAY,MAA0B;AAC7C,aAAS,IAAI;AACb,SAAI,2BAAK,cAAa,MAAO,4BAAK;AAAA,EACpC;AAEA,SACEjB,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAWC,MAAAA,GAAG,gCAAgC,MAAM,SAAS;AAAA,MAE7D,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YAER,UAAA;AAAA,eAAA,OAAO,SAAS,KAAK,IAAI,aAAa,UACtCD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,QAAQ,IAAI,aAAa,SAAS,UAAU;AAAA,kBAC5C,SAAS,MAAM,YAAY,QAAQ;AAAA,kBACnC,QAAO;AAAA,kBAEN,cAAI,aAAa,WACd,kBAAkB,OAAO,MAAM,MAC/B,IAAI,aAAa,YACf,iBAAiB,OAAO,MAAM,MAC9B,SAAS,OAAO,MAAM;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG/B,OAAO,WAAW,KACjBC,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,gBAAc,IAAI,aAAa,SAAS,UAAU;AAAA,kBAClD,SAAS,MAAM,YAAY,UAAU;AAAA,kBACrC,WAAWC,MAAAA;AAAAA,oBACT;AAAA,oBACA,IAAI,aAAa,SAAS,UAAU,aAChC,sDACA;AAAA,kBAAA;AAAA,kBAEP,UAAA;AAAA,oBAAA;AAAA,oBACY,OAAO;AAAA,oBAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG9B,OAAO,SAAS,KACfD,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,gBAAc,IAAI,aAAa,SAAS,UAAU;AAAA,kBAClD,SAAS,MAAM,YAAY,QAAQ;AAAA,kBACnC,WAAWC,MAAAA;AAAAA,oBACT;AAAA,oBACA,IAAI,aAAa,SAAS,UAAU,WAChC,sDACA;AAAA,kBAAA;AAAA,kBAEP,UAAA;AAAA,oBAAA;AAAA,oBACU,OAAO;AAAA,oBAAO;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAG1B,IAAI,aAAa,YAChBF,2BAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,IAAI;AAAA,kBACb,WAAU;AAAA,kBAET,UAAA,IAAI,aAAa,QAAQ,UAAU;AAAA,gBAAA;AAAA,cAAA;AAAA,YACtC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGH,IAAI,aAAa,QAChBA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU;AAAA,YACV;AAAA,YACA,YACE,UAAU,WACN,sBACA,UAAU,aACR,0BACA;AAAA,YAEP,GAAI,MAAM,mBACP,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,UAAC;AAAA,QAAA,IAEL,IAAI,aAAa,aAAa,IAAI,gBACpCA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,OAAO,iBAAiB,OAAO,SAAY,EAAE,KAAK,cAAA;AAAA,YAElD,UAAAA,2BAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,UAAU,IAAI;AAAA,gBACd,QAAQ,IAAI;AAAA,gBACX,GAAI,MAAM,gBAAgB,EAAE,eAAe,MAAM,cAAA,IAAkB,CAAA;AAAA,gBACpE,OAAO,MAAM,IAAI,aAAa;AAAA,gBAC7B,GAAI,MAAM,YAAY,SAAY,EAAE,SAAS,MAAM,QAAA,IAAY,CAAA;AAAA,gBAC/D,GAAI,MAAM,mBACP,EAAE,kBAAkB,MAAM,iBAAA,IAC1B,CAAA;AAAA,cAAC;AAAA,YAAA;AAAA,UACP;AAAA,QAAA,IAEA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;;"}
+{"version":3,"file":"CommentSidePanel.cjs","sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n  renderRootDetails,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, details, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  renderRootDetails,\n  createActions,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(createActions ? { createActions } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      if (anchorTop == null) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n          {...(props.renderRootDetails\n            ? { renderRootDetails: props.renderRootDetails }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions\n              ? { createActions: props.createActions }\n              : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n            {...(props.renderRootDetails\n              ? { renderRootDetails: props.renderRootDetails }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"names":["DOCUMENT_ANCHOR","jsx","jsxs","cn","Icon","UiComment","buildReplyMap","getRoots","sortReplies","useMemo","buildThreadListHandlers","CommentThreadList","selectAnchorThreads","CommentThread","useCommentContextOptional","useRef","useState","useEffect","resolveCommentStage","selectCommentThreadsByStage"],"mappings":"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"}

package/dist/comments/CommentSidePanel.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 import { Comment, CommentAnchor, CommentCreateAction } from './comment-types.js';
 export type CommentSidePanelProps = {
     /** Explicit label per anchor key. */
@@ -10,6 +11,7 @@ export type CommentSidePanelProps = {
     className?: string;
     /** Serialize one whole thread for Copy and its maximized Markdown tab. */
     threadToMarkdown?: (thread: readonly Comment[]) => string;
+    renderRootDetails?: (comment: Comment) => ReactNode;
     createActions?: readonly CommentCreateAction[];
 };
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSidePanel.d.ts","sourceRoot":"","sources":["../../src/comments/CommentSidePanel.tsx"],"names":[],"mappings":"AAqBA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;IAC1D,aAAa,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;CAChD,CAAC;AAiOF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,sCAyK5D"}
+{"version":3,"file":"CommentSidePanel.d.ts","sourceRoot":"","sources":["../../src/comments/CommentSidePanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAqBf,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,aAAa,EAClB,KAAK,mBAAmB,EAEzB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,qBAAqB,GAAG;IAClC,qCAAqC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;IAC7C,sEAAsE;IACtE,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,MAAM,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;IAC1D,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;CAChD,CAAC;AAuOF;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,sCAiL5D"}

package/dist/comments/CommentSidePanel.js

@@ -85,7 +85,8 @@ function AllComments({
   comments,
   label,
   emptyLabel,
-  threadToMarkdown
+  threadToMarkdown,
+  renderRootDetails
 }) {
   const ordered = useMemo(() => {
     const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));
@@ -95,7 +96,7 @@ function AllComments({
   function activateThread(event, anchor) {
     const target = event.target;
     if (target.closest(
-      'button, a, input, textarea, select, [contenteditable="true"]'
+      'button, a, details, input, textarea, select, [contenteditable="true"]'
     ))
       return;
     const roleButton = target.closest('[role="button"]');
@@ -142,6 +143,7 @@ function AllComments({
             onClick: (event) => activateThread(event, c.anchor ?? DOCUMENT_ANCHOR)
           }),
           ...handlers,
+          ...renderRootDetails ? { renderRootDetails } : {},
           ...threadToMarkdown ? { threadToMarkdown } : {}
         }
       )
@@ -155,6 +157,7 @@ function FocusedComments({
   label,
   compact,
   threadToMarkdown,
+  renderRootDetails,
   createActions
 }) {
   const comments = selectAnchorThreads(visible, anchor);
@@ -177,6 +180,7 @@ function FocusedComments({
         defaultExpanded: hasComments,
         composerPlaceholder: hasComments ? "Add another top-level comment…" : "Add a comment…",
         ...ctx.callbacks,
+        ...renderRootDetails ? { renderRootDetails } : {},
         ...createActions ? { createActions } : {},
         ...threadToMarkdown ? { threadToMarkdown } : {}
       }
@@ -314,7 +318,8 @@ function CommentSidePanel(props) {
             comments: visible,
             label,
             emptyLabel: stage === "active" ? "No open comments." : stage === "resolved" ? "No resolved comments." : "No closed comments.",
-            ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
+            ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {},
+            ...props.renderRootDetails ? { renderRootDetails: props.renderRootDetails } : {}
           }
         ) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsx(
           "div",
@@ -332,7 +337,8 @@ function CommentSidePanel(props) {
                 ...props.createActions ? { createActions: props.createActions } : {},
                 label: label(ctx.focusedAnchor),
                 ...props.compact !== void 0 ? { compact: props.compact } : {},
-                ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {}
+                ...props.threadToMarkdown ? { threadToMarkdown: props.threadToMarkdown } : {},
+                ...props.renderRootDetails ? { renderRootDetails: props.renderRootDetails } : {}
               }
             )
           }

package/dist/comments/CommentSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSidePanel.js","sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState, type MouseEvent } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  createActions?: readonly CommentCreateAction[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  createActions,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  createActions?: readonly CommentCreateAction[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(createActions ? { createActions } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      if (anchorTop == null) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions ? { createActions: props.createActions } : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentSidePanel.js","sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n  renderRootDetails,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, details, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  renderRootDetails,\n  createActions,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(createActions ? { createActions } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      if (anchorTop == null) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n          {...(props.renderRootDetails\n            ? { renderRootDetails: props.renderRootDetails }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions\n              ? { createActions: props.createActions }\n              : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n            {...(props.renderRootDetails\n              ? { renderRootDetails: props.renderRootDetails }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/comments/CommentThread.cjs

@@ -17,6 +17,7 @@ function CommentThread({
   hideComposer = false,
   createActions,
   renderRootMeta,
+  renderRootDetails,
   renderBody,
   threadToMarkdown,
   onCreate,
@@ -42,6 +43,7 @@ function CommentThread({
         compact,
         defaultExpanded,
         ...renderRootMeta ? { renderRootMeta } : {},
+        ...renderRootDetails ? { renderRootDetails } : {},
         ...renderBody ? { renderBody } : {},
         ...threadToMarkdown ? { threadToMarkdown } : {},
         ...listHandlers

package/dist/comments/CommentThread.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.cjs","sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["buildThreadListHandlers","cn","jsx","CommentThreadList","CommentComposer"],"mappings":";;;;;;;;AAwCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,eAAeA,aAAAA,wBAAwB,UAAU,QAAQ;AAAA,IAC7D,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,IAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,IAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,IAChD,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,EAAC,CAClC;AAED,yCACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,WAAW,KAAK,GACjC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,kBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,QAC9C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,CAAC,gBAAgB,YAChBD,+BAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA;AAAAA,MAACE,gBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB,WAAW;AAAA,QACV,GAAI,sBACD,EAAE,aAAa,oBAAA,IACf,CAAA;AAAA,QACJ;AAAA,QACC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,QACxC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}
+{"version":3,"file":"CommentThread.cjs","sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["buildThreadListHandlers","cn","jsx","CommentThreadList","CommentComposer"],"mappings":";;;;;;;;AAyCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,eAAeA,aAAAA,wBAAwB,UAAU,QAAQ;AAAA,IAC7D,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,IAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,IAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,IAChD,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,EAAC,CAClC;AAED,yCACG,OAAA,EAAI,WAAWC,MAAAA,GAAG,WAAW,KAAK,GACjC,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAACC,kBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,QAChD,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,QAC9C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,CAAC,gBAAgB,YAChBD,+BAAC,OAAA,EAAI,WAAU,QACb,UAAAA,2BAAAA;AAAAA,MAACE,gBAAAA;AAAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB,WAAW;AAAA,QACV,GAAI,sBACD,EAAE,aAAa,oBAAA,IACf,CAAA;AAAA,QACJ;AAAA,QACC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,QACxC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/comments/CommentThread.d.ts

@@ -17,6 +17,7 @@ export type CommentThreadProps = CommentCallbacks & {
     hideComposer?: boolean;
     createActions?: readonly CommentCreateAction[];
     renderRootMeta?: (comment: Comment) => ReactNode;
+    renderRootDetails?: (comment: Comment) => ReactNode;
     renderBody?: (body: string) => ReactNode;
     threadToMarkdown?: (thread: readonly Comment[]) => string;
 };
@@ -26,5 +27,5 @@ export type CommentThreadProps = CommentCallbacks & {
  * the supplied callbacks, translating list-level events (checklist index, reply
  * target) into the callback contract.
  */
-export declare function CommentThread({ comments, config, anchor, compact, autoFocusComposer, defaultExpanded, composerPlaceholder, hideComposer, createActions, renderRootMeta, renderBody, threadToMarkdown, onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention, }: CommentThreadProps): import("react").JSX.Element;
+export declare function CommentThread({ comments, config, anchor, compact, autoFocusComposer, defaultExpanded, composerPlaceholder, hideComposer, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention, }: CommentThreadProps): import("react").JSX.Element;
 //# sourceMappingURL=CommentThread.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../src/comments/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EACV,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,uEAAuE;IACvE,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;CAC3D,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAe,EACf,iBAAyB,EACzB,eAAuB,EACvB,mBAAmB,EACnB,YAAoB,EACpB,aAAa,EACb,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,+BAsCpB"}
+{"version":3,"file":"CommentThread.d.ts","sourceRoot":"","sources":["../../src/comments/CommentThread.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EACV,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG;IAClD,uEAAuE;IACvE,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,SAAS,mBAAmB,EAAE,CAAC;IAC/C,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;CAC3D,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAe,EACf,iBAAyB,EACzB,eAAuB,EACvB,mBAAmB,EACnB,YAAoB,EACpB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,+BAuCpB"}

package/dist/comments/CommentThread.js

@@ -15,6 +15,7 @@ function CommentThread({
   hideComposer = false,
   createActions,
   renderRootMeta,
+  renderRootDetails,
   renderBody,
   threadToMarkdown,
   onCreate,
@@ -40,6 +41,7 @@ function CommentThread({
         compact,
         defaultExpanded,
         ...renderRootMeta ? { renderRootMeta } : {},
+        ...renderRootDetails ? { renderRootDetails } : {},
         ...renderBody ? { renderBody } : {},
         ...threadToMarkdown ? { threadToMarkdown } : {},
         ...listHandlers

package/dist/comments/CommentThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAwCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,eAAe,wBAAwB,UAAU,QAAQ;AAAA,IAC7D,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,IAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,IAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,IAChD,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,EAAC,CAClC;AAED,8BACG,OAAA,EAAI,WAAW,GAAG,WAAW,KAAK,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,QAC9C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,CAAC,gBAAgB,YAChB,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB,WAAW;AAAA,QACV,GAAI,sBACD,EAAE,aAAa,oBAAA,IACf,CAAA;AAAA,QACJ;AAAA,QACC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,QACxC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"CommentThread.js","sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAyCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,kBAAkB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuB;AACrB,QAAM,eAAe,wBAAwB,UAAU,QAAQ;AAAA,IAC7D,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,IAC1C,GAAI,WAAW,EAAE,SAAA,IAAa,CAAA;AAAA,IAC9B,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,IAChD,GAAI,UAAU,EAAE,QAAA,IAAY,CAAA;AAAA,IAC5B,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,EAAC,CAClC;AAED,8BACG,OAAA,EAAI,WAAW,GAAG,WAAW,KAAK,GACjC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,iBAAiB,EAAE,eAAA,IAAmB,CAAA;AAAA,QAC1C,GAAI,oBAAoB,EAAE,kBAAA,IAAsB,CAAA;AAAA,QAChD,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,QAClC,GAAI,mBAAmB,EAAE,iBAAA,IAAqB,CAAA;AAAA,QAC9C,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,IAEL,CAAC,gBAAgB,YAChB,oBAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,QAAQ,UAAU;AAAA,QAClB,WAAW;AAAA,QACV,GAAI,sBACD,EAAE,aAAa,oBAAA,IACf,CAAA;AAAA,QACJ;AAAA,QACC,GAAI,gBAAgB,EAAE,cAAA,IAAkB,CAAA;AAAA,QACxC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/comments/CommentThreadList.cjs

@@ -67,6 +67,7 @@ function CommentThreadList({
   compact = false,
   defaultExpanded = false,
   renderRootMeta,
+  renderRootDetails,
   getThreadProps,
   renderBody,
   threadToMarkdown,
@@ -128,6 +129,7 @@ function CommentThreadList({
                 ...onReply ? { onReply: () => setReplyingTo(root.id) } : {}
               }
             ),
+            renderRootDetails == null ? void 0 : renderRootDetails(root),
             replies.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: replies.map((reply) => /* @__PURE__ */ jsxRuntime.jsx(
               CommentCard.CommentCard,
               {
@@ -184,6 +186,7 @@ function CommentThreadList({
             ...onReply ? { onReply: () => setModalReplyTo(message.id) } : {}
           }
         ),
+        message.id === maximizedRoot.id && (renderRootDetails == null ? void 0 : renderRootDetails(maximizedRoot)),
         onReply && modalReplyTo === message.id && /* @__PURE__ */ jsxRuntime.jsx(
           ReplyInput,
           {