@flanksource/clicky-ui 0.3.26 → 0.3.28

package/dist/comments/CommentCard.js

@@ -3,7 +3,6 @@ import { useState } from "react";
 import { cn } from "../lib/utils.js";
 import { Badge } from "../data/Badge.js";
 import { Icon } from "../data/Icon.js";
-import { Modal } from "../overlay/Modal.js";
 import { DropdownMenu } from "../overlay/DropdownMenu.js";
 import { parseTimestamp, formatRelativeTime } from "../data/cells/timestamp-format.js";
 import { CommentAuthorAvatar } from "./CommentAuthor.js";
@@ -306,9 +305,8 @@ function CommentBody({
   ] });
 }
 function CommentCard(props) {
-  const { comment, config, compact, defaultExpanded } = props;
+  const { comment, config, compact, defaultExpanded, onMaximize } = props;
   const [expanded, setExpanded] = useState(defaultExpanded ?? false);
-  const [maximized, setMaximized] = useState(false);
   const [collapsedStatusError, setCollapsedStatusError] = useState("");
   const isReply = Boolean(comment.parentId);
   const completion = completionStatus(config);
@@ -329,20 +327,9 @@ function CommentCard(props) {
     CommentBody,
     {
       ...props,
-      onMaximize: () => setMaximized(true),
       ...expanded ? { onCollapse: () => setExpanded(false) } : {}
     }
   );
-  const modal = /* @__PURE__ */ jsx(
-    Modal,
-    {
-      open: maximized,
-      onClose: () => setMaximized(false),
-      title: "Comment",
-      size: "lg",
-      children: /* @__PURE__ */ jsx(CommentBody, { ...props })
-    }
-  );
   if (!expanded) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(
@@ -412,11 +399,13 @@ function CommentCard(props) {
                     ),
                     items: [
                       { label: "Expand", onSelect: () => setExpanded(true) },
-                      {
-                        label: "Maximize",
-                        icon: UiFullscreen,
-                        onSelect: () => setMaximized(true)
-                      }
+                      ...onMaximize ? [
+                        {
+                          label: "Maximize",
+                          icon: UiFullscreen,
+                          onSelect: onMaximize
+                        }
+                      ] : []
                     ]
                   }
                 )
@@ -435,28 +424,24 @@ function CommentCard(props) {
             collapsedStatusError
           ]
         }
-      ),
-      modal
+      )
     ] });
   }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        "data-testid": "comment-card",
