@flanksource/clicky-ui 0.3.55 → 0.3.56

package/dist/comments/CommentSidePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentSidePanel.js","names":[],"sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n  renderRootDetails,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, details, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  renderRootDetails,\n  createActions,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(createActions ? { createActions } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      if (anchorTop == null) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n          {...(props.renderRootDetails\n            ? { renderRootDetails: props.renderRootDetails }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions\n              ? { createActions: props.createActions }\n              : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n            {...(props.renderRootDetails\n              ? { renderRootDetails: props.renderRootDetails }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAmDA,SAAS,mBAAmB,QAA+B;CACzD,IAAI,WAAA,gBAA4B,OAAO;CACvC,OAAO,OACJ,QAAQ,YAAY,EAAE,CAAC,CACvB,WAAW,KAAK,KAAK,CAAC,CACtB,WAAW,KAAK,GAAG,CAAC,CACpB,KAAK;AACV;AAEA,SAAS,eAAe,OAA8B;CACpD,QAAQ,WACN,MAAM,eAAe,WACrB,MAAM,oBAAoB,MAAM,KAChC,mBAAmB,MAAM;AAC7B;AAEA,SAAS,aAAa,EAAE,SAA4B;CAClD,OACE,oBAAC,QAAD;EACE,eAAY;EACZ,WAAU;EAET,UAAA;CACG,CAAA;AAEV;AAEA,SAAS,WAAW,EAClB,QACA,SACA,UACA,UAMC;CACD,OACE,qBAAC,UAAD;EACE,MAAK;EACI;EACT,eAAa;EACb,WAAW,GACT,oHACA,SACI,sDACA,yEACN;EATF,UAAA,CAWE,oBAAC,MAAD;GAAM,MAAM;GAAW,WAAU;EAAW,CAAA,GAC3C,QACK;;AAEZ;AAEA,SAAS,eAAe,KAAoC;CAC1D,OAAO,OAAO,KAAK,IAAI,WAAW,CAAC,CAAC,MAAM,GAAG,MAAM;EACjD,IAAI,MAAA,gBAAuB,OAAO;EAClC,IAAI,MAAA,gBAAuB,OAAO;EAClC,MAAM,KAAK,IAAI,aAAa,CAAC;EAC7B,MAAM,KAAK,IAAI,aAAa,CAAC;EAC7B,IAAI,MAAM,QAAQ,MAAM,MAAM,OAAO,EAAE,cAAc,CAAC;EACtD,IAAI,MAAM,MAAM,OAAO;EACvB,IAAI,MAAM,MAAM,OAAO;EACvB,IAAI,OAAO,IAAI,OAAO,KAAK;EAC3B,OAAO,EAAE,cAAc,CAAC;CAC1B,CAAC;AACH;AAEA,SAAS,cACP,UACA,aACW;CACX,MAAM,WAAW,cAAc,QAAQ;CAWvC,OAVc,SAAS,QAAQ,CAAC,CAAC,MAAM,GAAG,MAAM;EAC9C,MAAM,KACJ,YAAY,IAAI,EAAE,UAAA,cAAyB,KAAK,OAAO;EACzD,MAAM,KACJ,YAAY,IAAI,EAAE,UAAA,cAAyB,KAAK,OAAO;EACzD,IAAI,OAAO,IAAI,OAAO,KAAK;EAC3B,IAAI,EAAE,cAAc,EAAE,WACpB,OAAO,EAAE,UAAU,cAAc,EAAE,SAAS;EAC9C,OAAO,OAAO,EAAE,EAAE,CAAC,CAAC,cAAc,OAAO,EAAE,EAAE,CAAC;CAChD,CACO,CAAA,CAAM,SAAS,SAAS,CAC7B,MACA,GAAG,YAAY,SAAS,IAAI,KAAK,EAAE,KAAK,CAAC,CAAC,CAC5C,CAAC;AACH;AAEA,SAAS,YAAY,EACnB,KACA,UACA,OACA,YACA,kBACA,qBAQC;CACD,MAAM,UAAU,cAAc;EAE5B,OAAO,cAAc,UAAU,IADP,IAAI,eAAe,GAAG,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CACrC,CAAW;CAC5C,GAAG,CAAC,KAAK,QAAQ,CAAC;CAClB,MAAM,WAAW,wBAAwB,SAAS,IAAI,QAAQ,IAAI,SAAS;CAE3E,SAAS,eACP,OACA,QACA;EACA,MAAM,SAAS,MAAM;EACrB,IACE,OAAO,QACL,yEACF,GAEA;EACF,MAAM,aAAa,OAAO,QAAQ,mBAAiB;EACnD,IAAI,cAAc,eAAe,OAAO,QAAQ,qBAAqB,GACnE;EACF,IAAI,WAAA,gBAME;OAAA,CALU,IAAI,eAAe,QAAQ;IACvC,UAAU;IACV,OAAO;IACP,QAAQ;GACV,CACK,GAAO;EAAA;EAEd,IAAI,YAAY,MAAM;CACxB;CAEA,IAAI,QAAQ,WAAW,GACrB,OACE,oBAAC,KAAD;EAAG,WAAU;EACV,UAAA;CACA,CAAA;CAIP,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,WAAU;EAEV,UAAA,oBAAC,mBAAD;GACE,UAAU;GACV,QAAQ,IAAI;GACZ,SAAA;GACA,iBAAiB,MAAM;IACrB,MAAM,SAAS,EAAE,UAAA;IACjB,MAAM,YACJ,WAAA,kBAA8B,IAAI,aAAa,MAAM,KAAK;IAC5D,OACE,oBAAC,cAAD,EACE,OAAO,GAAG,MAAM,MAAM,IAAI,YAAY,KAAK,mBAC5C,CAAA;GAEL;GACA,iBAAiB,OAAO;IACtB,eAAe;IACf,oBACE,IAAI,mBAAmB,EAAE,UAAA,cAAyB;IACpD,oBAAoB,IAAI,mBAAmB,IAAI;IAC/C,UAAU,UACR,eAAe,OAAO,EAAE,UAAA,cAAyB;GACrD;GACA,GAAI;GACJ,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;EACjD,CAAA;CACE,CAAA;AAET;AAEA,SAAS,gBAAgB,EACvB,KACA,UAAU,SACV,QACA,OACA,SACA,kBACA,mBACA,iBAUC;CACD,MAAM,WAAW,oBAAoB,SAAS,MAAM;CACpD,MAAM,cAAc,SAAS,SAAS;CACtC,OACE,qBAAC,OAAD;EAAK,WAAU;EAAY,uBAAqB;EAAhD,UAAA,CACE,oBAAC,cAAD,EACE,OACE,WAAA,iBACI,uBACA,eAAe,QAEtB,CAAA,GACD,oBAAC,eAAD;GACY;GACV,QAAQ,IAAI;GACJ;GACR,SAAS,WAAW;GACpB,mBAAmB,CAAC;GACpB,iBAAiB;GACjB,qBACE,cAAc,mCAAmC;GAEnD,GAAI,IAAI;GACR,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;GAC1C,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;EACjD,CAAA,CACE;;AAET;;;;;;AAOA,SAAgB,iBAAiB,OAA8B;CAC7D,MAAM,MAAM,0BAA0B;CACtC,MAAM,QAAQ,eAAe,KAAK;CAClC,MAAM,UAAU,OAAoB,IAAI;CACxC,MAAM,aAAa,OAAuB,IAAI;CAC9C,MAAM,CAAC,eAAe,oBAAoB,SAAwB,IAAI;CACtE,MAAM,CAAC,OAAO,YAAY,SAA6B,QAAQ;CAC/D,MAAM,gBAAgB,KAAK,aAAa,YAAY,IAAI,gBAAgB;CAExE,gBAAgB;EACd,IAAI,CAAC,OAAO,MAAM,qBAAqB,YAAY,CAAC,eAAe;GACjE,iBAAiB,IAAI;GACrB;EACF;EACA,MAAM,UAAU,IAAI,WAAW;EAC/B,MAAM,OAAO,QAAQ;EACrB,MAAM,UAAU,WAAW;EAC3B,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,SAAS;EAEnC,MAAM,eAAe;GACnB,MAAM,YAAY,IAAI,aAAa,aAAa;GAChD,IAAI,aAAa,MAAM;IACrB,iBAAiB,IAAI;IACrB;GACF;GACA,MAAM,aAAa,YAAY,QAAQ,sBAAsB,CAAC,CAAC;GAE/D,MAAM,cADgB,OAAO,WAAW,QAAQ,MAAM,GAAG,KAAK,KAE5C,aAAa,QAAQ,sBAAsB,CAAC,CAAC;GAC/D,iBAAiB,KAAK,IAAI,GAAG,UAAU,CAAC;EAC1C;EACA,OAAO;EACP,QAAQ,iBAAiB,UAAU,QAAQ,EAAE,SAAS,KAAK,CAAC;EAC5D,OAAO,iBAAiB,UAAU,MAAM;EACxC,MAAM,WACJ,OAAO,mBAAmB,cAAc,OAAO,IAAI,eAAe,MAAM;EAC1E,UAAU,QAAQ,OAAO;EACzB,UAAU,QAAQ,IAAI;EACtB,aAAa;GACX,QAAQ,oBAAoB,UAAU,MAAM;GAC5C,OAAO,oBAAoB,UAAU,MAAM;GAC3C,UAAU,WAAW;EACvB;CACF,GAAG;EAAC;EAAK;EAAe,MAAM;CAAgB,CAAC;CAE/C,IAAI,CAAC,KAAK,OAAO;CAGjB,MAAM,SAAS,SAAS,IAAI,QAAQ,CAAC,CAAC,QACnC,QAAQ,SAAS;EAChB,MAAM,YAAY,oBAAoB,IAAI,QAAQ,KAAK,MAAM;EAC7D,IAAI,WAAW,OAAO,cAAc;EACpC,OAAO;CACT,GACA;EAAE,QAAQ;EAAG,UAAU;EAAG,QAAQ;CAAE,CACtC;CACA,MAAM,UAAU,4BAA4B,IAAI,UAAU,IAAI,QAAQ,KAAK;CAC3E,IACE,IAAI,aAAa,YACjB,OAAO,SAAS,OAAO,WAAW,OAAO,WAAW,GAEpD,OAAO;CAET,SAAS,YAAY,MAA0B;EAC7C,SAAS,IAAI;EACb,IAAI,KAAK,aAAa,OAAO,KAAK,gBAAgB;CACpD;CAEA,OACE,qBAAC,SAAD;EACE,KAAK;EACL,eAAY;EACZ,WAAW,GAAG,gCAAgC,MAAM,SAAS;EAH/D,UAAA,CAKE,qBAAC,OAAD;GACE,eAAY;GACZ,WAAU;GAFZ,UAAA;KAII,OAAO,SAAS,KAAK,IAAI,aAAa,UACtC,oBAAC,YAAD;KACE,QAAQ,IAAI,aAAa,SAAS,UAAU;KAC5C,eAAe,YAAY,QAAQ;KACnC,QAAO;KAEN,UAAA,IAAI,aAAa,WACd,kBAAkB,OAAO,OAAO,KAChC,IAAI,aAAa,YACf,iBAAiB,OAAO,OAAO,KAC/B,SAAS,OAAO,OAAO;IACnB,CAAA;IAEb,OAAO,WAAW,KACjB,qBAAC,UAAD;KACE,MAAK;KACL,gBAAc,IAAI,aAAa,SAAS,UAAU;KAClD,eAAe,YAAY,UAAU;KACrC,WAAW,GACT,uEACA,IAAI,aAAa,SAAS,UAAU,aAChC,sDACA,yEACN;KATF,UAAA;MAUC;MACY,OAAO;MAAS;KACrB;;IAET,OAAO,SAAS,KACf,qBAAC,UAAD;KACE,MAAK;KACL,gBAAc,IAAI,aAAa,SAAS,UAAU;KAClD,eAAe,YAAY,QAAQ;KACnC,WAAW,GACT,uEACA,IAAI,aAAa,SAAS,UAAU,WAChC,sDACA,yEACN;KATF,UAAA;MAUC;MACU,OAAO;MAAO;KACjB;;IAET,IAAI,aAAa,YAChB,oBAAC,UAAD;KACE,MAAK;KACL,SAAS,IAAI;KACb,WAAU;KAET,UAAA,IAAI,aAAa,QAAQ,UAAU;IAC9B,CAAA;GAEP;EACJ,CAAA,GAAA,IAAI,aAAa,QAChB,oBAAC,aAAD;GACO;GACL,UAAU;GACH;GACP,YACE,UAAU,WACN,sBACA,UAAU,aACR,0BACA;GAER,GAAK,MAAM,mBACP,EAAE,kBAAkB,MAAM,iBAAiB,IAC3C,CAAC;GACL,GAAK,MAAM,oBACP,EAAE,mBAAmB,MAAM,kBAAkB,IAC7C,CAAC;EACN,CAAA,IACC,IAAI,aAAa,aAAa,IAAI,gBACpC,oBAAC,OAAD;GACE,KAAK;GACL,eAAY;GACZ,WAAU;GACV,OAAO,iBAAiB,OAAO,KAAA,IAAY,EAAE,KAAK,cAAc;GAEhE,UAAA,oBAAC,iBAAD;IACO;IACL,UAAU,IAAI;IACd,QAAQ,IAAI;IACZ,GAAK,MAAM,gBACP,EAAE,eAAe,MAAM,cAAc,IACrC,CAAC;IACL,OAAO,MAAM,IAAI,aAAa;IAC9B,GAAK,MAAM,YAAY,KAAA,IAAY,EAAE,SAAS,MAAM,QAAQ,IAAI,CAAC;IACjE,GAAK,MAAM,mBACP,EAAE,kBAAkB,MAAM,iBAAiB,IAC3C,CAAC;IACL,GAAK,MAAM,oBACP,EAAE,mBAAmB,MAAM,kBAAkB,IAC7C,CAAC;GACN,CAAA;EACE,CAAA,IACH,IACC;;AAEX"}
+{"version":3,"file":"CommentSidePanel.js","names":[],"sources":["../../src/comments/CommentSidePanel.tsx"],"sourcesContent":["import {\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type MouseEvent,\n  type ReactNode,\n} from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../data/Icon\";\nimport { UiComment } from \"../icons\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { CommentThread } from \"./CommentThread\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport {\n  useCommentContextOptional,\n  type CommentContextValue,\n} from \"./comment-context\";\nimport {\n  buildThreadListHandlers,\n  getRoots,\n  selectAnchorThreads,\n  sortReplies,\n  buildReplyMap,\n} from \"./comment-utils\";\nimport {\n  resolveCommentStage,\n  selectCommentThreadsByStage,\n} from \"../lib/comment-stage\";\nimport {\n  DOCUMENT_ANCHOR,\n  type Comment,\n  type CommentAnchor,\n  type CommentCreateAction,\n  type CommentStatusStage,\n} from \"./comment-types\";\n\nexport type CommentSidePanelProps = {\n  /** Explicit label per anchor key. */\n  anchorLabels?: Record<CommentAnchor, string>;\n  /** Fallback label formatter for anchors without an explicit label. */\n  formatAnchorLabel?: (anchor: CommentAnchor) => string;\n  compact?: boolean;\n  /** Position the focused thread beside its registered content anchor. */\n  focusedAlignment?: \"flow\" | \"anchor\";\n  className?: string;\n  /** Serialize one whole thread for Copy and its maximized Markdown tab. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n  /**\n   * Entries appended to each root's \"Assign…\" submenu — the seam for host\n   * actions that start from an assignment, such as running an agent.\n   */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n};\n\nfunction defaultAnchorLabel(anchor: CommentAnchor): string {\n  if (anchor === DOCUMENT_ANCHOR) return \"General\";\n  return anchor\n    .replace(/\\[\\d+\\]/g, \"\")\n    .replaceAll(\".\", \" › \")\n    .replaceAll(\"_\", \" \")\n    .trim();\n}\n\nfunction useAnchorLabel(props: CommentSidePanelProps) {\n  return (anchor: CommentAnchor): string =>\n    props.anchorLabels?.[anchor] ??\n    props.formatAnchorLabel?.(anchor) ??\n    defaultAnchorLabel(anchor);\n}\n\nfunction LocationMeta({ label }: { label: string }) {\n  return (\n    <span\n      data-testid=\"comment-location-meta\"\n      className=\"inline-flex items-center rounded-full bg-muted px-2 py-1 text-[10px] font-medium text-muted-foreground\"\n    >\n      {label}\n    </span>\n  );\n}\n\nfunction RailToggle({\n  active,\n  onClick,\n  children,\n  testId,\n}: {\n  active?: boolean;\n  onClick: () => void;\n  children: React.ReactNode;\n  testId?: string;\n}) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onClick}\n      data-testid={testId}\n      className={cn(\n        \"inline-flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-xs font-medium shadow-sm transition-colors [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:text-sm\",\n        active\n          ? \"border-primary bg-primary text-primary-foreground\"\n          : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n      )}\n    >\n      <Icon icon={UiComment} className=\"text-xs\" />\n      {children}\n    </button>\n  );\n}\n\nfunction orderedAnchors(ctx: CommentContextValue): string[] {\n  return Object.keys(ctx.commentMeta).sort((a, b) => {\n    if (a === DOCUMENT_ANCHOR) return -1;\n    if (b === DOCUMENT_ANCHOR) return 1;\n    const at = ctx.getAnchorTop(a);\n    const bt = ctx.getAnchorTop(b);\n    if (at == null && bt == null) return a.localeCompare(b);\n    if (at == null) return 1;\n    if (bt == null) return -1;\n    if (at !== bt) return at - bt;\n    return a.localeCompare(b);\n  });\n}\n\nfunction orderComments(\n  comments: Comment[],\n  anchorOrder: Map<string, number>,\n): Comment[] {\n  const replyMap = buildReplyMap(comments);\n  const roots = getRoots(comments).sort((a, b) => {\n    const ai =\n      anchorOrder.get(a.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    const bi =\n      anchorOrder.get(b.anchor ?? DOCUMENT_ANCHOR) ?? Number.MAX_SAFE_INTEGER;\n    if (ai !== bi) return ai - bi;\n    if (a.createdAt !== b.createdAt)\n      return a.createdAt.localeCompare(b.createdAt);\n    return String(a.id).localeCompare(String(b.id));\n  });\n  return roots.flatMap((root) => [\n    root,\n    ...sortReplies(replyMap.get(root.id) ?? []),\n  ]);\n}\n\nfunction AllComments({\n  ctx,\n  comments,\n  label,\n  emptyLabel,\n  threadToMarkdown,\n  renderRootDetails,\n  extraAssignItems,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  label: (a: CommentAnchor) => string;\n  emptyLabel: string;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n}) {\n  const ordered = useMemo(() => {\n    const anchorOrder = new Map(orderedAnchors(ctx).map((a, i) => [a, i]));\n    return orderComments(comments, anchorOrder);\n  }, [ctx, comments]);\n  const handlers = buildThreadListHandlers(ordered, ctx.config, ctx.callbacks);\n\n  function activateThread(\n    event: MouseEvent<HTMLDivElement>,\n    anchor: CommentAnchor,\n  ) {\n    const target = event.target as Element;\n    if (\n      target.closest(\n        'button, a, details, input, textarea, select, [contenteditable=\"true\"]',\n      )\n    )\n      return;\n    const roleButton = target.closest('[role=\"button\"]');\n    if (roleButton && roleButton !== target.closest(\"[data-comment-kind]\"))\n      return;\n    if (anchor !== DOCUMENT_ANCHOR) {\n      const found = ctx.scrollToAnchor(anchor, {\n        behavior: \"smooth\",\n        block: \"start\",\n        offset: 12,\n      });\n      if (!found) return;\n    }\n    ctx.focusAnchor(anchor);\n  }\n\n  if (ordered.length === 0) {\n    return (\n      <p className=\"rounded-lg bg-muted/40 px-3 py-2 text-xs text-muted-foreground\">\n        {emptyLabel}\n      </p>\n    );\n  }\n\n  return (\n    <div\n      data-testid=\"comment-all-rail\"\n      className=\"space-y-3 overflow-y-auto pr-1\"\n    >\n      <CommentThreadList\n        comments={ordered}\n        config={ctx.config}\n        compact\n        renderRootMeta={(c) => {\n          const anchor = c.anchor ?? DOCUMENT_ANCHOR;\n          const available =\n            anchor === DOCUMENT_ANCHOR || ctx.getAnchorTop(anchor) != null;\n          return (\n            <LocationMeta\n              label={`${label(anchor)}${available ? \"\" : \" · Unavailable\"}`}\n            />\n          );\n        }}\n        getThreadProps={(c) => ({\n          \"data-testid\": \"comment-feed-item\",\n          onMouseEnter: () =>\n            ctx.setHighlightAnchor(c.anchor ?? DOCUMENT_ANCHOR),\n          onMouseLeave: () => ctx.setHighlightAnchor(null),\n          onClick: (event) =>\n            activateThread(event, c.anchor ?? DOCUMENT_ANCHOR),\n        })}\n        {...handlers}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(extraAssignItems ? { extraAssignItems } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\nfunction FocusedComments({\n  ctx,\n  comments: visible,\n  anchor,\n  label,\n  compact,\n  threadToMarkdown,\n  renderRootDetails,\n  createActions,\n  extraAssignItems,\n}: {\n  ctx: CommentContextValue;\n  comments: Comment[];\n  anchor: CommentAnchor;\n  label: string;\n  compact?: boolean;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  createActions?: readonly CommentCreateAction[];\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n}) {\n  const comments = selectAnchorThreads(visible, anchor);\n  const hasComments = comments.length > 0;\n  return (\n    <div className=\"space-y-3\" data-comment-anchor={anchor}>\n      <LocationMeta\n        label={\n          anchor === DOCUMENT_ANCHOR\n            ? \"Whole-page comment\"\n            : `Attached to ${label}`\n        }\n      />\n      <CommentThread\n        comments={comments}\n        config={ctx.config}\n        anchor={anchor}\n        compact={compact ?? false}\n        autoFocusComposer={!hasComments}\n        defaultExpanded={hasComments}\n        composerPlaceholder={\n          hasComments ? \"Add another top-level comment…\" : \"Add a comment…\"\n        }\n        {...ctx.callbacks}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(createActions ? { createActions } : {})}\n        {...(extraAssignItems ? { extraAssignItems } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n      />\n    </div>\n  );\n}\n\n/**\n * A controlled comment rail driven by {@link CommentProvider}. Shows a focused\n * thread for the active anchor, the full document feed in anchor order, or a\n * toggle when collapsed. Renders nothing outside a provider or when empty.\n */\nexport function CommentSidePanel(props: CommentSidePanelProps) {\n  const ctx = useCommentContextOptional();\n  const label = useAnchorLabel(props);\n  const railRef = useRef<HTMLElement>(null);\n  const focusedRef = useRef<HTMLDivElement>(null);\n  const [focusedOffset, setFocusedOffset] = useState<number | null>(null);\n  const [stage, setStage] = useState<CommentStatusStage>(\"active\");\n  const focusedAnchor = ctx?.railMode === \"focused\" ? ctx.focusedAnchor : null;\n\n  useEffect(() => {\n    if (!ctx || props.focusedAlignment !== \"anchor\" || !focusedAnchor) {\n      setFocusedOffset(null);\n      return;\n    }\n    const content = ctx.contentRef.current;\n    const rail = railRef.current;\n    const focused = focusedRef.current;\n    if (!content || !rail || !focused) return;\n\n    const update = () => {\n      const anchorTop = ctx.getAnchorTop(focusedAnchor);\n      // A rail stacked under the content (narrow screens) has no anchor row to\n      // line up with; offsetting it only pushes the thread out of view.\n      const contentBox = content.getBoundingClientRect();\n      const stacked =\n        contentBox.height > 0 &&\n        rail.getBoundingClientRect().top >= contentBox.bottom;\n      if (anchorTop == null || stacked) {\n        setFocusedOffset(null);\n        return;\n      }\n      const desiredTop = anchorTop + content.getBoundingClientRect().top;\n      const currentOffset = Number.parseFloat(focused.style.top) || 0;\n      const nextOffset =\n        currentOffset + desiredTop - focused.getBoundingClientRect().top;\n      setFocusedOffset(Math.max(0, nextOffset));\n    };\n    update();\n    content.addEventListener(\"scroll\", update, { passive: true });\n    window.addEventListener(\"resize\", update);\n    const observer =\n      typeof ResizeObserver === \"undefined\" ? null : new ResizeObserver(update);\n    observer?.observe(content);\n    observer?.observe(rail);\n    return () => {\n      content.removeEventListener(\"scroll\", update);\n      window.removeEventListener(\"resize\", update);\n      observer?.disconnect();\n    };\n  }, [ctx, focusedAnchor, props.focusedAlignment]);\n\n  if (!ctx) return null;\n\n  // Threads, not cards: a reply is part of its root, never a separate entry.\n  const counts = getRoots(ctx.comments).reduce(\n    (result, root) => {\n      const rootStage = resolveCommentStage(ctx.config, root.status);\n      if (rootStage) result[rootStage] += 1;\n      return result;\n    },\n    { active: 0, resolved: 0, closed: 0 },\n  );\n  const visible = selectCommentThreadsByStage(ctx.comments, ctx.config, stage);\n  if (\n    ctx.railMode === \"closed\" &&\n    counts.active + counts.resolved + counts.closed === 0\n  )\n    return null;\n\n  function selectStage(next: CommentStatusStage) {\n    setStage(next);\n    if (ctx?.railMode !== \"all\") ctx?.openCommentList();\n  }\n\n  return (\n    <aside\n      ref={railRef}\n      data-testid=\"comment-side-panel\"\n      className={cn(\"relative w-[320px] max-w-full space-y-3\", props.className)}\n    >\n      <div\n        data-testid=\"comment-rail-header\"\n        className=\"sticky top-0 z-20 flex flex-wrap items-center gap-2 bg-background py-2\"\n      >\n        {(counts.active > 0 || ctx.railMode === \"all\") && (\n          <RailToggle\n            active={ctx.railMode === \"all\" && stage === \"active\"}\n            onClick={() => selectStage(\"active\")}\n            testId=\"comment-open-all\"\n          >\n            {ctx.railMode === \"closed\"\n              ? `Open comments (${counts.active})`\n              : ctx.railMode === \"focused\"\n                ? `All comments (${counts.active})`\n                : `Open (${counts.active})`}\n          </RailToggle>\n        )}\n        {counts.resolved > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"resolved\"}\n            onClick={() => selectStage(\"resolved\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm\",\n              ctx.railMode === \"all\" && stage === \"resolved\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Resolved ({counts.resolved})\n          </button>\n        )}\n        {counts.closed > 0 && (\n          <button\n            type=\"button\"\n            aria-pressed={ctx.railMode === \"all\" && stage === \"closed\"}\n            onClick={() => selectStage(\"closed\")}\n            className={cn(\n              \"rounded-full border px-2 py-1 text-xs font-medium transition-colors [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm\",\n              ctx.railMode === \"all\" && stage === \"closed\"\n                ? \"border-primary bg-primary text-primary-foreground\"\n                : \"border-border bg-background text-muted-foreground hover:text-foreground\",\n            )}\n          >\n            Closed ({counts.closed})\n          </button>\n        )}\n        {ctx.railMode !== \"closed\" && (\n          <button\n            type=\"button\"\n            onClick={ctx.closeRail}\n            className=\"ml-auto rounded-md px-2 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:px-3 [@media(pointer:coarse)]:text-sm\"\n          >\n            {ctx.railMode === \"all\" ? \"Close\" : \"Hide\"}\n          </button>\n        )}\n      </div>\n      {ctx.railMode === \"all\" ? (\n        <AllComments\n          ctx={ctx}\n          comments={visible}\n          label={label}\n          emptyLabel={\n            stage === \"active\"\n              ? \"No open comments.\"\n              : stage === \"resolved\"\n                ? \"No resolved comments.\"\n                : \"No closed comments.\"\n          }\n          {...(props.threadToMarkdown\n            ? { threadToMarkdown: props.threadToMarkdown }\n            : {})}\n          {...(props.renderRootDetails\n            ? { renderRootDetails: props.renderRootDetails }\n            : {})}\n          {...(props.extraAssignItems\n            ? { extraAssignItems: props.extraAssignItems }\n            : {})}\n        />\n      ) : ctx.railMode === \"focused\" && ctx.focusedAnchor ? (\n        <div\n          ref={focusedRef}\n          data-testid=\"comment-focused-rail\"\n          className=\"relative space-y-3\"\n          style={focusedOffset == null ? undefined : { top: focusedOffset }}\n        >\n          <FocusedComments\n            ctx={ctx}\n            comments={ctx.comments}\n            anchor={ctx.focusedAnchor}\n            {...(props.createActions\n              ? { createActions: props.createActions }\n              : {})}\n            label={label(ctx.focusedAnchor)}\n            {...(props.compact !== undefined ? { compact: props.compact } : {})}\n            {...(props.threadToMarkdown\n              ? { threadToMarkdown: props.threadToMarkdown }\n              : {})}\n            {...(props.renderRootDetails\n              ? { renderRootDetails: props.renderRootDetails }\n              : {})}\n            {...(props.extraAssignItems\n              ? { extraAssignItems: props.extraAssignItems }\n              : {})}\n          />\n        </div>\n      ) : null}\n    </aside>\n  );\n}\n"],"mappings":"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"}

package/dist/comments/CommentThread.cjs

@@ -11,10 +11,12 @@ let react_jsx_runtime = require("react/jsx-runtime");
 * the supplied callbacks, translating list-level events (checklist index, reply
 * target) into the callback contract.
 */
-function CommentThread({ comments, config, anchor, compact = false, autoFocusComposer = false, defaultExpanded = false, composerPlaceholder, hideComposer = false, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, onCreate, onReply, onUpdateStatus, onClose, onDelete, onChecklistToggle, onMention }) {
+function CommentThread({ comments, config, anchor, compact = false, autoFocusComposer = false, defaultExpanded = false, composerPlaceholder, hideComposer = false, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, extraAssignItems, onCreate, onReply, onUpdateStatus, onClose, onAcknowledge, onAssign, onDelete, onChecklistToggle, onMention }) {
 	const listHandlers = require_comment_utils.buildThreadListHandlers(comments, config, {
 		...onUpdateStatus ? { onUpdateStatus } : {},
 		...onClose ? { onClose } : {},
+		...onAcknowledge ? { onAcknowledge } : {},
+		...onAssign ? { onAssign } : {},
 		...onDelete ? { onDelete } : {},
 		...onChecklistToggle ? { onChecklistToggle } : {},
 		...onReply ? { onReply } : {},
@@ -31,6 +33,7 @@ function CommentThread({ comments, config, anchor, compact = false, autoFocusCom
 			...renderRootDetails ? { renderRootDetails } : {},
 			...renderBody ? { renderBody } : {},
 			...threadToMarkdown ? { threadToMarkdown } : {},
+			...extraAssignItems ? { extraAssignItems } : {},
 			...listHandlers
 		}), !hideComposer && onCreate && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: "pt-1",

package/dist/comments/CommentThread.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.cjs","names":["buildThreadListHandlers","cn","CommentThreadList","CommentComposer"],"sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onClose ? { onClose } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAyCA,SAAgB,cAAc,EAC5B,UACA,QACA,QACA,UAAU,OACV,oBAAoB,OACpB,kBAAkB,OAClB,qBACA,eAAe,OACf,eACA,gBACA,mBACA,YACA,kBACA,UACA,SACA,gBACA,SACA,UACA,mBACA,aACqB;CACrB,MAAM,eAAeA,sBAAAA,wBAAwB,UAAU,QAAQ;EAC7D,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;EAC3C,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;EACjD,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;CACnC,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,WAAW,KAAK;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;GACY;GACF;GACC;GACQ;GACjB,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;GACpC,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAI;EACL,CAAA,GACA,CAAC,gBAAgB,YAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD;IACU;IACR,QAAQ,UAAU;IAClB,WAAW;IACX,GAAK,sBACD,EAAE,aAAa,oBAAoB,IACnC,CAAC;IACK;IACV,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GACnC,CAAA;EACE,CAAA,CAEJ;;AAET"}
+{"version":3,"file":"CommentThread.cjs","names":["buildThreadListHandlers","cn","CommentThreadList","CommentComposer"],"sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  /** Caller-owned entries appended to each root's \"Assign…\" submenu. */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  extraAssignItems,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onAcknowledge,\n  onAssign,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onClose ? { onClose } : {}),\n    ...(onAcknowledge ? { onAcknowledge } : {}),\n    ...(onAssign ? { onAssign } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...(extraAssignItems ? { extraAssignItems } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA4CA,SAAgB,cAAc,EAC5B,UACA,QACA,QACA,UAAU,OACV,oBAAoB,OACpB,kBAAkB,OAClB,qBACA,eAAe,OACf,eACA,gBACA,mBACA,YACA,kBACA,kBACA,UACA,SACA,gBACA,SACA,eACA,UACA,UACA,mBACA,aACqB;CACrB,MAAM,eAAeA,sBAAAA,wBAAwB,UAAU,QAAQ;EAC7D,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;EAC3C,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,gBAAgB,EAAE,cAAc,IAAI,CAAC;EACzC,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;EACjD,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;CACnC,CAAC;CAED,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAWC,cAAAA,GAAG,WAAW,KAAK;EAAnC,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,0BAAAA,mBAAD;GACY;GACF;GACC;GACQ;GACjB,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;GACpC,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAI;EACL,CAAA,GACA,CAAC,gBAAgB,YAChB,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;GACb,UAAA,iBAAA,GAAA,kBAAA,IAAA,CAACC,wBAAAA,iBAAD;IACU;IACR,QAAQ,UAAU;IAClB,WAAW;IACX,GAAK,sBACD,EAAE,aAAa,oBAAoB,IACnC,CAAC;IACK;IACV,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GACnC,CAAA;EACE,CAAA,CAEJ;;AAET"}

package/dist/comments/CommentThread.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { DropdownMenuItem } from '../overlay/DropdownMenu.js';
 import { Comment, CommentAnchor, CommentCallbacks, CommentConfig, CommentCreateAction } from './comment-types.js';
 export type CommentThreadProps = CommentCallbacks & {
     /** Comments for this thread (typically pre-filtered to one anchor). */
@@ -20,6 +21,8 @@ export type CommentThreadProps = CommentCallbacks & {
     renderRootDetails?: (comment: Comment) => ReactNode;
     renderBody?: (body: string) => ReactNode;
     threadToMarkdown?: (thread: readonly Comment[]) => string;
+    /** Caller-owned entries appended to each root's "Assign…" submenu. */
+    extraAssignItems?: (comment: Comment) => DropdownMenuItem[];
 };
 /**
  * Top-level controlled comment thread: a threaded list plus a mention-aware
@@ -27,5 +30,5 @@ export type CommentThreadProps = CommentCallbacks & {
  * the supplied callbacks, translating list-level events (checklist index, reply
  * target) into the callback contract.
  */
-export declare function CommentThread({ comments, config, anchor, compact, autoFocusComposer, defaultExpanded, composerPlaceholder, hideComposer, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, onCreate, onReply, onUpdateStatus, onClose, onDelete, onChecklistToggle, onMention, }: CommentThreadProps): import("react").JSX.Element;
+export declare function CommentThread({ comments, config, anchor, compact, autoFocusComposer, defaultExpanded, composerPlaceholder, hideComposer, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, extraAssignItems, onCreate, onReply, onUpdateStatus, onClose, onAcknowledge, onAssign, onDelete, onChecklistToggle, onMention, }: CommentThreadProps): import("react").JSX.Element;
 //# sourceMappingURL=CommentThread.d.ts.map

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

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

package/dist/comments/CommentThread.js

@@ -11,10 +11,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * the supplied callbacks, translating list-level events (checklist index, reply
 * target) into the callback contract.
 */
-function CommentThread({ comments, config, anchor, compact = false, autoFocusComposer = false, defaultExpanded = false, composerPlaceholder, hideComposer = false, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, onCreate, onReply, onUpdateStatus, onClose, onDelete, onChecklistToggle, onMention }) {
+function CommentThread({ comments, config, anchor, compact = false, autoFocusComposer = false, defaultExpanded = false, composerPlaceholder, hideComposer = false, createActions, renderRootMeta, renderRootDetails, renderBody, threadToMarkdown, extraAssignItems, onCreate, onReply, onUpdateStatus, onClose, onAcknowledge, onAssign, onDelete, onChecklistToggle, onMention }) {
 	const listHandlers = buildThreadListHandlers(comments, config, {
 		...onUpdateStatus ? { onUpdateStatus } : {},
 		...onClose ? { onClose } : {},
+		...onAcknowledge ? { onAcknowledge } : {},
+		...onAssign ? { onAssign } : {},
 		...onDelete ? { onDelete } : {},
 		...onChecklistToggle ? { onChecklistToggle } : {},
 		...onReply ? { onReply } : {},
@@ -31,6 +33,7 @@ function CommentThread({ comments, config, anchor, compact = false, autoFocusCom
 			...renderRootDetails ? { renderRootDetails } : {},
 			...renderBody ? { renderBody } : {},
 			...threadToMarkdown ? { threadToMarkdown } : {},
+			...extraAssignItems ? { extraAssignItems } : {},
 			...listHandlers
 		}), !hideComposer && onCreate && /* @__PURE__ */ jsx("div", {
 			className: "pt-1",

package/dist/comments/CommentThread.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThread.js","names":[],"sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onClose ? { onClose } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AAyCA,SAAgB,cAAc,EAC5B,UACA,QACA,QACA,UAAU,OACV,oBAAoB,OACpB,kBAAkB,OAClB,qBACA,eAAe,OACf,eACA,gBACA,mBACA,YACA,kBACA,UACA,SACA,gBACA,SACA,UACA,mBACA,aACqB;CACrB,MAAM,eAAe,wBAAwB,UAAU,QAAQ;EAC7D,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;EAC3C,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;EACjD,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;CACnC,CAAC;CAED,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,KAAK;EAAnC,UAAA,CACE,oBAAC,mBAAD;GACY;GACF;GACC;GACQ;GACjB,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;GACpC,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAI;EACL,CAAA,GACA,CAAC,gBAAgB,YAChB,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAAC,iBAAD;IACU;IACR,QAAQ,UAAU;IAClB,WAAW;IACX,GAAK,sBACD,EAAE,aAAa,oBAAoB,IACnC,CAAC;IACK;IACV,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GACnC,CAAA;EACE,CAAA,CAEJ;;AAET"}
+{"version":3,"file":"CommentThread.js","names":[],"sources":["../../src/comments/CommentThread.tsx"],"sourcesContent":["import { type ReactNode } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { CommentComposer } from \"./CommentComposer\";\nimport { CommentThreadList } from \"./CommentThreadList\";\nimport { buildThreadListHandlers } from \"./comment-utils\";\nimport type {\n  Comment,\n  CommentAnchor,\n  CommentCallbacks,\n  CommentConfig,\n  CommentCreateAction,\n} from \"./comment-types\";\n\nexport type CommentThreadProps = CommentCallbacks & {\n  /** Comments for this thread (typically pre-filtered to one anchor). */\n  comments: Comment[];\n  config: CommentConfig;\n  /** Anchor stamped onto created comments. */\n  anchor?: CommentAnchor | null;\n  compact?: boolean;\n  /** Auto-open and focus the composer on mount. */\n  autoFocusComposer?: boolean;\n  /** Expand each thread immediately (roots and their replies), exposing actions such as Reply. */\n  defaultExpanded?: boolean;\n  /** Label for creating a separate root comment. */\n  composerPlaceholder?: string;\n  /** Hide the composer (read-only thread). */\n  hideComposer?: boolean;\n  createActions?: readonly CommentCreateAction[];\n  renderRootMeta?: (comment: Comment) => ReactNode;\n  renderRootDetails?: (comment: Comment) => ReactNode;\n  renderBody?: (body: string) => ReactNode;\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  /** Caller-owned entries appended to each root's \"Assign…\" submenu. */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\n};\n\n/**\n * Top-level controlled comment thread: a threaded list plus a mention-aware\n * composer. Owns no data — it renders `comments` and forwards every mutation to\n * the supplied callbacks, translating list-level events (checklist index, reply\n * target) into the callback contract.\n */\nexport function CommentThread({\n  comments,\n  config,\n  anchor,\n  compact = false,\n  autoFocusComposer = false,\n  defaultExpanded = false,\n  composerPlaceholder,\n  hideComposer = false,\n  createActions,\n  renderRootMeta,\n  renderRootDetails,\n  renderBody,\n  threadToMarkdown,\n  extraAssignItems,\n  onCreate,\n  onReply,\n  onUpdateStatus,\n  onClose,\n  onAcknowledge,\n  onAssign,\n  onDelete,\n  onChecklistToggle,\n  onMention,\n}: CommentThreadProps) {\n  const listHandlers = buildThreadListHandlers(comments, config, {\n    ...(onUpdateStatus ? { onUpdateStatus } : {}),\n    ...(onClose ? { onClose } : {}),\n    ...(onAcknowledge ? { onAcknowledge } : {}),\n    ...(onAssign ? { onAssign } : {}),\n    ...(onDelete ? { onDelete } : {}),\n    ...(onChecklistToggle ? { onChecklistToggle } : {}),\n    ...(onReply ? { onReply } : {}),\n    ...(onMention ? { onMention } : {}),\n  });\n\n  return (\n    <div className={cn(compact && \"p-2\")}>\n      <CommentThreadList\n        comments={comments}\n        config={config}\n        compact={compact}\n        defaultExpanded={defaultExpanded}\n        {...(renderRootMeta ? { renderRootMeta } : {})}\n        {...(renderRootDetails ? { renderRootDetails } : {})}\n        {...(renderBody ? { renderBody } : {})}\n        {...(threadToMarkdown ? { threadToMarkdown } : {})}\n        {...(extraAssignItems ? { extraAssignItems } : {})}\n        {...listHandlers}\n      />\n      {!hideComposer && onCreate && (\n        <div className=\"pt-1\">\n          <CommentComposer\n            config={config}\n            anchor={anchor ?? null}\n            autoFocus={autoFocusComposer}\n            {...(composerPlaceholder\n              ? { placeholder: composerPlaceholder }\n              : {})}\n            onCreate={onCreate}\n            {...(createActions ? { createActions } : {})}\n            {...(onMention ? { onMention } : {})}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;AA4CA,SAAgB,cAAc,EAC5B,UACA,QACA,QACA,UAAU,OACV,oBAAoB,OACpB,kBAAkB,OAClB,qBACA,eAAe,OACf,eACA,gBACA,mBACA,YACA,kBACA,kBACA,UACA,SACA,gBACA,SACA,eACA,UACA,UACA,mBACA,aACqB;CACrB,MAAM,eAAe,wBAAwB,UAAU,QAAQ;EAC7D,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;EAC3C,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,gBAAgB,EAAE,cAAc,IAAI,CAAC;EACzC,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,WAAW,EAAE,SAAS,IAAI,CAAC;EAC/B,GAAI,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;EACjD,GAAI,UAAU,EAAE,QAAQ,IAAI,CAAC;EAC7B,GAAI,YAAY,EAAE,UAAU,IAAI,CAAC;CACnC,CAAC;CAED,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,WAAW,KAAK;EAAnC,UAAA,CACE,oBAAC,mBAAD;GACY;GACF;GACC;GACQ;GACjB,GAAK,iBAAiB,EAAE,eAAe,IAAI,CAAC;GAC5C,GAAK,oBAAoB,EAAE,kBAAkB,IAAI,CAAC;GAClD,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;GACpC,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAK,mBAAmB,EAAE,iBAAiB,IAAI,CAAC;GAChD,GAAI;EACL,CAAA,GACA,CAAC,gBAAgB,YAChB,oBAAC,OAAD;GAAK,WAAU;GACb,UAAA,oBAAC,iBAAD;IACU;IACR,QAAQ,UAAU;IAClB,WAAW;IACX,GAAK,sBACD,EAAE,aAAa,oBAAoB,IACnC,CAAC;IACK;IACV,GAAK,gBAAgB,EAAE,cAAc,IAAI,CAAC;IAC1C,GAAK,YAAY,EAAE,UAAU,IAAI,CAAC;GACnC,CAAA;EACE,CAAA,CAEJ;;AAET"}

package/dist/comments/CommentThreadList.cjs

@@ -42,10 +42,10 @@ function ReplyInput({ onSubmit, onCancel }) {
 			},
 			placeholder: "Write a reply…",
 			"data-testid": "comment-reply-input",
-			className: "h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40"
+			className: "h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40 [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:text-base"
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
 			size: "sm",
-			className: "h-7 text-xs",
+			className: "h-7 text-xs [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:px-4 [@media(pointer:coarse)]:text-sm",
 			disabled: submitting || !body.trim(),
 			onClick: () => void send(),
 			children: "Send"
@@ -57,7 +57,7 @@ function ReplyInput({ onSubmit, onCancel }) {
 * optional inline reply box. Fully controlled — mutations route through the
 * id-keyed callbacks.
 */
-function CommentThreadList({ comments, config, compact = false, defaultExpanded = false, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onChecklistToggle, onDelete, onReply }) {
+function CommentThreadList({ comments, config, compact = false, defaultExpanded = false, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onAcknowledge, onAssign, extraAssignItems, onChecklistToggle, onDelete, onReply }) {
 	const [replyingTo, setReplyingTo] = (0, react.useState)(null);
 	const [maximizedRootId, setMaximizedRootId] = (0, react.useState)(null);
 	const [maximizedTab, setMaximizedTab] = (0, react.useState)("thread");
@@ -76,6 +76,9 @@ function CommentThreadList({ comments, config, compact = false, defaultExpanded
 		return {
 			...onUpdateStatus ? { onUpdateStatus: (status) => onUpdateStatus(id, status) } : {},
 			...onClose ? { onClose: () => onClose(id) } : {},
+			...onAcknowledge ? { onAcknowledge: () => onAcknowledge(id) } : {},
+			...onAssign ? { onAssign: (assignee) => onAssign(id, assignee) } : {},
+			...extraAssignItems ? { extraAssignItems } : {},
 			...onChecklistToggle ? { onChecklistToggle: (index) => onChecklistToggle(id, index) } : {},
 			...onDelete ? { onDelete: () => onDelete(id) } : {}
 		};

package/dist/comments/CommentThreadList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThreadList.cjs","names":["useState","useRef","Button","getRoots","buildReplyMap","sortReplies","_Fragment","cn","CommentCard","copyText","Modal","Tabs","Markdown"],"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 { copyText } from \"../components/clipboard\";\nimport { Markdown } from \"../data/Markdown\";\nimport { Tabs } from \"../layout/Tabs\";\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  /** Extra content rendered with each root thread, including its maximized view. */\n  renderRootDetails?: (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  /** Serialize a root and its replies for Copy and the Markdown preview. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<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  renderRootDetails,\n  getThreadProps,\n  renderBody,\n  threadToMarkdown,\n  onUpdateStatus,\n  onClose,\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  const [maximizedTab, setMaximizedTab] = useState<\"thread\" | \"markdown\">(\n    \"thread\",\n  );\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  const maximizedThread = maximizedRoot\n    ? [maximizedRoot, ...sortReplies(replyMap.get(maximizedRoot.id) ?? [])]\n    : [];\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n    setMaximizedTab(\"thread\");\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onClose ? { onClose: () => onClose(id) } : {}),\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 thread = [root, ...replies];\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                {...(threadToMarkdown\n                  ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                  : {})}\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(root.id)}\n                {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n              />\n              {renderRootDetails?.(root)}\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                      {...(threadToMarkdown\n                        ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                        : {})}\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 open onClose={closeMaximized} title=\"Comment thread\" size=\"lg\">\n          <div className=\"space-y-3\" data-testid=\"comment-thread-modal\">\n            {threadToMarkdown && (\n              <Tabs\n                tabs={[\n                  { id: \"thread\", label: \"Thread\" },\n                  { id: \"markdown\", label: \"Markdown\" },\n                ]}\n                value={maximizedTab}\n                onChange={(tab) =>\n                  setMaximizedTab(tab === \"markdown\" ? \"markdown\" : \"thread\")\n                }\n              />\n            )}\n            {maximizedTab === \"markdown\" && threadToMarkdown ? (\n              <Markdown text={threadToMarkdown(maximizedThread)} />\n            ) : (\n              <div className=\"space-y-2\">\n                {/* No onMaximize inside: the thread is already maximized. */}\n                {maximizedThread.map((message) => (\n                  <div key={message.id} className=\"space-y-1.5\">\n                    <CommentCard\n                      comment={message}\n                      config={config}\n                      defaultExpanded\n                      {...(threadToMarkdown\n                        ? {\n                            onCopy: () =>\n                              copyText(threadToMarkdown(maximizedThread)),\n                          }\n                        : {})}\n                      {...(renderBody ? { renderBody } : {})}\n                      {...cardHandlers(message.id)}\n                      {...(onReply\n                        ? { onReply: () => setModalReplyTo(message.id) }\n                        : {})}\n                    />\n                    {message.id === maximizedRoot.id &&\n                      renderRootDetails?.(maximizedRoot)}\n                    {onReply && modalReplyTo === message.id && (\n                      <ReplyInput\n                        onCancel={() => setModalReplyTo(null)}\n                        onSubmit={async (body) => {\n                          await onReply(maximizedRoot, body);\n                          setModalReplyTo(null);\n                        }}\n                      />\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CommentThreadList.cjs","names":["useState","useRef","Button","getRoots","buildReplyMap","sortReplies","_Fragment","cn","CommentCard","copyText","Modal","Tabs","Markdown"],"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 { copyText } from \"../components/clipboard\";\nimport { Markdown } from \"../data/Markdown\";\nimport { Tabs } from \"../layout/Tabs\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentAuthor, 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  /** Extra content rendered with each root thread, including its maximized view. */\n  renderRootDetails?: (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  /** Serialize a root and its replies for Copy and the Markdown preview. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<void>;\n  onAcknowledge?: (id: string) => void | Promise<void>;\n  onAssign?: (\n    id: string,\n    assignee: CommentAuthor | null,\n  ) => void | Promise<void>;\n  /** Caller-owned entries appended to each root's \"Assign…\" submenu. */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\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 min-w-0 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40 [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:text-base\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:px-4 [@media(pointer:coarse)]:text-sm\"\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  renderRootDetails,\n  getThreadProps,\n  renderBody,\n  threadToMarkdown,\n  onUpdateStatus,\n  onClose,\n  onAcknowledge,\n  onAssign,\n  extraAssignItems,\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  const [maximizedTab, setMaximizedTab] = useState<\"thread\" | \"markdown\">(\n    \"thread\",\n  );\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  const maximizedThread = maximizedRoot\n    ? [maximizedRoot, ...sortReplies(replyMap.get(maximizedRoot.id) ?? [])]\n    : [];\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n    setMaximizedTab(\"thread\");\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onClose ? { onClose: () => onClose(id) } : {}),\n      ...(onAcknowledge ? { onAcknowledge: () => onAcknowledge(id) } : {}),\n      ...(onAssign\n        ? {\n            onAssign: (assignee: CommentAuthor | null) =>\n              onAssign(id, assignee),\n          }\n        : {}),\n      ...(extraAssignItems ? { extraAssignItems } : {}),\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 thread = [root, ...replies];\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                {...(threadToMarkdown\n                  ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                  : {})}\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(root.id)}\n                {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n              />\n              {renderRootDetails?.(root)}\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                      {...(threadToMarkdown\n                        ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                        : {})}\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 open onClose={closeMaximized} title=\"Comment thread\" size=\"lg\">\n          <div className=\"space-y-3\" data-testid=\"comment-thread-modal\">\n            {threadToMarkdown && (\n              <Tabs\n                tabs={[\n                  { id: \"thread\", label: \"Thread\" },\n                  { id: \"markdown\", label: \"Markdown\" },\n                ]}\n                value={maximizedTab}\n                onChange={(tab) =>\n                  setMaximizedTab(tab === \"markdown\" ? \"markdown\" : \"thread\")\n                }\n              />\n            )}\n            {maximizedTab === \"markdown\" && threadToMarkdown ? (\n              <Markdown text={threadToMarkdown(maximizedThread)} />\n            ) : (\n              <div className=\"space-y-2\">\n                {/* No onMaximize inside: the thread is already maximized. */}\n                {maximizedThread.map((message) => (\n                  <div key={message.id} className=\"space-y-1.5\">\n                    <CommentCard\n                      comment={message}\n                      config={config}\n                      defaultExpanded\n                      {...(threadToMarkdown\n                        ? {\n                            onCopy: () =>\n                              copyText(threadToMarkdown(maximizedThread)),\n                          }\n                        : {})}\n                      {...(renderBody ? { renderBody } : {})}\n                      {...cardHandlers(message.id)}\n                      {...(onReply\n                        ? { onReply: () => setModalReplyTo(message.id) }\n                        : {})}\n                    />\n                    {message.id === maximizedRoot.id &&\n                      renderRootDetails?.(maximizedRoot)}\n                    {onReply && modalReplyTo === message.id && (\n                      <ReplyInput\n                        onCancel={() => setModalReplyTo(null)}\n                        onSubmit={async (body) => {\n                          await onReply(maximizedRoot, body);\n                          setModalReplyTo(null);\n                        }}\n                      />\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/comments/CommentThreadList.d.ts

@@ -1,5 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-import { Comment, CommentConfig } from './comment-types.js';
+import { DropdownMenuItem } from '../overlay/DropdownMenu.js';
+import { Comment, CommentAuthor, CommentConfig } from './comment-types.js';
 export type CommentThreadListProps = {
     comments: Comment[];
     config: CommentConfig;
@@ -18,6 +19,10 @@ export type CommentThreadListProps = {
     threadToMarkdown?: (thread: readonly Comment[]) => string;
     onUpdateStatus?: (id: string, status: string) => void | Promise<void>;
     onClose?: (id: string) => void | Promise<void>;
+    onAcknowledge?: (id: string) => void | Promise<void>;
+    onAssign?: (id: string, assignee: CommentAuthor | null) => void | Promise<void>;
+    /** Caller-owned entries appended to each root's "Assign…" submenu. */
+    extraAssignItems?: (comment: Comment) => DropdownMenuItem[];
     onChecklistToggle?: (id: string, index: number) => void;
     onDelete?: (id: string) => void;
     /** Submit a reply to `parent`. Presence enables the inline reply affordance. */
@@ -28,5 +33,5 @@ export type CommentThreadListProps = {
  * optional inline reply box. Fully controlled — mutations route through the
  * id-keyed callbacks.
  */
-export declare function CommentThreadList({ comments, config, compact, defaultExpanded, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onChecklistToggle, onDelete, onReply, }: CommentThreadListProps): import("react").JSX.Element | null;
+export declare function CommentThreadList({ comments, config, compact, defaultExpanded, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onAcknowledge, onAssign, extraAssignItems, 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;AAS9E,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,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,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,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,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,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,sBAAsB,sCAiKxB"}
+{"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,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAIhE,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7E,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,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,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,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,OAAO,EAAE,KAAK,MAAM,CAAC;IAC1D,cAAc,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtE,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,QAAQ,CAAC,EAAE,CACT,EAAE,EAAE,MAAM,EACV,QAAQ,EAAE,aAAa,GAAG,IAAI,KAC3B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,sEAAsE;IACtE,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,gBAAgB,EAAE,CAAC;IAC5D,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,iBAAiB,EACjB,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,OAAO,EACP,aAAa,EACb,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,OAAO,GACR,EAAE,sBAAsB,sCAyKxB"}

package/dist/comments/CommentThreadList.js

@@ -42,10 +42,10 @@ function ReplyInput({ onSubmit, onCancel }) {
 			},
 			placeholder: "Write a reply…",
 			"data-testid": "comment-reply-input",
-			className: "h-7 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40"
+			className: "h-7 min-w-0 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40 [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:text-base"
 		}), /* @__PURE__ */ jsx(Button, {
 			size: "sm",
-			className: "h-7 text-xs",
+			className: "h-7 text-xs [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:px-4 [@media(pointer:coarse)]:text-sm",
 			disabled: submitting || !body.trim(),
 			onClick: () => void send(),
 			children: "Send"
@@ -57,7 +57,7 @@ function ReplyInput({ onSubmit, onCancel }) {
 * optional inline reply box. Fully controlled — mutations route through the
 * id-keyed callbacks.
 */
-function CommentThreadList({ comments, config, compact = false, defaultExpanded = false, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onChecklistToggle, onDelete, onReply }) {
+function CommentThreadList({ comments, config, compact = false, defaultExpanded = false, renderRootMeta, renderRootDetails, getThreadProps, renderBody, threadToMarkdown, onUpdateStatus, onClose, onAcknowledge, onAssign, extraAssignItems, onChecklistToggle, onDelete, onReply }) {
 	const [replyingTo, setReplyingTo] = useState(null);
 	const [maximizedRootId, setMaximizedRootId] = useState(null);
 	const [maximizedTab, setMaximizedTab] = useState("thread");
@@ -76,6 +76,9 @@ function CommentThreadList({ comments, config, compact = false, defaultExpanded
 		return {
 			...onUpdateStatus ? { onUpdateStatus: (status) => onUpdateStatus(id, status) } : {},
 			...onClose ? { onClose: () => onClose(id) } : {},
+			...onAcknowledge ? { onAcknowledge: () => onAcknowledge(id) } : {},
+			...onAssign ? { onAssign: (assignee) => onAssign(id, assignee) } : {},
+			...extraAssignItems ? { extraAssignItems } : {},
 			...onChecklistToggle ? { onChecklistToggle: (index) => onChecklistToggle(id, index) } : {},
 			...onDelete ? { onDelete: () => onDelete(id) } : {}
 		};

package/dist/comments/CommentThreadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentThreadList.js","names":["_Fragment"],"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 { copyText } from \"../components/clipboard\";\nimport { Markdown } from \"../data/Markdown\";\nimport { Tabs } from \"../layout/Tabs\";\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  /** Extra content rendered with each root thread, including its maximized view. */\n  renderRootDetails?: (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  /** Serialize a root and its replies for Copy and the Markdown preview. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<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  renderRootDetails,\n  getThreadProps,\n  renderBody,\n  threadToMarkdown,\n  onUpdateStatus,\n  onClose,\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  const [maximizedTab, setMaximizedTab] = useState<\"thread\" | \"markdown\">(\n    \"thread\",\n  );\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  const maximizedThread = maximizedRoot\n    ? [maximizedRoot, ...sortReplies(replyMap.get(maximizedRoot.id) ?? [])]\n    : [];\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n    setMaximizedTab(\"thread\");\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onClose ? { onClose: () => onClose(id) } : {}),\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 thread = [root, ...replies];\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                {...(threadToMarkdown\n                  ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                  : {})}\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(root.id)}\n                {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n              />\n              {renderRootDetails?.(root)}\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                      {...(threadToMarkdown\n                        ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                        : {})}\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 open onClose={closeMaximized} title=\"Comment thread\" size=\"lg\">\n          <div className=\"space-y-3\" data-testid=\"comment-thread-modal\">\n            {threadToMarkdown && (\n              <Tabs\n                tabs={[\n                  { id: \"thread\", label: \"Thread\" },\n                  { id: \"markdown\", label: \"Markdown\" },\n                ]}\n                value={maximizedTab}\n                onChange={(tab) =>\n                  setMaximizedTab(tab === \"markdown\" ? \"markdown\" : \"thread\")\n                }\n              />\n            )}\n            {maximizedTab === \"markdown\" && threadToMarkdown ? (\n              <Markdown text={threadToMarkdown(maximizedThread)} />\n            ) : (\n              <div className=\"space-y-2\">\n                {/* No onMaximize inside: the thread is already maximized. */}\n                {maximizedThread.map((message) => (\n                  <div key={message.id} className=\"space-y-1.5\">\n                    <CommentCard\n                      comment={message}\n                      config={config}\n                      defaultExpanded\n                      {...(threadToMarkdown\n                        ? {\n                            onCopy: () =>\n                              copyText(threadToMarkdown(maximizedThread)),\n                          }\n                        : {})}\n                      {...(renderBody ? { renderBody } : {})}\n                      {...cardHandlers(message.id)}\n                      {...(onReply\n                        ? { onReply: () => setModalReplyTo(message.id) }\n                        : {})}\n                    />\n                    {message.id === maximizedRoot.id &&\n                      renderRootDetails?.(maximizedRoot)}\n                    {onReply && modalReplyTo === message.id && (\n                      <ReplyInput\n                        onCancel={() => setModalReplyTo(null)}\n                        onSubmit={async (body) => {\n                          await onReply(maximizedRoot, body);\n                          setModalReplyTo(null);\n                        }}\n                      />\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmCA,SAAS,WAAW,EAClB,UACA,YAIC;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,EAAE;CACnC,MAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;CAClD,MAAM,gBAAgB,OAAO,KAAK;CAClC,eAAe,OAAO;EACpB,IAAI,CAAC,KAAK,KAAK,KAAK,cAAc,SAAS;EAC3C,cAAc,UAAU;EACxB,cAAc,IAAI;EAClB,IAAI;GACF,MAAM,SAAS,KAAK,KAAK,CAAC;GAC1B,QAAQ,EAAE;EACZ,UAAU;GACR,cAAc,UAAU;GACxB,cAAc,KAAK;EACrB;CACF;CACA,OACE,qBAAC,OAAD;EAAK,WAAU;EAAyB,aAAW;EAAnD,UAAA,CACE,oBAAC,SAAD;GACE,WAAA;GACA,OAAO;GACP,UAAU;GACV,WAAW,MAAM,QAAQ,EAAE,OAAO,KAAK;GACvC,YAAY,MAAM;IAChB,IAAI,EAAE,QAAQ,SAAS;KACrB,EAAE,eAAe;KACjB,KAAU;IACZ;IACA,IAAI,EAAE,QAAQ,UAAU,SAAS;GACnC;GACA,aAAY;GACZ,eAAY;GACZ,WAAU;EACX,CAAA,GACD,oBAAC,QAAD;GACE,MAAK;GACL,WAAU;GACV,UAAU,cAAc,CAAC,KAAK,KAAK;GACnC,eAAe,KAAK,KAAK;GAC1B,UAAA;EAEO,CAAA,CACL;;AAET;;;;;;AAOA,SAAgB,kBAAkB,EAChC,UACA,QACA,UAAU,OACV,kBAAkB,OAClB,gBACA,mBACA,gBACA,YACA,kBACA,gBACA,SACA,mBACA,UACA,WACyB;CACzB,MAAM,CAAC,YAAY,iBAAiB,SAAwB,IAAI;CAGhE,MAAM,CAAC,iBAAiB,sBAAsB,SAAwB,IAAI;CAC1E,MAAM,CAAC,cAAc,mBAAmB,SACtC,QACF;CAEA,MAAM,CAAC,cAAc,mBAAmB,SAAwB,IAAI;CACpE,MAAM,QAAQ,SAAS,QAAQ;CAC/B,MAAM,WAAW,cAAc,QAAQ;CAEvC,IAAI,MAAM,WAAW,GAAG,OAAO;CAE/B,MAAM,gBAAgB,MAAM,MAAM,SAAS,KAAK,OAAO,eAAe;CACtE,MAAM,kBAAkB,gBACpB,CAAC,eAAe,GAAG,YAAY,SAAS,IAAI,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,IACpE,CAAC;CAEL,SAAS,iBAAiB;EACxB,mBAAmB,IAAI;EACvB,gBAAgB,IAAI;EACpB,gBAAgB,QAAQ;CAC1B;CAEA,SAAS,aAAa,IAAY;EAChC,OAAO;GACL,GAAI,iBACA,EAAE,iBAAiB,WAAmB,eAAe,IAAI,MAAM,EAAE,IACjE,CAAC;GACL,GAAI,UAAU,EAAE,eAAe,QAAQ,EAAE,EAAE,IAAI,CAAC;GAChD,GAAI,oBACA,EAAE,oBAAoB,UAAkB,kBAAkB,IAAI,KAAK,EAAE,IACrE,CAAC;GACL,GAAI,WAAW,EAAE,gBAAgB,SAAS,EAAE,EAAE,IAAI,CAAC;EACrD;CACF;CAEA,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAD;EAAK,WAAU;EACZ,UAAA,MAAM,KAAK,SAAS;GACnB,MAAM,UAAU,YAAY,SAAS,IAAI,KAAK,EAAE,KAAK,CAAC,CAAC;GACvD,MAAM,SAAS,CAAC,MAAM,GAAG,OAAO;GAChC,MAAM,cAAc,iBAAiB,IAAI,KAAK,CAAC;GAC/C,OACE,qBAAC,OAAD;IAEE,eAAY;IACZ,mBAAiB,KAAK;IACtB,GAAI;IACJ,WAAW,GAAG,mBAAmB,YAAY,SAAS;IALxD,UAAA;KAOG,iBACC,oBAAC,OAAD;MAAK,WAAU;MAAQ,UAAA,eAAe,IAAI;KAAO,CAAA,IAC/C;KACJ,oBAAC,aAAD;MACE,SAAS;MACD;MACC;MACQ;MACjB,kBAAkB,mBAAmB,KAAK,EAAE;MAC5C,GAAK,mBACD,EAAE,cAAc,SAAS,iBAAiB,MAAM,CAAC,EAAE,IACnD,CAAC;MACL,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;MACpC,GAAI,aAAa,KAAK,EAAE;MACxB,GAAK,UAAU,EAAE,eAAe,cAAc,KAAK,EAAE,EAAE,IAAI,CAAC;KAC7D,CAAA;KACA,oBAAoB,IAAI;KACxB,QAAQ,SAAS,KAChB,oBAAC,OAAD;MAAK,WAAU;MACZ,UAAA,QAAQ,KAAK,UACZ,oBAAC,aAAD;OAEE,SAAS;OACD;OACC;OACQ;OACjB,kBAAkB,mBAAmB,KAAK,EAAE;OAC5C,GAAK,mBACD,EAAE,cAAc,SAAS,iBAAiB,MAAM,CAAC,EAAE,IACnD,CAAC;OACL,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;OACpC,GAAI,aAAa,MAAM,EAAE;MAC1B,GAXM,MAAM,EAWZ,CACF;KACE,CAAA;KAEN,WAAW,eAAe,KAAK,MAC9B,oBAAC,YAAD;MACE,gBAAgB,cAAc,IAAI;MAClC,UAAU,OAAO,SAAS;OACxB,MAAM,QAAQ,MAAM,IAAI;OACxB,cAAc,IAAI;MACpB;KACD,CAAA;IAEA;GAnDE,GAAA,KAAK,EAmDP;EAET,CAAC;CACE,CAAA,GACJ,iBACC,oBAAC,OAAD;EAAO,MAAA;EAAK,SAAS;EAAgB,OAAM;EAAiB,MAAK;EAC/D,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAY,eAAY;GAAvC,UAAA,CACG,oBACC,oBAAC,MAAD;IACE,MAAM,CACJ;KAAE,IAAI;KAAU,OAAO;IAAS,GAChC;KAAE,IAAI;KAAY,OAAO;IAAW,CACtC;IACA,OAAO;IACP,WAAW,QACT,gBAAgB,QAAQ,aAAa,aAAa,QAAQ;GAE7D,CAAA,GAEF,iBAAiB,cAAc,mBAC9B,oBAAC,UAAD,EAAU,MAAM,iBAAiB,eAAe,EAAI,CAAA,IAEpD,oBAAC,OAAD;IAAK,WAAU;IAEZ,UAAA,gBAAgB,KAAK,YACpB,qBAAC,OAAD;KAAsB,WAAU;KAAhC,UAAA;MACE,oBAAC,aAAD;OACE,SAAS;OACD;OACR,iBAAA;OACA,GAAK,mBACD,EACE,cACE,SAAS,iBAAiB,eAAe,CAAC,EAC9C,IACA,CAAC;OACL,GAAK,aAAa,EAAE,WAAW,IAAI,CAAC;OACpC,GAAI,aAAa,QAAQ,EAAE;OAC3B,GAAK,UACD,EAAE,eAAe,gBAAgB,QAAQ,EAAE,EAAE,IAC7C,CAAC;MACN,CAAA;MACA,QAAQ,OAAO,cAAc,MAC5B,oBAAoB,aAAa;MAClC,WAAW,iBAAiB,QAAQ,MACnC,oBAAC,YAAD;OACE,gBAAgB,gBAAgB,IAAI;OACpC,UAAU,OAAO,SAAS;QACxB,MAAM,QAAQ,eAAe,IAAI;QACjC,gBAAgB,IAAI;OACtB;MACD,CAAA;KAEA;IA5BK,GAAA,QAAQ,EA4Bb,CACN;GACE,CAAA,CAEJ;;CACA,CAAA,CAET,EAAA,CAAA;AAEN"}
+{"version":3,"file":"CommentThreadList.js","names":["_Fragment"],"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 { copyText } from \"../components/clipboard\";\nimport { Markdown } from \"../data/Markdown\";\nimport { Tabs } from \"../layout/Tabs\";\nimport type { DropdownMenuItem } from \"../overlay/DropdownMenu\";\nimport { Modal } from \"../overlay/Modal\";\nimport { CommentCard } from \"./CommentCard\";\nimport { buildReplyMap, getRoots, sortReplies } from \"./comment-utils\";\nimport type { Comment, CommentAuthor, 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  /** Extra content rendered with each root thread, including its maximized view. */\n  renderRootDetails?: (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  /** Serialize a root and its replies for Copy and the Markdown preview. */\n  threadToMarkdown?: (thread: readonly Comment[]) => string;\n  onUpdateStatus?: (id: string, status: string) => void | Promise<void>;\n  onClose?: (id: string) => void | Promise<void>;\n  onAcknowledge?: (id: string) => void | Promise<void>;\n  onAssign?: (\n    id: string,\n    assignee: CommentAuthor | null,\n  ) => void | Promise<void>;\n  /** Caller-owned entries appended to each root's \"Assign…\" submenu. */\n  extraAssignItems?: (comment: Comment) => DropdownMenuItem[];\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 min-w-0 flex-1 rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary/40 [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:text-base\"\n      />\n      <Button\n        size=\"sm\"\n        className=\"h-7 text-xs [@media(pointer:coarse)]:h-11 [@media(pointer:coarse)]:px-4 [@media(pointer:coarse)]:text-sm\"\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  renderRootDetails,\n  getThreadProps,\n  renderBody,\n  threadToMarkdown,\n  onUpdateStatus,\n  onClose,\n  onAcknowledge,\n  onAssign,\n  extraAssignItems,\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  const [maximizedTab, setMaximizedTab] = useState<\"thread\" | \"markdown\">(\n    \"thread\",\n  );\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  const maximizedThread = maximizedRoot\n    ? [maximizedRoot, ...sortReplies(replyMap.get(maximizedRoot.id) ?? [])]\n    : [];\n\n  function closeMaximized() {\n    setMaximizedRootId(null);\n    setModalReplyTo(null);\n    setMaximizedTab(\"thread\");\n  }\n\n  function cardHandlers(id: string) {\n    return {\n      ...(onUpdateStatus\n        ? { onUpdateStatus: (status: string) => onUpdateStatus(id, status) }\n        : {}),\n      ...(onClose ? { onClose: () => onClose(id) } : {}),\n      ...(onAcknowledge ? { onAcknowledge: () => onAcknowledge(id) } : {}),\n      ...(onAssign\n        ? {\n            onAssign: (assignee: CommentAuthor | null) =>\n              onAssign(id, assignee),\n          }\n        : {}),\n      ...(extraAssignItems ? { extraAssignItems } : {}),\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 thread = [root, ...replies];\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                {...(threadToMarkdown\n                  ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                  : {})}\n                {...(renderBody ? { renderBody } : {})}\n                {...cardHandlers(root.id)}\n                {...(onReply ? { onReply: () => setReplyingTo(root.id) } : {})}\n              />\n              {renderRootDetails?.(root)}\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                      {...(threadToMarkdown\n                        ? { onCopy: () => copyText(threadToMarkdown(thread)) }\n                        : {})}\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 open onClose={closeMaximized} title=\"Comment thread\" size=\"lg\">\n          <div className=\"space-y-3\" data-testid=\"comment-thread-modal\">\n            {threadToMarkdown && (\n              <Tabs\n                tabs={[\n                  { id: \"thread\", label: \"Thread\" },\n                  { id: \"markdown\", label: \"Markdown\" },\n                ]}\n                value={maximizedTab}\n                onChange={(tab) =>\n                  setMaximizedTab(tab === \"markdown\" ? \"markdown\" : \"thread\")\n                }\n              />\n            )}\n            {maximizedTab === \"markdown\" && threadToMarkdown ? (\n              <Markdown text={threadToMarkdown(maximizedThread)} />\n            ) : (\n              <div className=\"space-y-2\">\n                {/* No onMaximize inside: the thread is already maximized. */}\n                {maximizedThread.map((message) => (\n                  <div key={message.id} className=\"space-y-1.5\">\n                    <CommentCard\n                      comment={message}\n                      config={config}\n                      defaultExpanded\n                      {...(threadToMarkdown\n                        ? {\n                            onCopy: () =>\n                              copyText(threadToMarkdown(maximizedThread)),\n                          }\n                        : {})}\n                      {...(renderBody ? { renderBody } : {})}\n                      {...cardHandlers(message.id)}\n                      {...(onReply\n                        ? { onReply: () => setModalReplyTo(message.id) }\n                        : {})}\n                    />\n                    {message.id === maximizedRoot.id &&\n                      renderRootDetails?.(maximizedRoot)}\n                    {onReply && modalReplyTo === message.id && (\n                      <ReplyInput\n                        onCancel={() => setModalReplyTo(null)}\n                        onSubmit={async (body) => {\n                          await onReply(maximizedRoot, body);\n                          setModalReplyTo(null);\n                        }}\n                      />\n                    )}\n                  </div>\n                ))}\n              </div>\n            )}\n          </div>\n        </Modal>\n      )}\n    </>\n  );\n}\n"],"mappings":"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"}

package/dist/comments/MentionTextarea.cjs

@@ -173,7 +173,7 @@ var MentionTextarea = (0, react.forwardRef)(function MentionTextarea({ value, on
 		value,
 		placeholder,
 		"data-testid": dataTestId,
-		className: require_utils.cn("w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder", className),
+		className: require_utils.cn("w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder [@media(pointer:coarse)]:text-base", className),
 		onChange: (e) => {
 			onChange(e.target.value);
 			refreshMention(e.target);

package/dist/comments/MentionTextarea.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MentionTextarea.cjs","names":["forwardRef","useRef","useState","useFloatingZIndex","_Fragment","cn","createPortal","CommentAuthorAvatar"],"sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n  /** Controlled value. */\n  value: string;\n  /** Called with the next value on edit or mention insertion. */\n  onChange: (value: string) => void;\n  /** People/agents offered in the @-mention popover. */\n  mentionables: CommentMentionable[];\n  /** Fired when a mention is inserted via the popover. */\n  onMentionSelect?: (mention: CommentMention) => void;\n  /** Enter (without Shift) while the popover is closed. */\n  onSubmit?: () => void;\n  /** Escape while the popover is closed. */\n  onCancel?: () => void;\n  placeholder?: string;\n  autoFocus?: boolean;\n  rows?: number;\n  className?: string;\n  \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^|\\s)@([\\w.-]*)$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention | null {\n  const match = value.slice(0, caret).match(MENTION_QUERY);\n  if (!match) return null;\n  const query = match[2] ?? \"\";\n  const atIndex = caret - query.length - 1;\n  return { atIndex, query };\n}\n\nfunction filterMentionables(\n  mentionables: CommentMentionable[],\n  query: string,\n): CommentMentionable[] {\n  const q = query.toLowerCase();\n  const matches = q\n    ? mentionables.filter(\n        (m) =>\n          m.name.toLowerCase().includes(q) || m.id.toLowerCase().includes(q),\n      )\n    : mentionables;\n  return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n  \"boxSizing\",\n  \"width\",\n  \"borderTopWidth\",\n  \"borderRightWidth\",\n  \"borderBottomWidth\",\n  \"borderLeftWidth\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"fontStyle\",\n  \"fontVariant\",\n  \"fontWeight\",\n  \"fontStretch\",\n  \"fontSize\",\n  \"lineHeight\",\n  \"fontFamily\",\n  \"textAlign\",\n  \"textTransform\",\n  \"textIndent\",\n  \"letterSpacing\",\n  \"wordSpacing\",\n  \"tabSize\",\n  \"whiteSpace\",\n  \"wordWrap\",\n  \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n  el: HTMLTextAreaElement,\n  position: number,\n): CaretRect {\n  if (\n    typeof document === \"undefined\" ||\n    typeof getComputedStyle !== \"function\"\n  ) {\n    const r = el.getBoundingClientRect();\n    return { top: r.top, left: r.left, height: 16 };\n  }\n  const style = getComputedStyle(el);\n  const mirror = document.createElement(\"div\");\n  for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n  mirror.style.position = \"absolute\";\n  mirror.style.visibility = \"hidden\";\n  mirror.style.whiteSpace = \"pre-wrap\";\n  mirror.style.overflowWrap = \"break-word\";\n  mirror.style.top = \"0\";\n  mirror.style.left = \"-9999px\";\n  mirror.textContent = el.value.slice(0, position);\n\n  const marker = document.createElement(\"span\");\n  marker.textContent = el.value.slice(position) || \".\";\n  mirror.appendChild(marker);\n  document.body.appendChild(mirror);\n\n  const lineHeight =\n    parseInt(style.lineHeight, 10) || parseInt(style.fontSize, 10) || 16;\n  const offsetTop = marker.offsetTop;\n  const offsetLeft = marker.offsetLeft;\n  document.body.removeChild(mirror);\n\n  const rect = el.getBoundingClientRect();\n  return {\n    top: rect.top + offsetTop - el.scrollTop,\n    left: rect.left + offsetLeft - el.scrollLeft,\n    height: lineHeight,\n  };\n}\n\n/**\n * A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n  HTMLTextAreaElement,\n  MentionTextareaProps\n>(function MentionTextarea(\n  {\n    value,\n    onChange,\n    mentionables,\n    onMentionSelect,\n    onSubmit,\n    onCancel,\n    placeholder,\n    autoFocus,\n    rows = 2,\n    className,\n    \"data-testid\": dataTestId,\n  },\n  forwardedRef,\n) {\n  const innerRef = useRef<HTMLTextAreaElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () => innerRef.current as HTMLTextAreaElement,\n  );\n\n  const [active, setActive] = useState<ActiveMention | null>(null);\n  const [caretRect, setCaretRect] = useState<CaretRect | null>(null);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const floatingZ = useFloatingZIndex();\n\n  const results = active ? filterMentionables(mentionables, active.query) : [];\n  const open = active != null && results.length > 0;\n\n  function refreshMention(el: HTMLTextAreaElement) {\n    const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n    setActive(next);\n    setActiveIndex(0);\n    setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n  }\n\n  function insertMention(m: CommentMentionable) {\n    const el = innerRef.current;\n    if (!el || !active) return;\n    const caret = el.selectionStart ?? value.length;\n    const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n    const nextCaret = active.atIndex + m.name.length + 2;\n    onChange(next);\n    onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n    setActive(null);\n    setCaretRect(null);\n    requestAnimationFrame(() => {\n      el.focus();\n      el.setSelectionRange(nextCaret, nextCaret);\n    });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n    if (open) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i + 1) % results.length);\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i - 1 + results.length) % results.length);\n        return;\n      }\n      if (e.key === \"Enter\" || e.key === \"Tab\") {\n        e.preventDefault();\n        const choice = results[activeIndex];\n        if (choice) insertMention(choice);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setActive(null);\n        setCaretRect(null);\n        return;\n      }\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      onSubmit?.();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      onCancel?.();\n    }\n  }\n\n  useEffect(() => {\n    if (!autoFocus) return;\n    const el = innerRef.current;\n    const raf = requestAnimationFrame(() => {\n      el?.focus();\n      const len = el?.value.length ?? 0;\n      el?.setSelectionRange(len, len);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [autoFocus]);\n\n  return (\n    <>\n      <textarea\n        ref={innerRef}\n        rows={rows}\n        value={value}\n        placeholder={placeholder}\n        data-testid={dataTestId}\n        className={cn(\n          \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder\",\n          className,\n        )}\n        onChange={(e) => {\n          onChange(e.target.value);\n          refreshMention(e.target);\n        }}\n        onKeyUp={(e) => refreshMention(e.currentTarget)}\n        onClick={(e) => refreshMention(e.currentTarget)}\n        onKeyDown={onKeyDown}\n        onBlur={() => {\n          setActive(null);\n          setCaretRect(null);\n        }}\n      />\n      {open &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          <ul\n            role=\"listbox\"\n            data-testid=\"mention-popover\"\n            style={{\n              position: \"fixed\",\n              top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n              left: caretRect?.left ?? 0,\n              zIndex: floatingZ,\n            }}\n            className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n          >\n            {results.map((m, i) => (\n              <li key={m.id}>\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={i === activeIndex}\n                  // Use mousedown so selection runs before the textarea blur closes the popover.\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    insertMention(m);\n                  }}\n                  onMouseEnter={() => setActiveIndex(i)}\n                  className={cn(\n                    \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n                    i === activeIndex && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <CommentAuthorAvatar\n                    author={{\n                      name: m.name,\n                      kind: m.kind,\n                      ...(m.avatar ? { avatar: m.avatar } : {}),\n                      ...(m.icon ? { icon: m.icon } : {}),\n                    }}\n                    size=\"xs\"\n                    bare\n                  />\n                  <span className=\"truncate\">{m.name}</span>\n                  {m.kind === \"agent\" && (\n                    <span className=\"ml-auto text-[10px] text-muted-foreground\">\n                      agent\n                    </span>\n                  )}\n                </button>\n              </li>\n            ))}\n          </ul>,\n          document.body,\n        )}\n    </>\n  );\n});\n"],"mappings":"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"}
+{"version":3,"file":"MentionTextarea.cjs","names":["forwardRef","useRef","useState","useFloatingZIndex","_Fragment","cn","createPortal","CommentAuthorAvatar"],"sources":["../../src/comments/MentionTextarea.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"../lib/utils\";\nimport { useFloatingZIndex } from \"../overlay/modalStack\";\nimport { CommentAuthorAvatar } from \"./CommentAuthor\";\nimport type { CommentMention, CommentMentionable } from \"./comment-types\";\n\nexport type MentionTextareaProps = {\n  /** Controlled value. */\n  value: string;\n  /** Called with the next value on edit or mention insertion. */\n  onChange: (value: string) => void;\n  /** People/agents offered in the @-mention popover. */\n  mentionables: CommentMentionable[];\n  /** Fired when a mention is inserted via the popover. */\n  onMentionSelect?: (mention: CommentMention) => void;\n  /** Enter (without Shift) while the popover is closed. */\n  onSubmit?: () => void;\n  /** Escape while the popover is closed. */\n  onCancel?: () => void;\n  placeholder?: string;\n  autoFocus?: boolean;\n  rows?: number;\n  className?: string;\n  \"data-testid\"?: string;\n};\n\nconst MENTION_QUERY = /(^|\\s)@([\\w.-]*)$/;\nconst MAX_RESULTS = 8;\n\ntype ActiveMention = { atIndex: number; query: string };\ntype CaretRect = { top: number; left: number; height: number };\n\nfunction detectMention(value: string, caret: number): ActiveMention | null {\n  const match = value.slice(0, caret).match(MENTION_QUERY);\n  if (!match) return null;\n  const query = match[2] ?? \"\";\n  const atIndex = caret - query.length - 1;\n  return { atIndex, query };\n}\n\nfunction filterMentionables(\n  mentionables: CommentMentionable[],\n  query: string,\n): CommentMentionable[] {\n  const q = query.toLowerCase();\n  const matches = q\n    ? mentionables.filter(\n        (m) =>\n          m.name.toLowerCase().includes(q) || m.id.toLowerCase().includes(q),\n      )\n    : mentionables;\n  return matches.slice(0, MAX_RESULTS);\n}\n\nconst MIRROR_PROPS = [\n  \"boxSizing\",\n  \"width\",\n  \"borderTopWidth\",\n  \"borderRightWidth\",\n  \"borderBottomWidth\",\n  \"borderLeftWidth\",\n  \"paddingTop\",\n  \"paddingRight\",\n  \"paddingBottom\",\n  \"paddingLeft\",\n  \"fontStyle\",\n  \"fontVariant\",\n  \"fontWeight\",\n  \"fontStretch\",\n  \"fontSize\",\n  \"lineHeight\",\n  \"fontFamily\",\n  \"textAlign\",\n  \"textTransform\",\n  \"textIndent\",\n  \"letterSpacing\",\n  \"wordSpacing\",\n  \"tabSize\",\n  \"whiteSpace\",\n  \"wordWrap\",\n  \"overflowWrap\",\n] as const;\n\n// Measures the caret pixel position with an off-screen mirror div that copies the\n// textarea's box metrics — the dependency-free way to anchor a popover at the caret.\nfunction caretViewportRect(\n  el: HTMLTextAreaElement,\n  position: number,\n): CaretRect {\n  if (\n    typeof document === \"undefined\" ||\n    typeof getComputedStyle !== \"function\"\n  ) {\n    const r = el.getBoundingClientRect();\n    return { top: r.top, left: r.left, height: 16 };\n  }\n  const style = getComputedStyle(el);\n  const mirror = document.createElement(\"div\");\n  for (const prop of MIRROR_PROPS) mirror.style[prop] = style[prop];\n  mirror.style.position = \"absolute\";\n  mirror.style.visibility = \"hidden\";\n  mirror.style.whiteSpace = \"pre-wrap\";\n  mirror.style.overflowWrap = \"break-word\";\n  mirror.style.top = \"0\";\n  mirror.style.left = \"-9999px\";\n  mirror.textContent = el.value.slice(0, position);\n\n  const marker = document.createElement(\"span\");\n  marker.textContent = el.value.slice(position) || \".\";\n  mirror.appendChild(marker);\n  document.body.appendChild(mirror);\n\n  const lineHeight =\n    parseInt(style.lineHeight, 10) || parseInt(style.fontSize, 10) || 16;\n  const offsetTop = marker.offsetTop;\n  const offsetLeft = marker.offsetLeft;\n  document.body.removeChild(mirror);\n\n  const rect = el.getBoundingClientRect();\n  return {\n    top: rect.top + offsetTop - el.scrollTop,\n    left: rect.left + offsetLeft - el.scrollLeft,\n    height: lineHeight,\n  };\n}\n\n/**\n * A textarea with an @-mention autocomplete. Typing `@` opens a caret-anchored\n * popover filtered against `mentionables`; selecting one inserts the name and\n * fires `onMentionSelect`. Enter submits and Escape cancels only when the\n * popover is closed.\n */\nexport const MentionTextarea = forwardRef<\n  HTMLTextAreaElement,\n  MentionTextareaProps\n>(function MentionTextarea(\n  {\n    value,\n    onChange,\n    mentionables,\n    onMentionSelect,\n    onSubmit,\n    onCancel,\n    placeholder,\n    autoFocus,\n    rows = 2,\n    className,\n    \"data-testid\": dataTestId,\n  },\n  forwardedRef,\n) {\n  const innerRef = useRef<HTMLTextAreaElement>(null);\n  useImperativeHandle(\n    forwardedRef,\n    () => innerRef.current as HTMLTextAreaElement,\n  );\n\n  const [active, setActive] = useState<ActiveMention | null>(null);\n  const [caretRect, setCaretRect] = useState<CaretRect | null>(null);\n  const [activeIndex, setActiveIndex] = useState(0);\n  const floatingZ = useFloatingZIndex();\n\n  const results = active ? filterMentionables(mentionables, active.query) : [];\n  const open = active != null && results.length > 0;\n\n  function refreshMention(el: HTMLTextAreaElement) {\n    const next = detectMention(el.value, el.selectionStart ?? el.value.length);\n    setActive(next);\n    setActiveIndex(0);\n    setCaretRect(next ? caretViewportRect(el, el.selectionStart ?? 0) : null);\n  }\n\n  function insertMention(m: CommentMentionable) {\n    const el = innerRef.current;\n    if (!el || !active) return;\n    const caret = el.selectionStart ?? value.length;\n    const next = `${value.slice(0, active.atIndex)}@${m.name} ${value.slice(caret)}`;\n    const nextCaret = active.atIndex + m.name.length + 2;\n    onChange(next);\n    onMentionSelect?.({ id: m.id, name: m.name, kind: m.kind });\n    setActive(null);\n    setCaretRect(null);\n    requestAnimationFrame(() => {\n      el.focus();\n      el.setSelectionRange(nextCaret, nextCaret);\n    });\n  }\n\n  function onKeyDown(e: KeyboardEvent<HTMLTextAreaElement>) {\n    if (open) {\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i + 1) % results.length);\n        return;\n      }\n      if (e.key === \"ArrowUp\") {\n        e.preventDefault();\n        setActiveIndex((i) => (i - 1 + results.length) % results.length);\n        return;\n      }\n      if (e.key === \"Enter\" || e.key === \"Tab\") {\n        e.preventDefault();\n        const choice = results[activeIndex];\n        if (choice) insertMention(choice);\n        return;\n      }\n      if (e.key === \"Escape\") {\n        e.preventDefault();\n        setActive(null);\n        setCaretRect(null);\n        return;\n      }\n    }\n    if (e.key === \"Enter\" && !e.shiftKey) {\n      e.preventDefault();\n      onSubmit?.();\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      onCancel?.();\n    }\n  }\n\n  useEffect(() => {\n    if (!autoFocus) return;\n    const el = innerRef.current;\n    const raf = requestAnimationFrame(() => {\n      el?.focus();\n      const len = el?.value.length ?? 0;\n      el?.setSelectionRange(len, len);\n    });\n    return () => cancelAnimationFrame(raf);\n  }, [autoFocus]);\n\n  return (\n    <>\n      <textarea\n        ref={innerRef}\n        rows={rows}\n        value={value}\n        placeholder={placeholder}\n        data-testid={dataTestId}\n        className={cn(\n          // iOS zooms the page into any focused field under 16px.\n          \"w-full resize-none bg-transparent text-sm leading-snug outline-none placeholder:text-placeholder [@media(pointer:coarse)]:text-base\",\n          className,\n        )}\n        onChange={(e) => {\n          onChange(e.target.value);\n          refreshMention(e.target);\n        }}\n        onKeyUp={(e) => refreshMention(e.currentTarget)}\n        onClick={(e) => refreshMention(e.currentTarget)}\n        onKeyDown={onKeyDown}\n        onBlur={() => {\n          setActive(null);\n          setCaretRect(null);\n        }}\n      />\n      {open &&\n        typeof document !== \"undefined\" &&\n        createPortal(\n          <ul\n            role=\"listbox\"\n            data-testid=\"mention-popover\"\n            style={{\n              position: \"fixed\",\n              top: (caretRect?.top ?? 0) + (caretRect?.height ?? 16) + 2,\n              left: caretRect?.left ?? 0,\n              zIndex: floatingZ,\n            }}\n            className=\"max-h-56 min-w-[12rem] overflow-auto rounded-md border border-border bg-popover py-1 shadow-md\"\n          >\n            {results.map((m, i) => (\n              <li key={m.id}>\n                <button\n                  type=\"button\"\n                  role=\"option\"\n                  aria-selected={i === activeIndex}\n                  // Use mousedown so selection runs before the textarea blur closes the popover.\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    insertMention(m);\n                  }}\n                  onMouseEnter={() => setActiveIndex(i)}\n                  className={cn(\n                    \"flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs text-popover-foreground\",\n                    i === activeIndex && \"bg-accent text-accent-foreground\",\n                  )}\n                >\n                  <CommentAuthorAvatar\n                    author={{\n                      name: m.name,\n                      kind: m.kind,\n                      ...(m.avatar ? { avatar: m.avatar } : {}),\n                      ...(m.icon ? { icon: m.icon } : {}),\n                    }}\n                    size=\"xs\"\n                    bare\n                  />\n                  <span className=\"truncate\">{m.name}</span>\n                  {m.kind === \"agent\" && (\n                    <span className=\"ml-auto text-[10px] text-muted-foreground\">\n                      agent\n                    </span>\n                  )}\n                </button>\n              </li>\n            ))}\n          </ul>,\n          document.body,\n        )}\n    </>\n  );\n});\n"],"mappings":"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"}