@flanksource/clicky-ui 0.3.27 → 0.3.29

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} 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 root comments immediately, exposing actions such as Reply. */\n  defaultExpandedRoots?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\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  defaultExpandedRoots = false,\n  composerPlaceholder,\n  hideComposer = false,\n  renderRootMeta,\n  renderBody,\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        defaultExpandedRoots={defaultExpandedRoots}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderBody ? { renderBody } : {})}\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 ? { placeholder: composerPlaceholder } : {})}\n            onCreate={onCreate}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["buildThreadListHandlers","cn","jsx","CommentThreadList","CommentComposer"],"mappings":";;;;;;;;AAqCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AAAA,EACf;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,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,sBAAsB,EAAE,aAAa,oBAAA,IAAwB,CAAA;AAAA,QAClE;AAAA,QACC,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} 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  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\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  renderRootMeta,\n  renderBody,\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        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder ? { placeholder: composerPlaceholder } : {})}\n            onCreate={onCreate}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["buildThreadListHandlers","cn","jsx","CommentThreadList","CommentComposer"],"mappings":";;;;;;;;AAqCO,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;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,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,sBAAsB,EAAE,aAAa,oBAAA,IAAwB,CAAA;AAAA,QAClE;AAAA,QACC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;;"}

package/dist/comments/CommentThread.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { Comment, CommentAnchor, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentThreadProps = CommentCallbacks & {
     /** Comments for this thread (typically pre-filtered to one anchor). */
@@ -9,8 +9,8 @@ export type CommentThreadProps = CommentCallbacks & {
     compact?: boolean;
     /** Auto-open and focus the composer on mount. */
     autoFocusComposer?: boolean;
-    /** Expand root comments immediately, exposing actions such as Reply. */
-    defaultExpandedRoots?: boolean;
+    /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */
+    defaultExpanded?: boolean;
     /** Label for creating a separate root comment. */
     composerPlaceholder?: string;
     /** Hide the composer (read-only thread). */
@@ -24,5 +24,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, defaultExpandedRoots, composerPlaceholder, hideComposer, renderRootMeta, renderBody, onCreate, onReply, onUpdateStatus, onDelete, onChecklistToggle, onMention, }: CommentThreadProps): import("react/jsx-runtime").JSX.Element;
+export declare function CommentThread({ comments, config, anchor, compact, autoFocusComposer, defaultExpanded, composerPlaceholder, hideComposer, renderRootMeta, renderBody, 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,EACd,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,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,kDAAkD;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4CAA4C;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAe,EACf,iBAAyB,EACzB,oBAA4B,EAC5B,mBAAmB,EACnB,YAAoB,EACpB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CAkCpB"}
+{"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,EACd,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,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;CAC1C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAe,EACf,iBAAyB,EACzB,eAAuB,EACvB,mBAAmB,EACnB,YAAoB,EACpB,cAAc,EACd,UAAU,EACV,QAAQ,EACR,OAAO,EACP,cAAc,EACd,QAAQ,EACR,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,+BAkCpB"}

package/dist/comments/CommentThread.js

@@ -10,7 +10,7 @@ function CommentThread({
   anchor,
   compact = false,
   autoFocusComposer = false,
-  defaultExpandedRoots = false,
+  defaultExpanded = false,
   composerPlaceholder,
   hideComposer = false,
   renderRootMeta,
@@ -36,7 +36,7 @@ function CommentThread({
         comments,
         config,
         compact,
-        defaultExpandedRoots,
+        defaultExpanded,
         ...renderRootMeta ? { renderRootMeta } : {},
         ...renderBody ? { renderBody } : {},
         ...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} 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 root comments immediately, exposing actions such as Reply. */\n  defaultExpandedRoots?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\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  defaultExpandedRoots = false,\n  composerPlaceholder,\n  hideComposer = false,\n  renderRootMeta,\n  renderBody,\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        defaultExpandedRoots={defaultExpandedRoots}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderBody ? { renderBody } : {})}\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 ? { placeholder: composerPlaceholder } : {})}\n            onCreate={onCreate}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqCO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,oBAAoB;AAAA,EACpB,uBAAuB;AAAA,EACvB;AAAA,EACA,eAAe;AAAA,EACf;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,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,sBAAsB,EAAE,aAAa,oBAAA,IAAwB,CAAA;AAAA,QAClE;AAAA,QACC,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} 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  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\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  renderRootMeta,\n  renderBody,\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        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder ? { placeholder: composerPlaceholder } : {})}\n            onCreate={onCreate}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAqCO,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;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,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,sBAAsB,EAAE,aAAa,oBAAA,IAAwB,CAAA;AAAA,QAClE;AAAA,QACC,GAAI,YAAY,EAAE,cAAc,CAAA;AAAA,MAAC;AAAA,IAAA,EACpC,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/comments/CommentThreadList.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const utils = require("../lib/utils.cjs");
 const button = require("../components/button.cjs");