-        "data-comment-kind": isReply ? "reply" : "root",
-        "data-comment-id": comment.id,
-        className: cn(
-          "group/comment rounded-xl bg-background px-3.5 py-3 text-xs",
-          !isReply && "border border-border/80 shadow-sm transition-shadow hover:shadow-md",
-          compact && "px-2.5 py-2.5",
-          isReply && "ml-4 border-l-2 border-l-border bg-muted/20 shadow-none"
-        ),
-        children: body
-      }
-    ),
-    modal
-  ] });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-testid": "comment-card",
+      "data-comment-kind": isReply ? "reply" : "root",
+      "data-comment-id": comment.id,
+      className: cn(
+        "group/comment rounded-xl bg-background px-3.5 py-3 text-xs",
+        !isReply && "border border-border/80 shadow-sm transition-shadow hover:shadow-md",
+        compact && "px-2.5 py-2.5",
+        isReply && "ml-4 border-l-2 border-l-border bg-muted/20 shadow-none"
+      ),
+      children: body
+    }
+  ) });
 }
 export {
   CommentCard

package/dist/comments/CommentCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentCard.js","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge } from \"../data/Badge\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { Modal } from \"../overlay/Modal\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiClose,\n  UiDotsVertical,\n  UiFullscreen,\n  UiThumbsDown,\n  UiThumbsUp,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  isUnresolved,\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentConfig,\n  CommentRating,\n  CommentStatusConfig,\n} from \"./comment-types\";\n\nfunction completionStatus(config: CommentConfig) {\n  for (const completionName of [\"resolved\", \"closed\"]) {\n    const status = config.statuses.find(\n      (candidate) =>\n        candidate.value.toLowerCase() === completionName ||\n        candidate.label.toLowerCase() === completionName,\n    );\n    if (status) return status;\n  }\n  return undefined;\n}\n\nfunction completionActionLabel(status: CommentStatusConfig) {\n  return status.value.toLowerCase() === \"closed\" ||\n    status.label.toLowerCase() === \"closed\"\n    ? \"Close comment\"\n    : \"Resolve comment\";\n}\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n};\n\nfunction RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nfunction StatusChip({\n  status,\n  config,\n  showLabel,\n}: {\n  status: string | undefined;\n  config: CommentConfig;\n  showLabel?: boolean;\n}) {\n  const cfg = resolveStatusConfig(config, status);\n  if (!cfg) return null;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(cfg.tone)}\n      size=\"xs\"\n      {...(cfg.icon ? { icon: cfg.icon } : {})}\n    >\n      {showLabel ? cfg.label : null}\n    </Badge>\n  );\n}\n\nfunction FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const facets = config.facets ?? [];\n  const chips = facets.flatMap((facet) => {\n    const value = comment.facets?.[facet.key];\n    const option = resolveFacetOption(facet, value);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nfunction ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist || comment.checklist.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, i) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(i)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs || comment.refs.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, i) => (\n        <span\n          key={i}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction statusMenuItems(\n  comment: Comment,\n  config: CommentConfig,\n  isReply: boolean,\n  opts: {\n    onUpdateStatus?: (status: string) => void;\n    onDelete?: () => void;\n    onCollapse?: () => void;\n    onMaximize?: () => void;\n    completionStatus?: string;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximize\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  if (opts.onCollapse) {\n    items.push({ label: \"Collapse\", icon: UiClose, onSelect: opts.onCollapse });\n  }\n  if (!isReply && opts.onUpdateStatus) {\n    for (const status of config.statuses) {\n      if (status.value === opts.completionStatus) continue;\n      const current = status.value === comment.status;\n      items.push({\n        label: (\n          <span\n            className={cn(\n              \"inline-flex items-center gap-1.5\",\n              current && \"font-semibold\",\n            )}\n          >\n            <StatusChip status={status.value} config={config} />\n            {status.label}\n          </span>\n        ),\n        onSelect: () => opts.onUpdateStatus?.(status.value),\n      });\n    }\n  }\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  return items;\n}\n\nfunction IconAction({\n  icon,\n  label,\n  onClick,\n  className,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={label}\n      title={label}\n      className={cn(\n        \"rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        className,\n      )}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onDelete,\n  onReply,\n  onChecklistToggle,\n  onCollapse,\n  onMaximize,\n}: CommentCardProps & { onCollapse?: () => void; onMaximize?: () => void }) {\n  const [statusError, setStatusError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const completion = completionStatus(config);\n  const canComplete =\n    !isReply &&\n    onUpdateStatus != null &&\n    completion != null &&\n    isUnresolved(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setStatusError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setStatusError(\n        error instanceof Error ? error.message : \"Unexpected error\",\n      );\n    }\n  };\n  const menuItems = statusMenuItems(comment, config, isReply, {\n    ...(onUpdateStatus\n      ? { onUpdateStatus: (status) => void updateStatus(status) }\n      : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onCollapse ? { onCollapse } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n    ...(completion ? { completionStatus: completion.value } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {canComplete && (\n            <IconAction\n              icon={UiCheck}\n              label={completionActionLabel(completion)}\n              onClick={() => void updateStatus(completion.value)}\n              className=\"hover:bg-green-100 hover:text-green-700 dark:hover:bg-green-500/20 dark:hover:text-green-300\"\n            />\n          )}\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {statusError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          Couldn't update comment: {statusError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. The full view can be maximized into a modal. Fully controlled — all\n * mutations are delegated to the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [maximized, setMaximized] = useState(false);\n  const [collapsedStatusError, setCollapsedStatusError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const completion = completionStatus(config);\n  const canComplete =\n    !isReply &&\n    props.onUpdateStatus != null &&\n    completion != null &&\n    isUnresolved(config, comment.status);\n  const completeCollapsed = async () => {\n    if (!completion) return;\n    setCollapsedStatusError(\"\");\n    try {\n      await props.onUpdateStatus?.(completion.value);\n    } catch (error) {\n      setCollapsedStatusError(\n        error instanceof Error ? error.message : \"Unexpected error\",\n      );\n    }\n  };\n\n  const body = (\n    <CommentBody\n      {...props}\n      onMaximize={() => setMaximized(true)}\n      {...(expanded ? { onCollapse: () => setExpanded(false) } : {})}\n    />\n  );\n\n  const modal = (\n    <Modal\n      open={maximized}\n      onClose={() => setMaximized(false)}\n      title=\"Comment\"\n      size=\"lg\"\n    >\n      <CommentBody {...props} />\n    </Modal>\n  );\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          {canComplete && (\n            <span\n              role=\"presentation\"\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => e.stopPropagation()}\n            >\n              <IconAction\n                icon={UiCheck}\n                label={completionActionLabel(completion)}\n                onClick={() => void completeCollapsed()}\n                className=\"hover:bg-green-100 hover:text-green-700 dark:hover:bg-green-500/20 dark:hover:text-green-300\"\n              />\n            </span>\n          )}\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={[\n                { label: \"Expand\", onSelect: () => setExpanded(true) },\n                {\n                  label: \"Maximize\",\n                  icon: UiFullscreen,\n                  onSelect: () => setMaximized(true),\n                },\n              ]}\n            />\n          </span>\n        </div>\n        {collapsedStatusError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            Couldn't update comment: {collapsedStatusError}\n          </div>\n        )}\n        {modal}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n      {modal}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentCard.js","sources":["../../src/comments/CommentCard.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Badge } from \"../data/Badge\";\nimport { Icon, type StaticIconComponent } from \"../data/Icon\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport {\n  parseTimestamp,\n  formatRelativeTime,\n} from \"../data/cells/timestamp-format\";\nimport {\n  UiCheck,\n  UiClose,\n  UiDotsVertical,\n  UiFullscreen,\n  UiThumbsDown,\n  UiThumbsUp,\n  UiTrash,\n} from \"../icons\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport { CommentMarkdown } from \"./CommentMarkdown\";\nimport {\n  authorDisplayName,\n  isUnresolved,\n  resolveFacetOption,\n  resolveStatusConfig,\n  toneToBadgeTone,\n  truncatePlain,\n} from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentConfig,\n  CommentRating,\n  CommentStatusConfig,\n} from \"./comment-types\";\n\nfunction completionStatus(config: CommentConfig) {\n  for (const completionName of [\"resolved\", \"closed\"]) {\n    const status = config.statuses.find(\n      (candidate) =>\n        candidate.value.toLowerCase() === completionName ||\n        candidate.label.toLowerCase() === completionName,\n    );\n    if (status) return status;\n  }\n  return undefined;\n}\n\nfunction completionActionLabel(status: CommentStatusConfig) {\n  return status.value.toLowerCase() === \"closed\" ||\n    status.label.toLowerCase() === \"closed\"\n    ? \"Close comment\"\n    : \"Resolve comment\";\n}\n\nexport type CommentCardProps = {\n  comment: Comment;\n  config: CommentConfig;\n  /** Tighter padding for dense rails. */\n  compact?: boolean;\n  /** Render expanded on first mount. */\n  defaultExpanded?: boolean;\n  /** Custom body renderer; defaults to the lightweight CommentMarkdown. */\n  renderBody?: (body: string) => ReactNode;\n  /** Change this comment's status (roots only). */\n  onUpdateStatus?: (status: string) => void | Promise<void>;\n  /** Delete this comment. */\n  onDelete?: () => void;\n  /** Begin a reply to this comment. */\n  onReply?: () => void;\n  /** Advance the checklist item at `index` to its next status. */\n  onChecklistToggle?: (index: number) => void;\n  /**\n   * Open this card's thread in a larger view. Owned by the caller because a\n   * card knows only itself, while maximizing shows the root and its replies.\n   * Omit to drop the action (e.g. inside an already-maximized thread).\n   */\n  onMaximize?: () => void;\n};\n\nfunction RatingChip({ rating }: { rating: CommentRating | undefined }) {\n  if (!rating) return null;\n  const positive = rating === \"positive\";\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={positive ? \"success\" : \"danger\"}\n      size=\"xs\"\n      icon={positive ? UiThumbsUp : UiThumbsDown}\n    >\n      {positive ? \"Positive rating\" : \"Negative rating\"}\n    </Badge>\n  );\n}\n\nfunction StatusChip({\n  status,\n  config,\n  showLabel,\n}: {\n  status: string | undefined;\n  config: CommentConfig;\n  showLabel?: boolean;\n}) {\n  const cfg = resolveStatusConfig(config, status);\n  if (!cfg) return null;\n  return (\n    <Badge\n      variant=\"soft\"\n      tone={toneToBadgeTone(cfg.tone)}\n      size=\"xs\"\n      {...(cfg.icon ? { icon: cfg.icon } : {})}\n    >\n      {showLabel ? cfg.label : null}\n    </Badge>\n  );\n}\n\nfunction FacetBadges({\n  comment,\n  config,\n  compact,\n}: {\n  comment: Comment;\n  config: CommentConfig;\n  compact?: boolean;\n}) {\n  const facets = config.facets ?? [];\n  const chips = facets.flatMap((facet) => {\n    const value = comment.facets?.[facet.key];\n    const option = resolveFacetOption(facet, value);\n    if (!option) return [];\n    return [\n      <Badge\n        key={facet.key}\n        variant=\"soft\"\n        tone={toneToBadgeTone(option.tone)}\n        size=\"xs\"\n      >\n        {compact ? (option.short ?? option.label) : option.label}\n      </Badge>,\n    ];\n  });\n  return chips.length > 0 ? <>{chips}</> : null;\n}\n\nfunction ChecklistChips({\n  comment,\n  onChecklistToggle,\n}: {\n  comment: Comment;\n  onChecklistToggle?: (index: number) => void;\n}) {\n  if (!comment.checklist || comment.checklist.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {comment.checklist.map((item, i) => {\n        const done = /done|complete|resolved/i.test(item.status);\n        const active = /progress|doing/i.test(item.status);\n        return (\n          <button\n            key={i}\n            type=\"button\"\n            onClick={() => onChecklistToggle?.(i)}\n            disabled={!onChecklistToggle}\n            className={cn(\n              \"inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] transition-opacity\",\n              onChecklistToggle && \"cursor-pointer hover:opacity-80\",\n              done\n                ? \"bg-green-100 text-green-800 line-through dark:bg-green-500/20 dark:text-green-300\"\n                : active\n                  ? \"bg-yellow-100 text-yellow-800 dark:bg-yellow-500/20 dark:text-yellow-300\"\n                  : \"bg-muted text-muted-foreground\",\n            )}\n          >\n            {item.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nfunction RefChips({ comment }: { comment: Comment }) {\n  if (!comment.refs || comment.refs.length === 0) return null;\n  return (\n    <div className=\"flex flex-wrap gap-1.5\">\n      {comment.refs.map((group, i) => (\n        <span\n          key={i}\n          className=\"inline-flex items-center gap-1 rounded bg-muted px-1.5 py-0.5 text-[10px] text-muted-foreground\"\n        >\n          <span className=\"font-medium\">{group.label}:</span>\n          <span className={group.mono ? \"font-mono\" : undefined}>\n            {group.items.join(\", \")}\n          </span>\n        </span>\n      ))}\n    </div>\n  );\n}\n\nfunction statusMenuItems(\n  comment: Comment,\n  config: CommentConfig,\n  isReply: boolean,\n  opts: {\n    onUpdateStatus?: (status: string) => void;\n    onDelete?: () => void;\n    onCollapse?: () => void;\n    onMaximize?: () => void;\n    completionStatus?: string;\n  },\n): DropdownMenuItem[] {\n  const items: DropdownMenuItem[] = [];\n  if (opts.onMaximize) {\n    items.push({\n      label: \"Maximize\",\n      icon: UiFullscreen,\n      onSelect: opts.onMaximize,\n    });\n  }\n  if (opts.onCollapse) {\n    items.push({ label: \"Collapse\", icon: UiClose, onSelect: opts.onCollapse });\n  }\n  if (!isReply && opts.onUpdateStatus) {\n    for (const status of config.statuses) {\n      if (status.value === opts.completionStatus) continue;\n      const current = status.value === comment.status;\n      items.push({\n        label: (\n          <span\n            className={cn(\n              \"inline-flex items-center gap-1.5\",\n              current && \"font-semibold\",\n            )}\n          >\n            <StatusChip status={status.value} config={config} />\n            {status.label}\n          </span>\n        ),\n        onSelect: () => opts.onUpdateStatus?.(status.value),\n      });\n    }\n  }\n  if (opts.onDelete) {\n    items.push({ label: \"Delete\", icon: UiTrash, onSelect: opts.onDelete });\n  }\n  return items;\n}\n\nfunction IconAction({\n  icon,\n  label,\n  onClick,\n  className,\n}: {\n  icon: StaticIconComponent;\n  label: string;\n  onClick: () => void;\n  className?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      aria-label={label}\n      title={label}\n      className={cn(\n        \"rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\",\n        className,\n      )}\n    >\n      <Icon icon={icon} className=\"text-sm\" />\n    </button>\n  );\n}\n\nfunction CommentBody({\n  comment,\n  config,\n  renderBody,\n  onUpdateStatus,\n  onDelete,\n  onReply,\n  onChecklistToggle,\n  onCollapse,\n  onMaximize,\n}: CommentCardProps & { onCollapse?: () => void }) {\n  const [statusError, setStatusError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const date = parseTimestamp(comment.createdAt);\n  const completion = completionStatus(config);\n  const canComplete =\n    !isReply &&\n    onUpdateStatus != null &&\n    completion != null &&\n    isUnresolved(config, comment.status);\n  const updateStatus = async (status: string) => {\n    setStatusError(\"\");\n    try {\n      await onUpdateStatus?.(status);\n    } catch (error) {\n      setStatusError(\n        error instanceof Error ? error.message : \"Unexpected error\",\n      );\n    }\n  };\n  const menuItems = statusMenuItems(comment, config, isReply, {\n    ...(onUpdateStatus\n      ? { onUpdateStatus: (status) => void updateStatus(status) }\n      : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onCollapse ? { onCollapse } : {}),\n    ...(onMaximize ? { onMaximize } : {}),\n    ...(completion ? { completionStatus: completion.value } : {}),\n  });\n\n  return (\n    <div className=\"space-y-2.5\">\n      <div className=\"flex items-start gap-2.5\">\n        <CommentAuthorAvatar author={comment.author} />\n        <div className=\"min-w-0 flex-1\">\n          <div className=\"flex min-w-0 items-baseline gap-1.5\">\n            <span className=\"truncate text-xs font-semibold text-foreground\">\n              {authorDisplayName(comment.author)}\n            </span>\n            {date && (\n              <span\n                title={date.toLocaleString()}\n                className=\"shrink-0 text-[10px] text-muted-foreground\"\n              >\n                {formatRelativeTime(date)}\n              </span>\n            )}\n          </div>\n          {!isReply && (\n            <div className=\"mt-1 flex flex-wrap gap-1\">\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} />\n            </div>\n          )}\n        </div>\n        <div className=\"flex shrink-0 items-center gap-0.5\">\n          {canComplete && (\n            <IconAction\n              icon={UiCheck}\n              label={completionActionLabel(completion)}\n              onClick={() => void updateStatus(completion.value)}\n              className=\"hover:bg-green-100 hover:text-green-700 dark:hover:bg-green-500/20 dark:hover:text-green-300\"\n            />\n          )}\n          {menuItems.length > 0 && (\n            <DropdownMenu\n              align=\"right\"\n              menuClassName=\"min-w-[150px]\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"inline-flex rounded-full p-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={menuItems}\n            />\n          )}\n        </div>\n      </div>\n      {comment.body.trim() && (\n        <div className=\"text-[13px] leading-5 text-foreground\">\n          {renderBody ? (\n            renderBody(comment.body)\n          ) : (\n            <CommentMarkdown text={comment.body} />\n          )}\n        </div>\n      )}\n      {statusError && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n        >\n          Couldn't update comment: {statusError}\n        </div>\n      )}\n      {!isReply && (\n        <ChecklistChips\n          comment={comment}\n          {...(onChecklistToggle ? { onChecklistToggle } : {})}\n        />\n      )}\n      {!isReply && <RefChips comment={comment} />}\n      {onReply && (\n        <button\n          type=\"button\"\n          onClick={onReply}\n          className=\"-ml-2 rounded px-2 py-1 text-xs font-medium text-primary transition-colors hover:bg-primary/10\"\n        >\n          Reply\n        </button>\n      )}\n    </div>\n  );\n}\n\n/**\n * A single comment, collapsible between a compact one-line preview and a full\n * card. Offers a Maximize action when `onMaximize` is supplied — the owner\n * enlarges the whole thread. Fully controlled — all mutations are delegated to\n * the supplied callbacks.\n */\nexport function CommentCard(props: CommentCardProps) {\n  const { comment, config, compact, defaultExpanded, onMaximize } = props;\n  const [expanded, setExpanded] = useState(defaultExpanded ?? false);\n  const [collapsedStatusError, setCollapsedStatusError] = useState(\"\");\n  const isReply = Boolean(comment.parentId);\n  const completion = completionStatus(config);\n  const canComplete =\n    !isReply &&\n    props.onUpdateStatus != null &&\n    completion != null &&\n    isUnresolved(config, comment.status);\n  const completeCollapsed = async () => {\n    if (!completion) return;\n    setCollapsedStatusError(\"\");\n    try {\n      await props.onUpdateStatus?.(completion.value);\n    } catch (error) {\n      setCollapsedStatusError(\n        error instanceof Error ? error.message : \"Unexpected error\",\n      );\n    }\n  };\n\n  const body = (\n    <CommentBody\n      {...props}\n      {...(expanded ? { onCollapse: () => setExpanded(false) } : {})}\n    />\n  );\n\n  if (!expanded) {\n    return (\n      <>\n        <div\n          role=\"button\"\n          tabIndex={0}\n          onClick={() => setExpanded(true)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" || e.key === \" \") {\n              e.preventDefault();\n              setExpanded(true);\n            }\n          }}\n          data-testid=\"comment-card\"\n          data-comment-kind={isReply ? \"reply\" : \"root\"}\n          data-comment-id={comment.id}\n          className={cn(\n            \"group/comment flex cursor-pointer items-center gap-2 rounded-lg px-2.5 py-1.5 text-xs transition-colors hover:bg-muted/50\",\n            !isReply && \"border border-border bg-background shadow-sm\",\n            isReply && \"ml-4 border-l-2 border-l-border bg-muted/30\",\n          )}\n        >\n          <CommentAuthorAvatar author={comment.author} bare />\n          <span className=\"shrink-0 text-[11px] font-semibold text-foreground\">\n            {authorDisplayName(comment.author)}\n          </span>\n          {!isReply && (\n            <>\n              <RatingChip rating={comment.rating} />\n              <FacetBadges comment={comment} config={config} compact />\n            </>\n          )}\n          <span className=\"min-w-0 flex-1 truncate text-[12px] text-foreground/80\">\n            {comment.body.trim()\n              ? truncatePlain(comment.body)\n              : comment.rating === \"positive\"\n                ? \"Positive rating\"\n                : comment.rating === \"negative\"\n                  ? \"Negative rating\"\n                  : \"Empty comment\"}\n          </span>\n          {canComplete && (\n            <span\n              role=\"presentation\"\n              onClick={(e) => e.stopPropagation()}\n              onKeyDown={(e) => e.stopPropagation()}\n            >\n              <IconAction\n                icon={UiCheck}\n                label={completionActionLabel(completion)}\n                onClick={() => void completeCollapsed()}\n                className=\"hover:bg-green-100 hover:text-green-700 dark:hover:bg-green-500/20 dark:hover:text-green-300\"\n              />\n            </span>\n          )}\n          <span\n            role=\"presentation\"\n            onClick={(e) => e.stopPropagation()}\n            onKeyDown={(e) => e.stopPropagation()}\n          >\n            <DropdownMenu\n              align=\"right\"\n              trigger={\n                <span\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label=\"Comment actions\"\n                  className=\"rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-muted hover:opacity-100 group-hover/comment:opacity-70\"\n                >\n                  <Icon icon={UiDotsVertical} className=\"text-sm\" />\n                </span>\n              }\n              items={[\n                { label: \"Expand\", onSelect: () => setExpanded(true) },\n                ...(onMaximize\n                  ? [\n                      {\n                        label: \"Maximize\",\n                        icon: UiFullscreen,\n                        onSelect: onMaximize,\n                      },\n                    ]\n                  : []),\n              ]}\n            />\n          </span>\n        </div>\n        {collapsedStatusError && (\n          <div\n            role=\"alert\"\n            className=\"rounded-md border border-destructive/30 bg-destructive/5 px-2.5 py-2 text-xs text-destructive\"\n          >\n            Couldn't update comment: {collapsedStatusError}\n          </div>\n        )}\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        data-testid=\"comment-card\"\n        data-comment-kind={isReply ? \"reply\" : \"root\"}\n        data-comment-id={comment.id}\n        className={cn(\n          \"group/comment rounded-xl bg-background px-3.5 py-3 text-xs\",\n          !isReply &&\n            \"border border-border/80 shadow-sm transition-shadow hover:shadow-md\",\n          compact && \"px-2.5 py-2.5\",\n          isReply && \"ml-4 border-l-2 border-l-border bg-muted/20 shadow-none\",\n        )}\n      >\n        {body}\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/comments/CommentProvider.cjs

@@ -16,16 +16,17 @@ function CommentProvider({
   onUpdateRating,
   onDelete,
   onChecklistToggle,
-  onMention
+  onMention,
+  initialRailMode = "closed"
 }) {
-  const [railMode, setRailMode] = react.useState("closed");
+  const [railMode, setRailMode] = react.useState(initialRailMode);
   const [focusedAnchor, setFocusedAnchor] = react.useState(
     null
   );
   const [highlightAnchor, setHighlightAnchor] = react.useState(
     null
   );
-  const railModeRef = react.useRef("closed");
+  const railModeRef = react.useRef(initialRailMode);
   const onRailModeChangeRef = react.useRef(onRailModeChange);
   const resolveAnchorRef = react.useRef(resolveAnchor);
   const anchorEls = react.useRef({});

package/dist/comments/CommentProvider.cjs.map

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

package/dist/comments/CommentProvider.d.ts

@@ -10,6 +10,11 @@ export type CommentProviderProps = CommentCallbacks & {
     resolveAnchor?: AnchorResolver;
     /** Reports rail actions so a host can synchronize external visibility state. */
     onRailModeChange?: (mode: CommentRailMode) => void;
+    /**
+     * Rail mode on mount. Use "all" where the host already decided the rail is
+     * visible, so the reader is not asked to open it a second time.
+     */
+    initialRailMode?: CommentRailMode;
 };
 /**
  * Supplies comment state to a document subtree: derived per-anchor counts and
@@ -17,5 +22,5 @@ export type CommentProviderProps = CommentCallbacks & {
  * `registerAnchor` so the side panel can scroll-align to them). Owns no
  * fetching — `comments` and the callbacks are controlled by the consumer.
  */
-export declare function CommentProvider({ children, comments, config, resolveAnchor, onRailModeChange, onCreate, onReply, onUpdateStatus, onUpdateRating, onDelete, onChecklistToggle, onMention, }: CommentProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentProvider({ children, comments, config, resolveAnchor, onRailModeChange, onCreate, onReply, onUpdateStatus, onUpdateRating, onDelete, onChecklistToggle, onMention, initialRailMode, }: CommentProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CommentProvider.d.ts.map

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

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

package/dist/comments/CommentProvider.js

@@ -14,16 +14,17 @@ function CommentProvider({
   onUpdateRating,
   onDelete,
   onChecklistToggle,
-  onMention
+  onMention,
+  initialRailMode = "closed"
 }) {
-  const [railMode, setRailMode] = useState("closed");
+  const [railMode, setRailMode] = useState(initialRailMode);
   const [focusedAnchor, setFocusedAnchor] = useState(
     null
   );
   const [highlightAnchor, setHighlightAnchor] = useState(
     null
   );
-  const railModeRef = useRef("closed");
+  const railModeRef = useRef(initialRailMode);
   const onRailModeChangeRef = useRef(onRailModeChange);
   const resolveAnchorRef = useRef(resolveAnchor);
   const anchorEls = useRef({});

package/dist/comments/CommentProvider.js.map

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

package/dist/comments/CommentSidePanel.cjs

@@ -83,12 +83,14 @@ function orderComments(comments, anchorOrder) {
 }
 function AllComments({
   ctx,
-  label
+  comments,
+  label,
+  emptyLabel
 }) {
   const ordered = react.useMemo(() => {
     const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));
-    return orderComments(ctx.comments, anchorOrder);
-  }, [ctx]);
+    return orderComments(comments, anchorOrder);
+  }, [ctx, comments]);
   const handlers = commentUtils.buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);
   function activateThread(event, anchor) {
     const target = event.target;
@@ -110,7 +112,7 @@ function AllComments({
     ctx.focusAnchor(anchor);
   }
   if (ordered.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: "No comments yet." });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground", children: emptyLabel });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -147,13 +149,12 @@ function AllComments({
 }
 function FocusedComments({
   ctx,
+  comments: visible,
   anchor,
   label,
   compact
 }) {
-  const comments = ctx.comments.filter(
-    (c) => (c.anchor ?? commentTypes.DOCUMENT_ANCHOR) === anchor
-  );
+  const comments = commentUtils.selectAnchorThreads(visible, anchor);
   const hasComments = comments.length > 0;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", "data-comment-anchor": anchor, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
@@ -170,7 +171,7 @@ function FocusedComments({
         anchor,
         compact: compact ?? false,
         autoFocusComposer: !hasComments,
-        defaultExpandedRoots: hasComments,
+        defaultExpanded: hasComments,
         composerPlaceholder: hasComments ? "Add another top-level comment…" : "Add a comment…",
         ...ctx.callbacks
       }
@@ -183,6 +184,7 @@ function CommentSidePanel(props) {
   const railRef = react.useRef(null);
   const focusedRef = react.useRef(null);
   const [focusedOffset, setFocusedOffset] = react.useState(null);
+  const [showResolved, setShowResolved] = react.useState(false);
   const focusedAnchor = (ctx == null ? void 0 : ctx.railMode) === "focused" ? ctx.focusedAnchor : null;
   react.useEffect(() => {
     if (!ctx || props.focusedAlignment !== "anchor" || !focusedAnchor) {
@@ -217,79 +219,90 @@ function CommentSidePanel(props) {
     };
   }, [ctx, focusedAnchor, props.focusedAlignment]);
   if (!ctx) return null;
-  const total = Object.values(ctx.commentCounts).reduce((a, b) => a + b, 0);
-  if (ctx.railMode === "closed" && total === 0) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const unresolved = commentUtils.selectUnresolvedThreads(ctx.comments, ctx.config);
+  const visible = showResolved ? ctx.comments : unresolved;
+  const total = commentUtils.getRoots(visible).length;
+  const resolvedCount = commentUtils.getRoots(ctx.comments).length - commentUtils.getRoots(unresolved).length;
+  if (ctx.railMode === "closed" && total === 0 && resolvedCount === 0) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     "aside",
     {
       ref: railRef,
       "data-testid": "comment-side-panel",
       className: utils.cn("relative w-[320px] space-y-3", props.className),
-      children: ctx.railMode === "all" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(RailToggle, { active: true, onClick: ctx.openCommentList, children: [
-            "All comments (",
-            total,
-            ")"
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              type: "button",
-              onClick: ctx.closeRail,
-              className: "ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
-              children: "Close"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(AllComments, { ctx, label })
-      ] }) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          ref: focusedRef,
-          "data-testid": "comment-focused-rail",
-          className: "relative space-y-3",
-          style: focusedOffset == null ? void 0 : { top: focusedOffset },
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-              total > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-testid": "comment-rail-header",
+            className: "sticky top-0 z-20 flex items-center gap-2 bg-background py-2",
+            children: [
+              (total > 0 || ctx.railMode === "all") && /* @__PURE__ */ jsxRuntime.jsx(
                 RailToggle,
                 {
+                  active: ctx.railMode === "all",
                   onClick: ctx.openCommentList,
                   testId: "comment-open-all",
+                  children: ctx.railMode === "closed" ? `Open comments (${total})` : `All comments (${total})`
+                }
+              ),
+              resolvedCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  "aria-pressed": showResolved,
+                  onClick: () => setShowResolved((shown) => !shown),
+                  className: utils.cn(
+                    "rounded-full border px-2 py-1 text-xs font-medium transition-colors",
+                    showResolved ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background text-muted-foreground hover:text-foreground"
+                  ),
                   children: [
-                    "All comments (",
-                    total,
+                    "Resolved (",
+                    resolvedCount,
                     ")"
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(
+              ctx.railMode !== "closed" && /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   type: "button",
                   onClick: ctx.closeRail,
                   className: "ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
-                  children: "Hide"
+                  children: ctx.railMode === "all" ? "Close" : "Hide"
                 }
               )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
+            ]
+          }
+        ),
+        ctx.railMode === "all" ? /* @__PURE__ */ jsxRuntime.jsx(
+          AllComments,
+          {
+            ctx,
+            comments: visible,
+            label,
+            emptyLabel: resolvedCount > 0 ? "No open comments." : "No comments yet."
+          }
+        ) : ctx.railMode === "focused" && ctx.focusedAnchor ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: focusedRef,
+            "data-testid": "comment-focused-rail",
+            className: "relative space-y-3",
+            style: focusedOffset == null ? void 0 : { top: focusedOffset },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
               FocusedComments,
               {
                 ctx,
+                comments: visible,
                 anchor: ctx.focusedAnchor,
                 label: label(ctx.focusedAnchor),
                 ...props.compact !== void 0 ? { compact: props.compact } : {}
               }
             )
-          ]
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsxs(RailToggle, { onClick: ctx.openCommentList, testId: "comment-open-all", children: [
-        "Open comments (",
-        total,
-        ")"
-      ] })
+          }
+        ) : null
+      ]
     }
   );
 }