+const Modal = require("../overlay/Modal.cjs");
 const CommentCard = require("./CommentCard.cjs");
 const commentUtils = require("./comment-utils.cjs");
 function ReplyInput({
@@ -61,7 +62,7 @@ function CommentThreadList({
   comments,
   config,
   compact = false,
-  defaultExpandedRoots = false,
+  defaultExpanded = false,
   renderRootMeta,
   getThreadProps,
   renderBody,
@@ -71,9 +72,16 @@ function CommentThreadList({
   onReply
 }) {
   const [replyingTo, setReplyingTo] = react.useState(null);
+  const [maximizedRootId, setMaximizedRootId] = react.useState(null);
+  const [modalReplyTo, setModalReplyTo] = react.useState(null);
   const roots = commentUtils.getRoots(comments);
   const replyMap = commentUtils.buildReplyMap(comments);
   if (roots.length === 0) return null;
+  const maximizedRoot = roots.find((root) => root.id === maximizedRootId);
+  function closeMaximized() {
+    setMaximizedRootId(null);
+    setModalReplyTo(null);
+  }
   function cardHandlers(id) {
     return {
       ...onUpdateStatus ? { onUpdateStatus: (status) => onUpdateStatus(id, status) } : {},
@@ -81,56 +89,96 @@ function CommentThreadList({
       ...onDelete ? { onDelete: () => onDelete(id) } : {}
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: roots.map((root) => {
-    const replies = commentUtils.sortReplies(replyMap.get(root.id) ?? []);
-    const threadProps = (getThreadProps == null ? void 0 : getThreadProps(root)) ?? {};
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: roots.map((root) => {
+      const replies = commentUtils.sortReplies(replyMap.get(root.id) ?? []);
+      const threadProps = (getThreadProps == null ? void 0 : getThreadProps(root)) ?? {};
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          "data-testid": "comment-thread-block",
+          "data-comment-id": root.id,
+          ...threadProps,
+          className: utils.cn("space-y-1.5 p-1", threadProps.className),
+          children: [
+            renderRootMeta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1", children: renderRootMeta(root) }) : null,
+            /* @__PURE__ */ jsxRuntime.jsx(
+              CommentCard.CommentCard,
+              {
+                comment: root,
+                config,
+                compact,
+                defaultExpanded,
+                onMaximize: () => setMaximizedRootId(root.id),
+                ...renderBody ? { renderBody } : {},
+                ...cardHandlers(root.id),
+                ...onReply ? { onReply: () => setReplyingTo(root.id) } : {}
+              }
+            ),
+            replies.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: replies.map((reply) => /* @__PURE__ */ jsxRuntime.jsx(
+              CommentCard.CommentCard,
+              {
+                comment: reply,
+                config,
+                compact,
+                defaultExpanded,
+                onMaximize: () => setMaximizedRootId(root.id),
+                ...renderBody ? { renderBody } : {},
+                ...cardHandlers(reply.id)
+              },
+              reply.id
+            )) }),
+            onReply && replyingTo === root.id && /* @__PURE__ */ jsxRuntime.jsx(
+              ReplyInput,
+              {
+                onCancel: () => setReplyingTo(null),
+                onSubmit: async (body) => {
+                  await onReply(root, body);
+                  setReplyingTo(null);
+                }
+              }
+            )
+          ]
+        },
+        root.id
+      );
+    }) }),
+    maximizedRoot && /* @__PURE__ */ jsxRuntime.jsx(
+      Modal.Modal,
       {
-        "data-testid": "comment-thread-block",
-        "data-comment-id": root.id,
-        ...threadProps,
-        className: utils.cn("space-y-1.5 p-1", threadProps.className),
-        children: [
-          renderRootMeta ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-1", children: renderRootMeta(root) }) : null,
+        open: true,
+        onClose: closeMaximized,
+        title: "Comment thread",
+        size: "lg",
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", "data-testid": "comment-thread-modal", children: [
+          maximizedRoot,
+          ...commentUtils.sortReplies(replyMap.get(maximizedRoot.id) ?? [])
+        ].map((message) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             CommentCard.CommentCard,
             {
-              comment: root,
+              comment: message,
               config,
-              compact,
-              defaultExpanded: defaultExpandedRoots,
+              defaultExpanded: true,
               ...renderBody ? { renderBody } : {},
-              ...cardHandlers(root.id),
-              ...onReply ? { onReply: () => setReplyingTo(root.id) } : {}
+              ...cardHandlers(message.id),
+              ...onReply ? { onReply: () => setModalReplyTo(message.id) } : {}
             }
           ),
-          replies.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: replies.map((reply) => /* @__PURE__ */ jsxRuntime.jsx(
-            CommentCard.CommentCard,
-            {
-              comment: reply,
-              config,
-              compact,
-              ...renderBody ? { renderBody } : {},
-              ...cardHandlers(reply.id)
-            },
-            reply.id
-          )) }),
-          onReply && replyingTo === root.id && /* @__PURE__ */ jsxRuntime.jsx(
+          onReply && modalReplyTo === message.id && /* @__PURE__ */ jsxRuntime.jsx(
             ReplyInput,
             {
-              onCancel: () => setReplyingTo(null),
+              onCancel: () => setModalReplyTo(null),
               onSubmit: async (body) => {
-                await onReply(root, body);
-                setReplyingTo(null);
+                await onReply(maximizedRoot, body);
+                setModalReplyTo(null);
               }
             }
           )
-        ]
-      },
-      root.id
-    );
-  }) });
+        ] }, message.id)) })
+      }
+    )
+  ] });
 }
 exports.CommentThreadList = CommentThreadList;
 //# sourceMappingURL=CommentThreadList.cjs.map

package/dist/comments/CommentThreadList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThreadList.cjs","sources":["../../src/comments/CommentThreadList.tsx"],"sourcesContent":["import { useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"../components/button\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentThreadListProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  compact?: boolean;\n  /** Expand root comments immediately, exposing actions such as Reply. */\n  defaultExpandedRoots?: boolean;\n  /** Extra content rendered above each root card (e.g. an anchor label). */\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  /** Props merged onto each thread wrapper (e.g. for scroll anchoring). */\n  getThreadProps?: (comment: Comment) => HTMLAttributes<HTMLDivElement>;\n  /** Custom body renderer forwarded to each card. */\n  renderBody?: (body: string) => ReactNode;\n  onUpdateStatus?: (id: string, status: string) => void;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  /** Submit a reply to `parent`. Presence enables the inline reply affordance. */\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\nfunction ReplyInput({\n  onSubmit,\n  onCancel,\n}: {\n  onSubmit: (body: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [body, setBody] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const submittingRef = useRef(false);\n  async function send() {\n    if (!body.trim() || submittingRef.current) return;\n    submittingRef.current = true;\n    setSubmitting(true);\n    try {\n      await onSubmit(body.trim());\n      setBody(\"\");\n    } finally {\n      submittingRef.current = false;\n      setSubmitting(false);\n    }\n  }\n  return (\n    <div className=\"ml-6 flex gap-1.5 py-1\" aria-busy={submitting}>\n      <input\n        autoFocus\n        value={body}\n        disabled={submitting}\n        onChange={(e) => setBody(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            void send();\n          }\n          if (e.key === \"Escape\") onCancel();\n        }}\n        placeholder=\"Write a reply…\"\n        data-testid=\"comment-reply-input\"\n        className=\"h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs\"\n        disabled={submitting || !body.trim()}\n        onClick={() => void send()}\n      >\n        Send\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Renders a list of threaded comments: each root with its sorted replies and an\n * optional inline reply box. Fully controlled — mutations route through the\n * id-keyed callbacks.\n */\nexport function CommentThreadList({\n  comments,\n  config,\n  compact = false,\n  defaultExpandedRoots = false,\n  renderRootMeta,\n  getThreadProps,\n  renderBody,\n  onUpdateStatus,\n  onChecklistToggle,\n  onDelete,\n  onReply,\n}: CommentThreadListProps) {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  const roots = getRoots(comments);\n  const replyMap = buildReplyMap(comments);\n\n  if (roots.length === 0) return null;\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onChecklistToggle\n        ? { onChecklistToggle: (index: number) => onChecklistToggle(id, index) }\n        : {}),\n      ...(onDelete ? { onDelete: () => onDelete(id) } : {}),\n    };\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {roots.map((root) => {\n        const replies = sortReplies(replyMap.get(root.id) ?? []);\n        const threadProps = getThreadProps?.(root) ?? {};\n        return (\n          <div\n            key={root.id}\n            data-testid=\"comment-thread-block\"\n            data-comment-id={root.id}\n            {...threadProps}\n            className={cn(\"space-y-1.5 p-1\", threadProps.className)}\n          >\n            {renderRootMeta ? (\n              <div className=\"px-1\">{renderRootMeta(root)}</div>\n            ) : null}\n            <CommentCard\n              comment={root}\n              config={config}\n              compact={compact}\n              defaultExpanded={defaultExpandedRoots}\n              {...(renderBody ? { renderBody } : {})}\n              {...cardHandlers(root.id)}\n              {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n            />\n            {replies.length > 0 && (\n              <div className=\"space-y-1.5\">\n                {replies.map((reply) => (\n                  <CommentCard\n                    key={reply.id}\n                    comment={reply}\n                    config={config}\n                    compact={compact}\n                    {...(renderBody ? { renderBody } : {})}\n                    {...cardHandlers(reply.id)}\n                  />\n                ))}\n              </div>\n            )}\n            {onReply && replyingTo === root.id && (\n              <ReplyInput\n                onCancel={() => setReplyingTo(null)}\n                onSubmit={async (body) => {\n                  await onReply(root, body);\n                  setReplyingTo(null);\n                }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["useState","useRef","jsxs","jsx","Button","getRoots","buildReplyMap","sortReplies","cn","CommentCard"],"mappings":";;;;;;;;AA0BA,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AACF,GAGG;AACD,QAAM,CAAC,MAAM,OAAO,IAAIA,MAAAA,SAAS,EAAE;AACnC,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAClD,QAAM,gBAAgBC,MAAAA,OAAO,KAAK;AAClC,iBAAe,OAAO;AACpB,QAAI,CAAC,KAAK,UAAU,cAAc,QAAS;AAC3C,kBAAc,UAAU;AACxB,kBAAc,IAAI;AAClB,QAAI;AACF,YAAM,SAAS,KAAK,MAAM;AAC1B,cAAQ,EAAE;AAAA,IACZ,UAAA;AACE,oBAAc,UAAU;AACxB,oBAAc,KAAK;AAAA,IACrB;AAAA,EACF;AACA,SACEC,2BAAAA,KAAC,OAAA,EAAI,WAAU,0BAAyB,aAAW,YACjD,UAAA;AAAA,IAAAC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU,CAAC,MAAM,QAAQ,EAAE,OAAO,KAAK;AAAA,QACvC,WAAW,CAAC,MAAM;AAChB,cAAI,EAAE,QAAQ,SAAS;AACrB,cAAE,eAAA;AACF,iBAAK,KAAA;AAAA,UACP;AACA,cAAI,EAAE,QAAQ,SAAU,UAAA;AAAA,QAC1B;AAAA,QACA,aAAY;AAAA,QACZ,eAAY;AAAA,QACZ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZA,2BAAAA;AAAAA,MAACC,OAAAA;AAAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU,cAAc,CAAC,KAAK,KAAA;AAAA,QAC9B,SAAS,MAAM,KAAK,KAAA;AAAA,QACrB,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;AAOO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA2B;AACzB,QAAM,CAAC,YAAY,aAAa,IAAIJ,MAAAA,SAAwB,IAAI;AAChE,QAAM,QAAQK,aAAAA,SAAS,QAAQ;AAC/B,QAAM,WAAWC,aAAAA,cAAc,QAAQ;AAEvC,MAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,WAAS,aAAa,IAAY;AAChC,WAAO;AAAA,MACL,GAAI,iBACA,EAAE,gBAAgB,CAAC,WAAmB,eAAe,IAAI,MAAM,EAAA,IAC/D,CAAA;AAAA,MACJ,GAAI,oBACA,EAAE,mBAAmB,CAAC,UAAkB,kBAAkB,IAAI,KAAK,EAAA,IACnE,CAAA;AAAA,MACJ,GAAI,WAAW,EAAE,UAAU,MAAM,SAAS,EAAE,EAAA,IAAM,CAAA;AAAA,IAAC;AAAA,EAEvD;AAEA,wCACG,OAAA,EAAI,WAAU,aACZ,UAAA,MAAM,IAAI,CAAC,SAAS;AACnB,UAAM,UAAUC,aAAAA,YAAY,SAAS,IAAI,KAAK,EAAE,KAAK,EAAE;AACvD,UAAM,eAAc,iDAAiB,UAAS,CAAA;AAC9C,WACEL,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,eAAY;AAAA,QACZ,mBAAiB,KAAK;AAAA,QACrB,GAAG;AAAA,QACJ,WAAWM,MAAAA,GAAG,mBAAmB,YAAY,SAAS;AAAA,QAErD,UAAA;AAAA,UAAA,gDACE,OAAA,EAAI,WAAU,QAAQ,UAAA,eAAe,IAAI,GAAE,IAC1C;AAAA,UACJL,2BAAAA;AAAAA,YAACM,YAAAA;AAAAA,YAAA;AAAA,cACC,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACA,iBAAiB;AAAA,cAChB,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,cAClC,GAAG,aAAa,KAAK,EAAE;AAAA,cACvB,GAAI,UAAU,EAAE,SAAS,MAAM,cAAc,KAAK,EAAE,MAAM,CAAA;AAAA,YAAC;AAAA,UAAA;AAAA,UAE7D,QAAQ,SAAS,KAChBN,2BAAAA,IAAC,OAAA,EAAI,WAAU,eACZ,UAAA,QAAQ,IAAI,CAAC,UACZA,2BAAAA;AAAAA,YAACM,YAAAA;AAAAA,YAAA;AAAA,cAEC,SAAS;AAAA,cACT;AAAA,cACA;AAAA,cACC,GAAI,aAAa,EAAE,WAAA,IAAe,CAAA;AAAA,cAClC,GAAG,aAAa,MAAM,EAAE;AAAA,YAAA;AAAA,YALpB,MAAM;AAAA,UAAA,CAOd,GACH;AAAA,UAED,WAAW,eAAe,KAAK,MAC9BN,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU,MAAM,cAAc,IAAI;AAAA,cAClC,UAAU,OAAO,SAAS;AACxB,sBAAM,QAAQ,MAAM,IAAI;AACxB,8BAAc,IAAI;AAAA,cACpB;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,MAvCG,KAAK;AAAA,IAAA;AAAA,EA2ChB,CAAC,EAAA,CACH;AAEJ;;"}
+{"version":3,"file":"CommentThreadList.cjs","sources":["../../src/comments/CommentThreadList.tsx"],"sourcesContent":["import { useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"../components/button\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentThreadListProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  compact?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Extra content rendered above each root card (e.g. an anchor label). */\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  /** Props merged onto each thread wrapper (e.g. for scroll anchoring). */\n  getThreadProps?: (comment: Comment) => HTMLAttributes<HTMLDivElement>;\n  /** Custom body renderer forwarded to each card. */\n  renderBody?: (body: string) => ReactNode;\n  onUpdateStatus?: (id: string, status: string) => void;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  /** Submit a reply to `parent`. Presence enables the inline reply affordance. */\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\nfunction ReplyInput({\n  onSubmit,\n  onCancel,\n}: {\n  onSubmit: (body: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [body, setBody] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const submittingRef = useRef(false);\n  async function send() {\n    if (!body.trim() || submittingRef.current) return;\n    submittingRef.current = true;\n    setSubmitting(true);\n    try {\n      await onSubmit(body.trim());\n      setBody(\"\");\n    } finally {\n      submittingRef.current = false;\n      setSubmitting(false);\n    }\n  }\n  return (\n    <div className=\"ml-6 flex gap-1.5 py-1\" aria-busy={submitting}>\n      <input\n        autoFocus\n        value={body}\n        disabled={submitting}\n        onChange={(e) => setBody(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            void send();\n          }\n          if (e.key === \"Escape\") onCancel();\n        }}\n        placeholder=\"Write a reply…\"\n        data-testid=\"comment-reply-input\"\n        className=\"h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs\"\n        disabled={submitting || !body.trim()}\n        onClick={() => void send()}\n      >\n        Send\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Renders a list of threaded comments: each root with its sorted replies and an\n * optional inline reply box. Fully controlled — mutations route through the\n * id-keyed callbacks.\n */\nexport function CommentThreadList({\n  comments,\n  config,\n  compact = false,\n  defaultExpanded = false,\n  renderRootMeta,\n  getThreadProps,\n  renderBody,\n  onUpdateStatus,\n  onChecklistToggle,\n  onDelete,\n  onReply,\n}: CommentThreadListProps) {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  // Maximizing is owned here, not by the card: a thread is the unit a reader\n  // wants enlarged, and only this list knows a root's replies.\n  const [maximizedRootId, setMaximizedRootId] = useState<string | null>(null);\n  // Which message in the maximized thread has its reply composer open.\n  const [modalReplyTo, setModalReplyTo] = useState<string | null>(null);\n  const roots = getRoots(comments);\n  const replyMap = buildReplyMap(comments);\n\n  if (roots.length === 0) return null;\n\n  const maximizedRoot = roots.find((root) => root.id === maximizedRootId);\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onChecklistToggle\n        ? { onChecklistToggle: (index: number) => onChecklistToggle(id, index) }\n        : {}),\n      ...(onDelete ? { onDelete: () => onDelete(id) } : {}),\n    };\n  }\n\n  return (\n    <>\n    <div className=\"space-y-2\">\n      {roots.map((root) => {\n        const replies = sortReplies(replyMap.get(root.id) ?? []);\n        const threadProps = getThreadProps?.(root) ?? {};\n        return (\n          <div\n            key={root.id}\n            data-testid=\"comment-thread-block\"\n            data-comment-id={root.id}\n            {...threadProps}\n            className={cn(\"space-y-1.5 p-1\", threadProps.className)}\n          >\n            {renderRootMeta ? (\n              <div className=\"px-1\">{renderRootMeta(root)}</div>\n            ) : null}\n            <CommentCard\n              comment={root}\n              config={config}\n              compact={compact}\n              defaultExpanded={defaultExpanded}\n              onMaximize={() => setMaximizedRootId(root.id)}\n              {...(renderBody ? { renderBody } : {})}\n              {...cardHandlers(root.id)}\n              {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n            />\n            {replies.length > 0 && (\n              <div className=\"space-y-1.5\">\n                {replies.map((reply) => (\n                  <CommentCard\n                    key={reply.id}\n                    comment={reply}\n                    config={config}\n                    compact={compact}\n                    defaultExpanded={defaultExpanded}\n                    onMaximize={() => setMaximizedRootId(root.id)}\n                    {...(renderBody ? { renderBody } : {})}\n                    {...cardHandlers(reply.id)}\n                  />\n                ))}\n              </div>\n            )}\n            {onReply && replyingTo === root.id && (\n              <ReplyInput\n                onCancel={() => setReplyingTo(null)}\n                onSubmit={async (body) => {\n                  await onReply(root, body);\n                  setReplyingTo(null);\n                }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n    {maximizedRoot && (\n      <Modal\n        open\n        onClose={closeMaximized}\n        title=\"Comment thread\"\n        size=\"lg\"\n      >\n        {/* No onMaximize inside: the thread is already maximized. */}\n        <div className=\"space-y-2\" data-testid=\"comment-thread-modal\">\n          {[\n            maximizedRoot,\n            ...sortReplies(replyMap.get(maximizedRoot.id) ?? []),\n          ].map((message) => (\n            <div key={message.id} className=\"space-y-1.5\">\n              <CommentCard\n                comment={message}\n                config={config}\n                defaultExpanded\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(message.id)}\n                {...(onReply\n                  ? { onReply: () => setModalReplyTo(message.id) }\n                  : {})}\n              />\n              {onReply && modalReplyTo === message.id && (\n                <ReplyInput\n                  onCancel={() => setModalReplyTo(null)}\n                  onSubmit={async (body) => {\n                    // Always the root: the store nests messages under a\n                    // comment, never under another message.\n                    await onReply(maximizedRoot, body);\n                    setModalReplyTo(null);\n                  }}\n                />\n              )}\n            </div>\n          ))}\n        </div>\n      </Modal>\n    )}\n    </>\n  );\n}\n"],"names":["useState","useRef","jsxs","jsx","Button","getRoots","buildReplyMap","Fragment","sortReplies","cn","CommentCard","Modal"],"mappings":"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"}

package/dist/comments/CommentThreadList.d.ts

@@ -1,11 +1,11 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from '../../../../node_modules/@types/react/index.d.ts';
 import { Comment, CommentConfig } from './comment-types';
 export type CommentThreadListProps = {
     comments: Comment[];
     config: CommentConfig;
     compact?: boolean;
-    /** Expand root comments immediately, exposing actions such as Reply. */
-    defaultExpandedRoots?: boolean;
+    /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */
+    defaultExpanded?: boolean;
     /** Extra content rendered above each root card (e.g. an anchor label). */
     renderRootMeta?: (comment: Comment) => ReactNode;
     /** Props merged onto each thread wrapper (e.g. for scroll anchoring). */
@@ -23,5 +23,5 @@ export type CommentThreadListProps = {
  * optional inline reply box. Fully controlled — mutations route through the
  * id-keyed callbacks.
  */
-export declare function CommentThreadList({ comments, config, compact, defaultExpandedRoots, renderRootMeta, getThreadProps, renderBody, onUpdateStatus, onChecklistToggle, onDelete, onReply, }: CommentThreadListProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function CommentThreadList({ comments, config, compact, defaultExpanded, renderRootMeta, getThreadProps, renderBody, onUpdateStatus, onChecklistToggle, onDelete, onReply, }: CommentThreadListProps): import("react").JSX.Element | null;
 //# sourceMappingURL=CommentThreadList.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CommentThreadList.d.ts","sourceRoot":"","sources":["../../src/comments/CommentThreadList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAK9E,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,yEAAyE;IACzE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC,cAAc,CAAC,CAAC;IACtE,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAsDF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,OAAe,EACf,oBAA4B,EAC5B,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,sBAAsB,kDAwExB"}
+{"version":3,"file":"CommentThreadList.d.ts","sourceRoot":"","sources":["../../src/comments/CommentThreadList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAM9E,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE9D,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gGAAgG;IAChG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0EAA0E;IAC1E,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACjD,yEAAyE;IACzE,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC,cAAc,CAAC,CAAC;IACtE,mDAAmD;IACnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,iBAAiB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,gFAAgF;IAChF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACnE,CAAC;AAsDF;;;;GAIG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAQ,EACR,MAAM,EACN,OAAe,EACf,eAAuB,EACvB,cAAc,EACd,cAAc,EACd,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,sBAAsB,sCAiIxB"}

package/dist/comments/CommentThreadList.js

@@ -1,7 +1,8 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 import { cn } from "../lib/utils.js";
 import { Button } from "../components/button.js";
+import { Modal } from "../overlay/Modal.js";
 import { CommentCard } from "./CommentCard.js";
 import { getRoots, buildReplyMap, sortReplies } from "./comment-utils.js";
 function ReplyInput({
@@ -59,7 +60,7 @@ function CommentThreadList({
   comments,
   config,
   compact = false,
-  defaultExpandedRoots = false,
+  defaultExpanded = false,
   renderRootMeta,
   getThreadProps,
   renderBody,
@@ -69,9 +70,16 @@ function CommentThreadList({
   onReply
 }) {
   const [replyingTo, setReplyingTo] = useState(null);
+  const [maximizedRootId, setMaximizedRootId] = useState(null);
+  const [modalReplyTo, setModalReplyTo] = useState(null);
   const roots = getRoots(comments);
   const replyMap = buildReplyMap(comments);
   if (roots.length === 0) return null;
+  const maximizedRoot = roots.find((root) => root.id === maximizedRootId);
+  function closeMaximized() {
+    setMaximizedRootId(null);
+    setModalReplyTo(null);
+  }
   function cardHandlers(id) {
     return {
       ...onUpdateStatus ? { onUpdateStatus: (status) => onUpdateStatus(id, status) } : {},
@@ -79,56 +87,96 @@ function CommentThreadList({
       ...onDelete ? { onDelete: () => onDelete(id) } : {}
     };
   }
-  return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: roots.map((root) => {
-    const replies = sortReplies(replyMap.get(root.id) ?? []);
-    const threadProps = (getThreadProps == null ? void 0 : getThreadProps(root)) ?? {};
-    return /* @__PURE__ */ jsxs(
-      "div",
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "space-y-2", children: roots.map((root) => {
+      const replies = sortReplies(replyMap.get(root.id) ?? []);
+      const threadProps = (getThreadProps == null ? void 0 : getThreadProps(root)) ?? {};
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          "data-testid": "comment-thread-block",
+          "data-comment-id": root.id,
+          ...threadProps,
+          className: cn("space-y-1.5 p-1", threadProps.className),
+          children: [
+            renderRootMeta ? /* @__PURE__ */ jsx("div", { className: "px-1", children: renderRootMeta(root) }) : null,
+            /* @__PURE__ */ jsx(
+              CommentCard,
+              {
+                comment: root,
+                config,
+                compact,
+                defaultExpanded,
+                onMaximize: () => setMaximizedRootId(root.id),
+                ...renderBody ? { renderBody } : {},
+                ...cardHandlers(root.id),
+                ...onReply ? { onReply: () => setReplyingTo(root.id) } : {}
+              }
+            ),
+            replies.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: replies.map((reply) => /* @__PURE__ */ jsx(
+              CommentCard,
+              {
+                comment: reply,
+                config,
+                compact,
+                defaultExpanded,
+                onMaximize: () => setMaximizedRootId(root.id),
+                ...renderBody ? { renderBody } : {},
+                ...cardHandlers(reply.id)
+              },
+              reply.id
+            )) }),
+            onReply && replyingTo === root.id && /* @__PURE__ */ jsx(
+              ReplyInput,
+              {
+                onCancel: () => setReplyingTo(null),
+                onSubmit: async (body) => {
+                  await onReply(root, body);
+                  setReplyingTo(null);
+                }
+              }
+            )
+          ]
+        },
+        root.id
+      );
+    }) }),
+    maximizedRoot && /* @__PURE__ */ jsx(
+      Modal,
       {
-        "data-testid": "comment-thread-block",
-        "data-comment-id": root.id,
-        ...threadProps,
-        className: cn("space-y-1.5 p-1", threadProps.className),
-        children: [
-          renderRootMeta ? /* @__PURE__ */ jsx("div", { className: "px-1", children: renderRootMeta(root) }) : null,
+        open: true,
+        onClose: closeMaximized,
+        title: "Comment thread",
+        size: "lg",
+        children: /* @__PURE__ */ jsx("div", { className: "space-y-2", "data-testid": "comment-thread-modal", children: [
+          maximizedRoot,
+          ...sortReplies(replyMap.get(maximizedRoot.id) ?? [])
+        ].map((message) => /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
           /* @__PURE__ */ jsx(
             CommentCard,
             {
-              comment: root,
+              comment: message,
               config,
-              compact,
-              defaultExpanded: defaultExpandedRoots,
+              defaultExpanded: true,
               ...renderBody ? { renderBody } : {},
-              ...cardHandlers(root.id),
-              ...onReply ? { onReply: () => setReplyingTo(root.id) } : {}
+              ...cardHandlers(message.id),
+              ...onReply ? { onReply: () => setModalReplyTo(message.id) } : {}
             }
           ),
-          replies.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: replies.map((reply) => /* @__PURE__ */ jsx(
-            CommentCard,
-            {
-              comment: reply,
-              config,
-              compact,
-              ...renderBody ? { renderBody } : {},
-              ...cardHandlers(reply.id)
-            },
-            reply.id
-          )) }),
-          onReply && replyingTo === root.id && /* @__PURE__ */ jsx(
+          onReply && modalReplyTo === message.id && /* @__PURE__ */ jsx(
             ReplyInput,
             {
-              onCancel: () => setReplyingTo(null),
+              onCancel: () => setModalReplyTo(null),
               onSubmit: async (body) => {
-                await onReply(root, body);
-                setReplyingTo(null);
+                await onReply(maximizedRoot, body);
+                setModalReplyTo(null);
               }
             }
           )
-        ]
-      },
-      root.id
-    );
-  }) });
+        ] }, message.id)) })
+      }
+    )
+  ] });
 }
 export {
   CommentThreadList

package/dist/comments/CommentThreadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThreadList.js","sources":["../../src/comments/CommentThreadList.tsx"],"sourcesContent":["import { useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"../components/button\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentThreadListProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  compact?: boolean;\n  /** Expand root comments immediately, exposing actions such as Reply. */\n  defaultExpandedRoots?: boolean;\n  /** Extra content rendered above each root card (e.g. an anchor label). */\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  /** Props merged onto each thread wrapper (e.g. for scroll anchoring). */\n  getThreadProps?: (comment: Comment) => HTMLAttributes<HTMLDivElement>;\n  /** Custom body renderer forwarded to each card. */\n  renderBody?: (body: string) => ReactNode;\n  onUpdateStatus?: (id: string, status: string) => void;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  /** Submit a reply to `parent`. Presence enables the inline reply affordance. */\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\nfunction ReplyInput({\n  onSubmit,\n  onCancel,\n}: {\n  onSubmit: (body: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [body, setBody] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const submittingRef = useRef(false);\n  async function send() {\n    if (!body.trim() || submittingRef.current) return;\n    submittingRef.current = true;\n    setSubmitting(true);\n    try {\n      await onSubmit(body.trim());\n      setBody(\"\");\n    } finally {\n      submittingRef.current = false;\n      setSubmitting(false);\n    }\n  }\n  return (\n    <div className=\"ml-6 flex gap-1.5 py-1\" aria-busy={submitting}>\n      <input\n        autoFocus\n        value={body}\n        disabled={submitting}\n        onChange={(e) => setBody(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            void send();\n          }\n          if (e.key === \"Escape\") onCancel();\n        }}\n        placeholder=\"Write a reply…\"\n        data-testid=\"comment-reply-input\"\n        className=\"h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs\"\n        disabled={submitting || !body.trim()}\n        onClick={() => void send()}\n      >\n        Send\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Renders a list of threaded comments: each root with its sorted replies and an\n * optional inline reply box. Fully controlled — mutations route through the\n * id-keyed callbacks.\n */\nexport function CommentThreadList({\n  comments,\n  config,\n  compact = false,\n  defaultExpandedRoots = false,\n  renderRootMeta,\n  getThreadProps,\n  renderBody,\n  onUpdateStatus,\n  onChecklistToggle,\n  onDelete,\n  onReply,\n}: CommentThreadListProps) {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  const roots = getRoots(comments);\n  const replyMap = buildReplyMap(comments);\n\n  if (roots.length === 0) return null;\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onChecklistToggle\n        ? { onChecklistToggle: (index: number) => onChecklistToggle(id, index) }\n        : {}),\n      ...(onDelete ? { onDelete: () => onDelete(id) } : {}),\n    };\n  }\n\n  return (\n    <div className=\"space-y-2\">\n      {roots.map((root) => {\n        const replies = sortReplies(replyMap.get(root.id) ?? []);\n        const threadProps = getThreadProps?.(root) ?? {};\n        return (\n          <div\n            key={root.id}\n            data-testid=\"comment-thread-block\"\n            data-comment-id={root.id}\n            {...threadProps}\n            className={cn(\"space-y-1.5 p-1\", threadProps.className)}\n          >\n            {renderRootMeta ? (\n              <div className=\"px-1\">{renderRootMeta(root)}</div>\n            ) : null}\n            <CommentCard\n              comment={root}\n              config={config}\n              compact={compact}\n              defaultExpanded={defaultExpandedRoots}\n              {...(renderBody ? { renderBody } : {})}\n              {...cardHandlers(root.id)}\n              {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n            />\n            {replies.length > 0 && (\n              <div className=\"space-y-1.5\">\n                {replies.map((reply) => (\n                  <CommentCard\n                    key={reply.id}\n                    comment={reply}\n                    config={config}\n                    compact={compact}\n                    {...(renderBody ? { renderBody } : {})}\n                    {...cardHandlers(reply.id)}\n                  />\n                ))}\n              </div>\n            )}\n            {onReply && replyingTo === root.id && (\n              <ReplyInput\n                onCancel={() => setReplyingTo(null)}\n                onSubmit={async (body) => {\n                  await onReply(root, body);\n                  setReplyingTo(null);\n                }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"CommentThreadList.js","sources":["../../src/comments/CommentThreadList.tsx"],"sourcesContent":["import { useRef, useState, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Button } from \"../components/button\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentConfig } from \"./comment-types\";\n\nexport type CommentThreadListProps = {\n  comments: Comment[];\n  config: CommentConfig;\n  compact?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Extra content rendered above each root card (e.g. an anchor label). */\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  /** Props merged onto each thread wrapper (e.g. for scroll anchoring). */\n  getThreadProps?: (comment: Comment) => HTMLAttributes<HTMLDivElement>;\n  /** Custom body renderer forwarded to each card. */\n  renderBody?: (body: string) => ReactNode;\n  onUpdateStatus?: (id: string, status: string) => void;\n  onChecklistToggle?: (id: string, index: number) => void;\n  onDelete?: (id: string) => void;\n  /** Submit a reply to `parent`. Presence enables the inline reply affordance. */\n  onReply?: (parent: Comment, body: string) => void | Promise<void>;\n};\n\nfunction ReplyInput({\n  onSubmit,\n  onCancel,\n}: {\n  onSubmit: (body: string) => void | Promise<void>;\n  onCancel: () => void;\n}) {\n  const [body, setBody] = useState(\"\");\n  const [submitting, setSubmitting] = useState(false);\n  const submittingRef = useRef(false);\n  async function send() {\n    if (!body.trim() || submittingRef.current) return;\n    submittingRef.current = true;\n    setSubmitting(true);\n    try {\n      await onSubmit(body.trim());\n      setBody(\"\");\n    } finally {\n      submittingRef.current = false;\n      setSubmitting(false);\n    }\n  }\n  return (\n    <div className=\"ml-6 flex gap-1.5 py-1\" aria-busy={submitting}>\n      <input\n        autoFocus\n        value={body}\n        disabled={submitting}\n        onChange={(e) => setBody(e.target.value)}\n        onKeyDown={(e) => {\n          if (e.key === \"Enter\") {\n            e.preventDefault();\n            void send();\n          }\n          if (e.key === \"Escape\") onCancel();\n        }}\n        placeholder=\"Write a reply…\"\n        data-testid=\"comment-reply-input\"\n        className=\"h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs\"\n        disabled={submitting || !body.trim()}\n        onClick={() => void send()}\n      >\n        Send\n      </Button>\n    </div>\n  );\n}\n\n/**\n * Renders a list of threaded comments: each root with its sorted replies and an\n * optional inline reply box. Fully controlled — mutations route through the\n * id-keyed callbacks.\n */\nexport function CommentThreadList({\n  comments,\n  config,\n  compact = false,\n  defaultExpanded = false,\n  renderRootMeta,\n  getThreadProps,\n  renderBody,\n  onUpdateStatus,\n  onChecklistToggle,\n  onDelete,\n  onReply,\n}: CommentThreadListProps) {\n  const [replyingTo, setReplyingTo] = useState<string | null>(null);\n  // Maximizing is owned here, not by the card: a thread is the unit a reader\n  // wants enlarged, and only this list knows a root's replies.\n  const [maximizedRootId, setMaximizedRootId] = useState<string | null>(null);\n  // Which message in the maximized thread has its reply composer open.\n  const [modalReplyTo, setModalReplyTo] = useState<string | null>(null);\n  const roots = getRoots(comments);\n  const replyMap = buildReplyMap(comments);\n\n  if (roots.length === 0) return null;\n\n  const maximizedRoot = roots.find((root) => root.id === maximizedRootId);\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onChecklistToggle\n        ? { onChecklistToggle: (index: number) => onChecklistToggle(id, index) }\n        : {}),\n      ...(onDelete ? { onDelete: () => onDelete(id) } : {}),\n    };\n  }\n\n  return (\n    <>\n    <div className=\"space-y-2\">\n      {roots.map((root) => {\n        const replies = sortReplies(replyMap.get(root.id) ?? []);\n        const threadProps = getThreadProps?.(root) ?? {};\n        return (\n          <div\n            key={root.id}\n            data-testid=\"comment-thread-block\"\n            data-comment-id={root.id}\n            {...threadProps}\n            className={cn(\"space-y-1.5 p-1\", threadProps.className)}\n          >\n            {renderRootMeta ? (\n              <div className=\"px-1\">{renderRootMeta(root)}</div>\n            ) : null}\n            <CommentCard\n              comment={root}\n              config={config}\n              compact={compact}\n              defaultExpanded={defaultExpanded}\n              onMaximize={() => setMaximizedRootId(root.id)}\n              {...(renderBody ? { renderBody } : {})}\n              {...cardHandlers(root.id)}\n              {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n            />\n            {replies.length > 0 && (\n              <div className=\"space-y-1.5\">\n                {replies.map((reply) => (\n                  <CommentCard\n                    key={reply.id}\n                    comment={reply}\n                    config={config}\n                    compact={compact}\n                    defaultExpanded={defaultExpanded}\n                    onMaximize={() => setMaximizedRootId(root.id)}\n                    {...(renderBody ? { renderBody } : {})}\n                    {...cardHandlers(reply.id)}\n                  />\n                ))}\n              </div>\n            )}\n            {onReply && replyingTo === root.id && (\n              <ReplyInput\n                onCancel={() => setReplyingTo(null)}\n                onSubmit={async (body) => {\n                  await onReply(root, body);\n                  setReplyingTo(null);\n                }}\n              />\n            )}\n          </div>\n        );\n      })}\n    </div>\n    {maximizedRoot && (\n      <Modal\n        open\n        onClose={closeMaximized}\n        title=\"Comment thread\"\n        size=\"lg\"\n      >\n        {/* No onMaximize inside: the thread is already maximized. */}\n        <div className=\"space-y-2\" data-testid=\"comment-thread-modal\">\n          {[\n            maximizedRoot,\n            ...sortReplies(replyMap.get(maximizedRoot.id) ?? []),\n          ].map((message) => (\n            <div key={message.id} className=\"space-y-1.5\">\n              <CommentCard\n                comment={message}\n                config={config}\n                defaultExpanded\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(message.id)}\n                {...(onReply\n                  ? { onReply: () => setModalReplyTo(message.id) }\n                  : {})}\n              />\n              {onReply && modalReplyTo === message.id && (\n                <ReplyInput\n                  onCancel={() => setModalReplyTo(null)}\n                  onSubmit={async (body) => {\n                    // Always the root: the store nests messages under a\n                    // comment, never under another message.\n                    await onReply(maximizedRoot, body);\n                    setModalReplyTo(null);\n                  }}\n                />\n              )}\n            </div>\n          ))}\n        </div>\n      </Modal>\n    )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/comments/GroupedComments.d.ts

@@ -14,5 +14,5 @@ export type GroupedCommentsProps = CommentCallbacks & {
  * section with a count summary. Controlled — mutations route through the
  * supplied callbacks.
  */
-export declare function GroupedComments({ comments, config, groupBy, order, alwaysOpen, ...callbacks }: GroupedCommentsProps): import("react/jsx-runtime").JSX.Element;
+export declare function GroupedComments({ comments, config, groupBy, order, alwaysOpen, ...callbacks }: GroupedCommentsProps): import("react").JSX.Element;
 //# sourceMappingURL=GroupedComments.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupedComments.d.ts","sourceRoot":"","sources":["../../src/comments/GroupedComments.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAiCF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAgDtB"}
+{"version":3,"file":"GroupedComments.d.ts","sourceRoot":"","sources":["../../src/comments/GroupedComments.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,2CAA2C;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAiCF;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,UAAU,EACV,GAAG,SAAS,EACb,EAAE,oBAAoB,+BAgDtB"}

package/dist/comments/MentionTextarea.d.ts

@@ -24,5 +24,5 @@ export type MentionTextareaProps = {
  * fires `onMentionSelect`. Enter submits and Escape cancels only when the
  * popover is closed.
  */
-export declare const MentionTextarea: import('react').ForwardRefExoticComponent<MentionTextareaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
+export declare const MentionTextarea: import('../../../../node_modules/@types/react/index.d.ts').ForwardRefExoticComponent<MentionTextareaProps & import('../../../../node_modules/@types/react/index.d.ts').RefAttributes<HTMLTextAreaElement>>;
 //# sourceMappingURL=MentionTextarea.d.ts.map

package/dist/comments/comment-context.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from 'react';
+import { RefObject } from '../../../../node_modules/@types/react/index.d.ts';
 import { Comment, CommentAnchor, CommentAnchorMeta, CommentCallbacks, CommentConfig } from './comment-types';
 export type CommentRailMode = "closed" | "focused" | "all";
 export type CommentScrollOptions = {
@@ -26,7 +26,7 @@ export type CommentContextValue = {
     highlightAnchor: CommentAnchor | null;
     setHighlightAnchor: (anchor: CommentAnchor | null) => void;
 };
-export declare const CommentContext: import('react').Context<CommentContextValue | null>;
+export declare const CommentContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentContextValue | null>;
 export type CommentAnchorState = {
     meta: CommentAnchorMeta | undefined;
     active: boolean;
@@ -39,8 +39,8 @@ export type CommentAnchorStore = {
 };
 export type CommentAnchorActions = Pick<CommentContextValue, "focusAnchor" | "registerAnchor" | "scrollToAnchor" | "contentRef">;
 export declare function createCommentAnchorStore(): CommentAnchorStore;
-export declare const CommentAnchorStoreContext: import('react').Context<CommentAnchorStore | null>;
-export declare const CommentAnchorActionsContext: import('react').Context<CommentAnchorActions | null>;
+export declare const CommentAnchorStoreContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentAnchorStore | null>;
+export declare const CommentAnchorActionsContext: import('../../../../node_modules/@types/react/index.d.ts').Context<CommentAnchorActions | null>;
 /** Subscribes to metadata and focus state for one anchor only. */
 export declare function useCommentAnchorOptional(anchor: CommentAnchor | null | undefined): CommentAnchorState | null;
 /** Reads stable anchor actions without subscribing to document comment state. */