@athenaintel/react 0.43.0 → 0.50.0

package/dist/chat-ui/rich-text/chat-message-body.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-body.cjs","sources":["../../../src/chat-ui/rich-text/chat-message-body.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Fragment,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { useAthenaLinkClickHandler } from \"../../chat/athena-citation-links\";\nimport { type OpenFence, splitChatBlocks } from \"./chat-blocks\";\nimport { ChatLink } from \"./chat-link\";\nimport {\n  ChatCodeBlock,\n  ChatMention,\n  StreamingCodeBlock,\n} from \"./chat-node-views\";\nimport {\n  CHAT_TEXT_CLASS,\n  parseChatText,\n  parseTypedChatText,\n} from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/**\n * Render the composer's document schema through its own node/mark serializers.\n *\n * The text is split into its top-level blocks (`splitChatBlocks`), each parsed\n * and drawn by its own memoized component under one `CHAT_TEXT_CLASS`\n * wrapper. While a reply streams, only the trailing block re-parses with each\n * token; every finished block keeps its parse and its DOM. The trailing block\n * reveals its newest words with a settle tint and a caret, and a fenced code\n * block still being written renders as plain code until its fence closes.\n *\n * `typed` reads the text as a person typed it (`parseTypedChatText`: raw HTML\n * and underscore emphasis stay the characters they were typed with), for the\n * user bubble; assistant text keeps the full reading.\n */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n  typed = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n  typed?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const onClick = useChatLinkClick();\n  const { blocks, definitions } = useMemo(\n    () => splitChatBlocks(text, { streaming: isRunning }),\n    [text, isRunning],\n  );\n  return (\n    // The click handler only delegates for the anchors inside, which are\n    // themselves focusable and keyboard-operable; the wrapper is not a control.\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n      onClick={onClick}\n    >\n      {hasDom\n        ? blocks.map((block, index) => (\n            <ChatBlock\n              key={index}\n              text={block.text}\n              definitions={definitions}\n              openFence={block.openFence}\n              streaming={isRunning && index === blocks.length - 1}\n              typed={typed}\n            />\n          ))\n        : text}\n    </div>\n  );\n}\n\n/**\n * One top-level block. Memoized on its inputs: a finished block's `text` never\n * changes again, so React skips it on every token that lands in the block\n * after it. Only the trailing block carries `streaming` (and, while its code\n * fence is open, `openFence`).\n */\nconst ChatBlock = memo(function ChatBlock({\n  text,\n  definitions,\n  openFence,\n  streaming,\n  typed,\n}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: boolean;\n  typed: boolean;\n}) {\n  // A fence is only \"open\" while the part streams. A message that ended\n  // mid-fence parses as the code block it is (markdown-it closes it at the\n  // end), copy action and all, with no caret.\n  const open = streaming ? openFence : null;\n  const doc = useMemo(() => {\n    if (open) return null;\n    const markdown = definitions ? `${text}\\n\\n${definitions}` : text;\n    return typed ? parseTypedChatText(markdown) : parseChatText(markdown);\n  }, [text, definitions, open, typed]);\n  if (open) {\n    return (\n      <StreamingCodeBlock\n        language={open.language}\n        code={open.code}\n        caret={<StreamingCaret />}\n      />\n    );\n  }\n  // A block of nothing but reference definitions parses to one empty\n  // paragraph (the schema's default content); draw nothing for it.\n  if (!doc || isEmptyDoc(doc)) return null;\n  return <>{renderContent(doc, streaming ? findStreamingTail(doc) : null)}</>;\n});\n\nfunction isEmptyDoc(doc: ProseMirrorNode): boolean {\n  if (doc.childCount === 0) return true;\n  const only = doc.firstChild;\n  return doc.childCount === 1 && only !== null && only.isTextblock && only.content.size === 0;\n}\n\n/**\n * One delegated click handler per body: a click on any rendered anchor —\n * source chip, asset chip, plain link — goes through the SDK's link-click\n * path (`linkClicks` on the provider, then the asset panel for an Athena\n * citation) and is cancelled when that path handled it; otherwise the\n * anchor's own `target=\"_blank\"` navigation runs. Only the native `click`\n * can be cancelled — a `mouseup` handler cannot stop the navigation. A\n * modified click (Cmd/Ctrl for a new tab, Shift for a new window, Alt for a\n * download) is the browser's and is never intercepted.\n */\nfunction useChatLinkClick() {\n  const handleLinkClick = useAthenaLinkClickHandler();\n  return useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        event.button !== 0 ||\n        event.defaultPrevented ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      ) {\n        return;\n      }\n      const target = event.target;\n      const element =\n        target instanceof Element\n          ? target\n          : target instanceof Node\n            ? target.parentElement\n            : null;\n      const anchor = element?.closest(\"a[href]\");\n      if (\n        !(anchor instanceof HTMLAnchorElement) ||\n        !event.currentTarget.contains(anchor)\n      ) {\n        return;\n      }\n      const handled = handleLinkClick({\n        href: anchor.getAttribute(\"href\") ?? anchor.href,\n        // A citation chip's text ends with its place (`p.10`); the asset is named without it.\n        linkText: anchor.getAttribute(\"data-mention-name\") ?? anchor.textContent,\n        target: anchor.target,\n        nativeEvent: event.nativeEvent,\n      });\n      if (handled) event.preventDefault();\n    },\n    [handleLinkClick],\n  );\n}\n\n/** Where the block still being written ends: its last text block, and that block's last text node (none inside code). */\ninterface StreamingTail {\n  textblock: ProseMirrorNode | null;\n  text: ProseMirrorNode | null;\n}\n\nfunction findStreamingTail(doc: ProseMirrorNode): StreamingTail {\n  const tail: StreamingTail = { textblock: null, text: null };\n  doc.descendants((node) => {\n    if (node.isTextblock) {\n      tail.textblock = node;\n      tail.text = null;\n    } else if (\n      node.isText &&\n      tail.textblock &&\n      tail.textblock.type.name !== \"codeBlock\"\n    ) {\n      tail.text = node;\n    }\n    return true;\n  });\n  return tail;\n}\n\n/** How many trailing words keep their own span, so a word's settle animation outlives the tokens after it. */\nconst FRESH_WORD_WINDOW = 6;\nconst WORD = /\\s*\\S+/g;\n\n/**\n * The newest words of the streaming block, each in a span keyed by its\n * position so the same element persists while the word grows and the words\n * after it arrive; a span mounts tinted and settles to ink through\n * `animate-chat-word-settle`. Words that leave the window render as text.\n */\nfunction renderFreshWords(text: string): ReactNode {\n  const words = [...text.matchAll(WORD)];\n  if (words.length === 0) return text;\n  const from = Math.max(0, words.length - FRESH_WORD_WINDOW);\n  const first = words[from]!;\n  const last = words[words.length - 1]!;\n  return (\n    <>\n      {text.slice(0, first.index)}\n      {words.slice(from).map((word, offset) => (\n        <span\n          key={from + offset}\n          className=\"animate-chat-word-settle motion-reduce:animate-none\"\n          data-chat-fresh=\"\"\n        >\n          {word[0]}\n        </span>\n      ))}\n      {text.slice(last.index + last[0].length)}\n    </>\n  );\n}\n\n/** A thin blinking caret after the newest text while the part streams; no layout of its own beyond a hairline. */\nfunction StreamingCaret() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-chat-caret=\"\"\n      className=\"ml-0.5 inline-block h-[1em] w-0.5 rounded-full bg-primary align-[-0.125em] animate-chat-caret-blink motion-reduce:animate-none\"\n    />\n  );\n}\n\nfunction renderNode(\n  node: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode {\n  if (node.isText) {\n    return tail?.text === node ? renderFreshWords(node.text ?? \"\") : node.text;\n  }\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>\n          {node.textContent}\n          {tail?.textblock === node ? <StreamingCaret /> : null}\n        </code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  if (!toDOM) return null;\n  if (node.isLeaf) return renderDOMOutputSpec(toDOM(node), null);\n  const content = renderContent(node, tail);\n  if (tail?.textblock === node) content.push(<StreamingCaret key=\"caret\" />);\n  return renderDOMOutputSpec(toDOM(node), content);\n}\n\nfunction renderContent(\n  parent: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0, tail);\n}\n\n/** Match ProseMirror's spanning marks: a link with bold words stays one link. */\nfunction renderMarkRuns(\n  nodes: readonly ProseMirrorNode[],\n  depth: number,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const children: ReactNode[] = [];\n  let index = 0;\n  while (index < nodes.length) {\n    const node = nodes[index]!;\n    const mark = node.marks[depth];\n    if (!mark) {\n      children.push(<Fragment key={index}>{renderNode(node, tail)}</Fragment>);\n      index++;\n      continue;\n    }\n    let end = index + 1;\n    if (mark.type.spec.spanning !== false) {\n      while (end < nodes.length && nodes[end]?.marks[depth]?.eq(mark)) end++;\n    }\n    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <ChatLink href={mark.attrs.href} excerpt={mark.attrs.excerpt}>\n          {content}\n        </ChatLink>\n      ) : mark.type.spec.toDOM ? (\n        renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content)\n      ) : (\n        content\n      );\n    children.push(<Fragment key={index}>{rendered}</Fragment>);\n    index = end;\n  }\n  return children;\n}\n"],"names":["useSyncExternalStore","useMemo","splitChatBlocks","jsx","CHAT_TEXT_CLASS","memo","ChatBlock","parseTypedChatText","parseChatText","StreamingCodeBlock","Fragment","useAthenaLinkClickHandler","useCallback","jsxs","ChatMention","ChatCodeBlock","renderDOMOutputSpec","ChatLink"],"mappings":";;;;;;;;;;AAyBA,MAAM,YAAY,MAAM,MAAM;AAAC;AAC/B,MAAM,kBAAkB,MAAM;AAC9B,MAAM,iBAAiB,MAAM;AAgBtB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AACV,GAIG;AACD,QAAM,SAASA,MAAAA;AAAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,UAAU,iBAAA;AAChB,QAAM,EAAE,QAAQ,YAAA,IAAgBC,MAAAA;AAAAA,IAC9B,MAAMC,WAAAA,gBAAgB,MAAM,EAAE,WAAW,WAAW;AAAA,IACpD,CAAC,MAAM,SAAS;AAAA,EAAA;AAElB;AAAA;AAAA;AAAA,IAGEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,eAAAA;AAAAA,QACX,kBAAe;AAAA,QACf,eAAa,YAAY,YAAY;AAAA,QACrC;AAAA,QAEC,UAAA,SACG,OAAO,IAAI,CAAC,OAAO,UACjBD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAM,MAAM;AAAA,YACZ;AAAA,YACA,WAAW,MAAM;AAAA,YACjB,WAAW,aAAa,UAAU,OAAO,SAAS;AAAA,YAClD;AAAA,UAAA;AAAA,UALK;AAAA,QAAA,CAOR,IACD;AAAA,MAAA;AAAA,IAAA;AAAA;AAGV;AAQA,MAAM,YAAYE,MAAAA,KAAK,SAASC,WAAU;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AAID,QAAM,OAAO,YAAY,YAAY;AACrC,QAAM,MAAML,MAAAA,QAAQ,MAAM;AACxB,QAAI,KAAM,QAAO;AACjB,UAAM,WAAW,cAAc,GAAG,IAAI;AAAA;AAAA,EAAO,WAAW,KAAK;AAC7D,WAAO,QAAQM,eAAAA,mBAAmB,QAAQ,IAAIC,eAAAA,cAAc,QAAQ;AAAA,EACtE,GAAG,CAAC,MAAM,aAAa,MAAM,KAAK,CAAC;AACnC,MAAI,MAAM;AACR,WACEL,2BAAAA;AAAAA,MAACM,cAAAA;AAAAA,MAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,MAAM,KAAK;AAAA,QACX,sCAAQ,gBAAA,CAAA,CAAe;AAAA,MAAA;AAAA,IAAA;AAAA,EAG7B;AAGA,MAAI,CAAC,OAAO,WAAW,GAAG,EAAG,QAAO;AACpC,SAAON,+BAAAO,WAAAA,UAAA,EAAG,wBAAc,KAAK,YAAY,kBAAkB,GAAG,IAAI,IAAI,EAAA,CAAE;AAC1E,CAAC;AAED,SAAS,WAAW,KAA+B;AACjD,MAAI,IAAI,eAAe,EAAG,QAAO;AACjC,QAAM,OAAO,IAAI;AACjB,SAAO,IAAI,eAAe,KAAK,SAAS,QAAQ,KAAK,eAAe,KAAK,QAAQ,SAAS;AAC5F;AAYA,SAAS,mBAAmB;AAC1B,QAAM,kBAAkBC,oBAAAA,0BAAA;AACxB,SAAOC,MAAAA;AAAAA,IACL,CAAC,UAAsC;AACrC,UACE,MAAM,WAAW,KACjB,MAAM,oBACN,MAAM,WACN,MAAM,WACN,MAAM,YACN,MAAM,QACN;AACA;AAAA,MACF;AACA,YAAM,SAAS,MAAM;AACrB,YAAM,UACJ,kBAAkB,UACd,SACA,kBAAkB,OAChB,OAAO,gBACP;AACR,YAAM,SAAS,mCAAS,QAAQ;AAChC,UACE,EAAE,kBAAkB,sBACpB,CAAC,MAAM,cAAc,SAAS,MAAM,GACpC;AACA;AAAA,MACF;AACA,YAAM,UAAU,gBAAgB;AAAA,QAC9B,MAAM,OAAO,aAAa,MAAM,KAAK,OAAO;AAAA;AAAA,QAE5C,UAAU,OAAO,aAAa,mBAAmB,KAAK,OAAO;AAAA,QAC7D,QAAQ,OAAO;AAAA,QACf,aAAa,MAAM;AAAA,MAAA,CACpB;AACD,UAAI,eAAe,eAAA;AAAA,IACrB;AAAA,IACA,CAAC,eAAe;AAAA,EAAA;AAEpB;AAQA,SAAS,kBAAkB,KAAqC;AAC9D,QAAM,OAAsB,EAAE,WAAW,MAAM,MAAM,KAAA;AACrD,MAAI,YAAY,CAAC,SAAS;AACxB,QAAI,KAAK,aAAa;AACpB,WAAK,YAAY;AACjB,WAAK,OAAO;AAAA,IACd,WACE,KAAK,UACL,KAAK,aACL,KAAK,UAAU,KAAK,SAAS,aAC7B;AACA,WAAK,OAAO;AAAA,IACd;AACA,WAAO;AAAA,EACT,CAAC;AACD,SAAO;AACT;AAGA,MAAM,oBAAoB;AAC1B,MAAM,OAAO;AAQb,SAAS,iBAAiB,MAAyB;AACjD,QAAM,QAAQ,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC;AACrC,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,QAAM,OAAO,KAAK,IAAI,GAAG,MAAM,SAAS,iBAAiB;AACzD,QAAM,QAAQ,MAAM,IAAI;AACxB,QAAM,OAAO,MAAM,MAAM,SAAS,CAAC;AACnC,SACEC,2BAAAA,KAAAH,qBAAA,EACG,UAAA;AAAA,IAAA,KAAK,MAAM,GAAG,MAAM,KAAK;AAAA,IACzB,MAAM,MAAM,IAAI,EAAE,IAAI,CAAC,MAAM,WAC5BP,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QACV,mBAAgB;AAAA,QAEf,eAAK,CAAC;AAAA,MAAA;AAAA,MAJF,OAAO;AAAA,IAAA,CAMf;AAAA,IACA,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC,EAAE,MAAM;AAAA,EAAA,GACzC;AAEJ;AAGA,SAAS,iBAAiB;AACxB,SACEA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,mBAAgB;AAAA,MAChB,WAAU;AAAA,IAAA;AAAA,EAAA;AAGhB;AAEA,SAAS,WACP,MACA,MACW;AACX,MAAI,KAAK,QAAQ;AACf,YAAO,6BAAM,UAAS,OAAO,iBAAiB,KAAK,QAAQ,EAAE,IAAI,KAAK;AAAA,EACxE;AACA,MAAI,KAAK,KAAK,SAAS,UAAW,QAAOA,+BAACW,cAAAA,eAAY,MAAY;AAClE,MAAI,KAAK,KAAK,SAAS,aAAa;AAClC,WACEX,2BAAAA,IAACY,cAAAA,eAAA,EAAc,MACb,UAAAF,gCAAC,QAAA,EACE,UAAA;AAAA,MAAA,KAAK;AAAA,OACL,6BAAM,eAAc,OAAOV,2BAAAA,IAAC,kBAAe,IAAK;AAAA,IAAA,EAAA,CACnD,EAAA,CACF;AAAA,EAEJ;AACA,QAAM,QAAQ,KAAK,KAAK,KAAK;AAC7B,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,KAAK,OAAQ,QAAOa,cAAAA,oBAAoB,MAAM,IAAI,GAAG,IAAI;AAC7D,QAAM,UAAU,cAAc,MAAM,IAAI;AACxC,OAAI,6BAAM,eAAc,KAAM,SAAQ,KAAKb,2BAAAA,IAAC,gBAAA,IAAmB,OAAQ,CAAE;AACzE,SAAOa,kCAAoB,MAAM,IAAI,GAAG,OAAO;AACjD;AAEA,SAAS,cACP,QACA,MACa;AACb,QAAM,QAA2B,CAAA;AACjC,SAAO,QAAQ,CAAC,SAAS;AACvB,UAAM,KAAK,IAAI;AAAA,EACjB,CAAC;AACD,SAAO,eAAe,OAAO,GAAG,IAAI;AACtC;AAGA,SAAS,eACP,OACA,OACA,MACa;;AACb,QAAM,WAAwB,CAAA;AAC9B,MAAI,QAAQ;AACZ,SAAO,QAAQ,MAAM,QAAQ;AAC3B,UAAM,OAAO,MAAM,KAAK;AACxB,UAAM,OAAO,KAAK,MAAM,KAAK;AAC7B,QAAI,CAAC,MAAM;AACT,eAAS,oCAAMN,MAAAA,UAAA,EAAsB,qBAAW,MAAM,IAAI,EAAA,GAA7B,KAA+B,CAAW;AACvE;AACA;AAAA,IACF;AACA,QAAI,MAAM,QAAQ;AAClB,QAAI,KAAK,KAAK,KAAK,aAAa,OAAO;AACrC,aAAO,MAAM,MAAM,YAAU,iBAAM,GAAG,MAAT,mBAAY,MAAM,WAAlB,mBAA0B,GAAG,OAAO;AAAA,IACnE;AACA,UAAM,UAAU,eAAe,MAAM,MAAM,OAAO,GAAG,GAAG,QAAQ,GAAG,IAAI;AACvE,UAAM,WACJ,KAAK,KAAK,SAAS,SACjBP,2BAAAA,IAACc,SAAAA,UAAA,EAAS,MAAM,KAAK,MAAM,MAAM,SAAS,KAAK,MAAM,SAClD,UAAA,QAAA,CACH,IACE,KAAK,KAAK,KAAK,QACjBD,kCAAoB,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI,GAAG,OAAO,IAE7D;AAEJ,aAAS,KAAKb,2BAAAA,IAACO,MAAAA,UAAA,EAAsB,UAAA,SAAA,GAAR,KAAiB,CAAW;AACzD,YAAQ;AAAA,EACV;AACA,SAAO;AACT;;"}
+{"version":3,"file":"chat-message-body.cjs","sources":["../../../src/chat-ui/rich-text/chat-message-body.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Fragment,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { useAthenaLinkClickHandler } from \"../../chat/athena-citation-links\";\nimport { type OpenFence, splitChatBlocks } from \"./chat-blocks\";\nimport { ChatLink } from \"./chat-link\";\nimport {\n  ChatCodeBlock,\n  ChatMention,\n  StreamingCodeBlock,\n} from \"./chat-node-views\";\nimport {\n  CHAT_TEXT_CLASS,\n  parseChatText,\n  parseTypedChatText,\n} from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/**\n * Render the composer's document schema through its own node/mark serializers.\n *\n * The text is split into its top-level blocks (`splitChatBlocks`), each parsed\n * and drawn by its own memoized component under one `CHAT_TEXT_CLASS`\n * wrapper. While a reply streams, only the trailing block re-parses with each\n * token; every finished block keeps its parse and its DOM. The trailing block\n * reveals its newest words with a settle tint and a caret, and a fenced code\n * block still being written renders as plain code until its fence closes.\n *\n * `typed` reads the text as a person typed it (`parseTypedChatText`: raw HTML\n * and underscore emphasis stay the characters they were typed with), for the\n * user bubble; assistant text keeps the full reading.\n */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n  typed = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n  typed?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const onClick = useChatLinkClick();\n  const { blocks, definitions } = useMemo(\n    () => splitChatBlocks(text, { streaming: isRunning }),\n    [text, isRunning],\n  );\n  return (\n    // The click handler only delegates for the anchors inside, which are\n    // themselves focusable and keyboard-operable; the wrapper is not a control.\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n      onClick={onClick}\n    >\n      {hasDom\n        ? blocks.map((block, index) => (\n            <ChatBlock\n              key={index}\n              text={block.text}\n              definitions={definitions}\n              openFence={block.openFence}\n              streaming={isRunning && index === blocks.length - 1}\n              typed={typed}\n            />\n          ))\n        : text}\n    </div>\n  );\n}\n\n/**\n * One top-level block. Memoized on its inputs: a finished block's `text` never\n * changes again, so React skips it on every token that lands in the block\n * after it. Only the trailing block carries `streaming` (and, while its code\n * fence is open, `openFence`).\n */\nconst ChatBlock = memo(function ChatBlock({\n  text,\n  definitions,\n  openFence,\n  streaming,\n  typed,\n}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: boolean;\n  typed: boolean;\n}) {\n  // A fence is only \"open\" while the part streams. A message that ended\n  // mid-fence parses as the code block it is (markdown-it closes it at the\n  // end), copy action and all, with no caret.\n  const open = streaming ? openFence : null;\n  const doc = useMemo(() => {\n    if (open) return null;\n    const markdown = definitions ? `${text}\\n\\n${definitions}` : text;\n    return typed ? parseTypedChatText(markdown) : parseChatText(markdown);\n  }, [text, definitions, open, typed]);\n  if (open) {\n    return (\n      <StreamingCodeBlock\n        language={open.language}\n        code={open.code}\n        caret={<StreamingCaret />}\n      />\n    );\n  }\n  // A block of nothing but reference definitions parses to one empty\n  // paragraph (the schema's default content); draw nothing for it.\n  if (!doc || isEmptyDoc(doc)) return null;\n  return <>{renderContent(doc, streaming ? findStreamingTail(doc) : null)}</>;\n});\n\nfunction isEmptyDoc(doc: ProseMirrorNode): boolean {\n  if (doc.childCount === 0) return true;\n  const only = doc.firstChild;\n  return doc.childCount === 1 && only !== null && only.isTextblock && only.content.size === 0;\n}\n\n/**\n * One delegated click handler per body: a click on any rendered anchor —\n * source chip, asset chip, plain link — goes through the SDK's link-click\n * path (`linkClicks` on the provider, then the asset panel for an Athena\n * citation) and is cancelled when that path handled it; otherwise the\n * anchor's own `target=\"_blank\"` navigation runs. Only the native `click`\n * can be cancelled — a `mouseup` handler cannot stop the navigation. A\n * modified click (Cmd/Ctrl for a new tab, Shift for a new window, Alt for a\n * download) is the browser's and is never intercepted.\n */\nexport function useChatLinkClick() {\n  const handleLinkClick = useAthenaLinkClickHandler();\n  return useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        event.button !== 0 ||\n        event.defaultPrevented ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      ) {\n        return;\n      }\n      const target = event.target;\n      const element =\n        target instanceof Element\n          ? target\n          : target instanceof Node\n            ? target.parentElement\n            : null;\n      const anchor = element?.closest(\"a[href]\");\n      if (\n        !(anchor instanceof HTMLAnchorElement) ||\n        !event.currentTarget.contains(anchor)\n      ) {\n        return;\n      }\n      const handled = handleLinkClick({\n        href: anchor.getAttribute(\"href\") ?? anchor.href,\n        // A citation chip's text ends with its place (`p.10`); the asset is named without it.\n        linkText: anchor.getAttribute(\"data-mention-name\") ?? anchor.textContent,\n        target: anchor.target,\n        nativeEvent: event.nativeEvent,\n      });\n      if (handled) event.preventDefault();\n    },\n    [handleLinkClick],\n  );\n}\n\n/** Where the block still being written ends: its last text block, and that block's last text node (none inside code). */\ninterface StreamingTail {\n  textblock: ProseMirrorNode | null;\n  text: ProseMirrorNode | null;\n}\n\nfunction findStreamingTail(doc: ProseMirrorNode): StreamingTail {\n  const tail: StreamingTail = { textblock: null, text: null };\n  doc.descendants((node) => {\n    if (node.isTextblock) {\n      tail.textblock = node;\n      tail.text = null;\n    } else if (\n      node.isText &&\n      tail.textblock &&\n      tail.textblock.type.name !== \"codeBlock\"\n    ) {\n      tail.text = node;\n    }\n    return true;\n  });\n  return tail;\n}\n\n/** How many trailing words keep their own span, so a word's settle animation outlives the tokens after it. */\nconst FRESH_WORD_WINDOW = 6;\nconst WORD = /\\s*\\S+/g;\n\n/**\n * The newest words of the streaming block, each in a span keyed by its\n * position so the same element persists while the word grows and the words\n * after it arrive; a span mounts tinted and settles to ink through\n * `animate-chat-word-settle`. Words that leave the window render as text.\n */\nfunction renderFreshWords(text: string): ReactNode {\n  const words = [...text.matchAll(WORD)];\n  if (words.length === 0) return text;\n  const from = Math.max(0, words.length - FRESH_WORD_WINDOW);\n  const first = words[from]!;\n  const last = words[words.length - 1]!;\n  return (\n    <>\n      {text.slice(0, first.index)}\n      {words.slice(from).map((word, offset) => (\n        <span\n          key={from + offset}\n          className=\"animate-chat-word-settle motion-reduce:animate-none\"\n          data-chat-fresh=\"\"\n        >\n          {word[0]}\n        </span>\n      ))}\n      {text.slice(last.index + last[0].length)}\n    </>\n  );\n}\n\n/** A thin blinking caret after the newest text while the part streams; no layout of its own beyond a hairline. */\nfunction StreamingCaret() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-chat-caret=\"\"\n      className=\"ml-0.5 inline-block h-[1em] w-0.5 rounded-full bg-primary align-[-0.125em] animate-chat-caret-blink motion-reduce:animate-none\"\n    />\n  );\n}\n\nfunction renderNode(\n  node: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode {\n  if (node.isText) {\n    return tail?.text === node ? renderFreshWords(node.text ?? \"\") : node.text;\n  }\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>\n          {node.textContent}\n          {tail?.textblock === node ? <StreamingCaret /> : null}\n        </code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  if (!toDOM) return null;\n  if (node.isLeaf) return renderDOMOutputSpec(toDOM(node), null);\n  const content = renderContent(node, tail);\n  if (tail?.textblock === node) content.push(<StreamingCaret key=\"caret\" />);\n  return renderDOMOutputSpec(toDOM(node), content);\n}\n\nfunction renderContent(\n  parent: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0, tail);\n}\n\n/** Match ProseMirror's spanning marks: a link with bold words stays one link. */\nfunction renderMarkRuns(\n  nodes: readonly ProseMirrorNode[],\n  depth: number,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const children: ReactNode[] = [];\n  let index = 0;\n  while (index < nodes.length) {\n    const node = nodes[index]!;\n    const mark = node.marks[depth];\n    if (!mark) {\n      children.push(<Fragment key={index}>{renderNode(node, tail)}</Fragment>);\n      index++;\n      continue;\n    }\n    let end = index + 1;\n    if (mark.type.spec.spanning !== false) {\n      while (end < nodes.length && nodes[end]?.marks[depth]?.eq(mark)) end++;\n    }\n    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <ChatLink href={mark.attrs.href} excerpt={mark.attrs.excerpt}>\n          {content}\n        </ChatLink>\n      ) : mark.type.spec.toDOM ? (\n        renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content)\n      ) : (\n        content\n      );\n    children.push(<Fragment key={index}>{rendered}</Fragment>);\n    index = end;\n  }\n  return children;\n}\n"],"names":["useSyncExternalStore","useMemo","splitChatBlocks","jsx","CHAT_TEXT_CLASS","memo","ChatBlock","parseTypedChatText","parseChatText","StreamingCodeBlock","Fragment","useAthenaLinkClickHandler","useCallback","jsxs","ChatMention","ChatCodeBlock","renderDOMOutputSpec","ChatLink"],"mappings":"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"}

package/dist/chat-ui/rich-text/chat-message-body.d.ts

@@ -1,3 +1,4 @@
+import { type MouseEvent } from "react";
 /**
  * Render the composer's document schema through its own node/mark serializers.
  *
@@ -17,3 +18,14 @@ export declare function ChatMessageBody({ text, isRunning, typed, }: {
     isRunning?: boolean;
     typed?: boolean;
 }): import("react").JSX.Element;
+/**
+ * One delegated click handler per body: a click on any rendered anchor —
+ * source chip, asset chip, plain link — goes through the SDK's link-click
+ * path (`linkClicks` on the provider, then the asset panel for an Athena
+ * citation) and is cancelled when that path handled it; otherwise the
+ * anchor's own `target="_blank"` navigation runs. Only the native `click`
+ * can be cancelled — a `mouseup` handler cannot stop the navigation. A
+ * modified click (Cmd/Ctrl for a new tab, Shift for a new window, Alt for a
+ * download) is the browser's and is never intercepted.
+ */
+export declare function useChatLinkClick(): (event: MouseEvent<HTMLDivElement>) => void;

package/dist/chat-ui/rich-text/chat-message-body.js

@@ -202,6 +202,7 @@ function renderMarkRuns(nodes, depth, tail) {
   return children;
 }
 export {
-  ChatMessageBody
+  ChatMessageBody,
+  useChatLinkClick
 };
 //# sourceMappingURL=chat-message-body.js.map

package/dist/chat-ui/rich-text/chat-message-body.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message-body.js","sources":["../../../src/chat-ui/rich-text/chat-message-body.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Fragment,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { useAthenaLinkClickHandler } from \"../../chat/athena-citation-links\";\nimport { type OpenFence, splitChatBlocks } from \"./chat-blocks\";\nimport { ChatLink } from \"./chat-link\";\nimport {\n  ChatCodeBlock,\n  ChatMention,\n  StreamingCodeBlock,\n} from \"./chat-node-views\";\nimport {\n  CHAT_TEXT_CLASS,\n  parseChatText,\n  parseTypedChatText,\n} from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/**\n * Render the composer's document schema through its own node/mark serializers.\n *\n * The text is split into its top-level blocks (`splitChatBlocks`), each parsed\n * and drawn by its own memoized component under one `CHAT_TEXT_CLASS`\n * wrapper. While a reply streams, only the trailing block re-parses with each\n * token; every finished block keeps its parse and its DOM. The trailing block\n * reveals its newest words with a settle tint and a caret, and a fenced code\n * block still being written renders as plain code until its fence closes.\n *\n * `typed` reads the text as a person typed it (`parseTypedChatText`: raw HTML\n * and underscore emphasis stay the characters they were typed with), for the\n * user bubble; assistant text keeps the full reading.\n */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n  typed = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n  typed?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const onClick = useChatLinkClick();\n  const { blocks, definitions } = useMemo(\n    () => splitChatBlocks(text, { streaming: isRunning }),\n    [text, isRunning],\n  );\n  return (\n    // The click handler only delegates for the anchors inside, which are\n    // themselves focusable and keyboard-operable; the wrapper is not a control.\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n      onClick={onClick}\n    >\n      {hasDom\n        ? blocks.map((block, index) => (\n            <ChatBlock\n              key={index}\n              text={block.text}\n              definitions={definitions}\n              openFence={block.openFence}\n              streaming={isRunning && index === blocks.length - 1}\n              typed={typed}\n            />\n          ))\n        : text}\n    </div>\n  );\n}\n\n/**\n * One top-level block. Memoized on its inputs: a finished block's `text` never\n * changes again, so React skips it on every token that lands in the block\n * after it. Only the trailing block carries `streaming` (and, while its code\n * fence is open, `openFence`).\n */\nconst ChatBlock = memo(function ChatBlock({\n  text,\n  definitions,\n  openFence,\n  streaming,\n  typed,\n}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: boolean;\n  typed: boolean;\n}) {\n  // A fence is only \"open\" while the part streams. A message that ended\n  // mid-fence parses as the code block it is (markdown-it closes it at the\n  // end), copy action and all, with no caret.\n  const open = streaming ? openFence : null;\n  const doc = useMemo(() => {\n    if (open) return null;\n    const markdown = definitions ? `${text}\\n\\n${definitions}` : text;\n    return typed ? parseTypedChatText(markdown) : parseChatText(markdown);\n  }, [text, definitions, open, typed]);\n  if (open) {\n    return (\n      <StreamingCodeBlock\n        language={open.language}\n        code={open.code}\n        caret={<StreamingCaret />}\n      />\n    );\n  }\n  // A block of nothing but reference definitions parses to one empty\n  // paragraph (the schema's default content); draw nothing for it.\n  if (!doc || isEmptyDoc(doc)) return null;\n  return <>{renderContent(doc, streaming ? findStreamingTail(doc) : null)}</>;\n});\n\nfunction isEmptyDoc(doc: ProseMirrorNode): boolean {\n  if (doc.childCount === 0) return true;\n  const only = doc.firstChild;\n  return doc.childCount === 1 && only !== null && only.isTextblock && only.content.size === 0;\n}\n\n/**\n * One delegated click handler per body: a click on any rendered anchor —\n * source chip, asset chip, plain link — goes through the SDK's link-click\n * path (`linkClicks` on the provider, then the asset panel for an Athena\n * citation) and is cancelled when that path handled it; otherwise the\n * anchor's own `target=\"_blank\"` navigation runs. Only the native `click`\n * can be cancelled — a `mouseup` handler cannot stop the navigation. A\n * modified click (Cmd/Ctrl for a new tab, Shift for a new window, Alt for a\n * download) is the browser's and is never intercepted.\n */\nfunction useChatLinkClick() {\n  const handleLinkClick = useAthenaLinkClickHandler();\n  return useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        event.button !== 0 ||\n        event.defaultPrevented ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      ) {\n        return;\n      }\n      const target = event.target;\n      const element =\n        target instanceof Element\n          ? target\n          : target instanceof Node\n            ? target.parentElement\n            : null;\n      const anchor = element?.closest(\"a[href]\");\n      if (\n        !(anchor instanceof HTMLAnchorElement) ||\n        !event.currentTarget.contains(anchor)\n      ) {\n        return;\n      }\n      const handled = handleLinkClick({\n        href: anchor.getAttribute(\"href\") ?? anchor.href,\n        // A citation chip's text ends with its place (`p.10`); the asset is named without it.\n        linkText: anchor.getAttribute(\"data-mention-name\") ?? anchor.textContent,\n        target: anchor.target,\n        nativeEvent: event.nativeEvent,\n      });\n      if (handled) event.preventDefault();\n    },\n    [handleLinkClick],\n  );\n}\n\n/** Where the block still being written ends: its last text block, and that block's last text node (none inside code). */\ninterface StreamingTail {\n  textblock: ProseMirrorNode | null;\n  text: ProseMirrorNode | null;\n}\n\nfunction findStreamingTail(doc: ProseMirrorNode): StreamingTail {\n  const tail: StreamingTail = { textblock: null, text: null };\n  doc.descendants((node) => {\n    if (node.isTextblock) {\n      tail.textblock = node;\n      tail.text = null;\n    } else if (\n      node.isText &&\n      tail.textblock &&\n      tail.textblock.type.name !== \"codeBlock\"\n    ) {\n      tail.text = node;\n    }\n    return true;\n  });\n  return tail;\n}\n\n/** How many trailing words keep their own span, so a word's settle animation outlives the tokens after it. */\nconst FRESH_WORD_WINDOW = 6;\nconst WORD = /\\s*\\S+/g;\n\n/**\n * The newest words of the streaming block, each in a span keyed by its\n * position so the same element persists while the word grows and the words\n * after it arrive; a span mounts tinted and settles to ink through\n * `animate-chat-word-settle`. Words that leave the window render as text.\n */\nfunction renderFreshWords(text: string): ReactNode {\n  const words = [...text.matchAll(WORD)];\n  if (words.length === 0) return text;\n  const from = Math.max(0, words.length - FRESH_WORD_WINDOW);\n  const first = words[from]!;\n  const last = words[words.length - 1]!;\n  return (\n    <>\n      {text.slice(0, first.index)}\n      {words.slice(from).map((word, offset) => (\n        <span\n          key={from + offset}\n          className=\"animate-chat-word-settle motion-reduce:animate-none\"\n          data-chat-fresh=\"\"\n        >\n          {word[0]}\n        </span>\n      ))}\n      {text.slice(last.index + last[0].length)}\n    </>\n  );\n}\n\n/** A thin blinking caret after the newest text while the part streams; no layout of its own beyond a hairline. */\nfunction StreamingCaret() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-chat-caret=\"\"\n      className=\"ml-0.5 inline-block h-[1em] w-0.5 rounded-full bg-primary align-[-0.125em] animate-chat-caret-blink motion-reduce:animate-none\"\n    />\n  );\n}\n\nfunction renderNode(\n  node: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode {\n  if (node.isText) {\n    return tail?.text === node ? renderFreshWords(node.text ?? \"\") : node.text;\n  }\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>\n          {node.textContent}\n          {tail?.textblock === node ? <StreamingCaret /> : null}\n        </code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  if (!toDOM) return null;\n  if (node.isLeaf) return renderDOMOutputSpec(toDOM(node), null);\n  const content = renderContent(node, tail);\n  if (tail?.textblock === node) content.push(<StreamingCaret key=\"caret\" />);\n  return renderDOMOutputSpec(toDOM(node), content);\n}\n\nfunction renderContent(\n  parent: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0, tail);\n}\n\n/** Match ProseMirror's spanning marks: a link with bold words stays one link. */\nfunction renderMarkRuns(\n  nodes: readonly ProseMirrorNode[],\n  depth: number,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const children: ReactNode[] = [];\n  let index = 0;\n  while (index < nodes.length) {\n    const node = nodes[index]!;\n    const mark = node.marks[depth];\n    if (!mark) {\n      children.push(<Fragment key={index}>{renderNode(node, tail)}</Fragment>);\n      index++;\n      continue;\n    }\n    let end = index + 1;\n    if (mark.type.spec.spanning !== false) {\n      while (end < nodes.length && nodes[end]?.marks[depth]?.eq(mark)) end++;\n    }\n    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <ChatLink href={mark.attrs.href} excerpt={mark.attrs.excerpt}>\n          {content}\n        </ChatLink>\n      ) : mark.type.spec.toDOM ? (\n        renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content)\n      ) : (\n        content\n      );\n    children.push(<Fragment key={index}>{rendered}</Fragment>);\n    index = end;\n  }\n  return children;\n}\n"],"names":["ChatBlock","Fragment"],"mappings":"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"}
+{"version":3,"file":"chat-message-body.js","sources":["../../../src/chat-ui/rich-text/chat-message-body.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  Fragment,\n  memo,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useSyncExternalStore,\n} from \"react\";\nimport { useAthenaLinkClickHandler } from \"../../chat/athena-citation-links\";\nimport { type OpenFence, splitChatBlocks } from \"./chat-blocks\";\nimport { ChatLink } from \"./chat-link\";\nimport {\n  ChatCodeBlock,\n  ChatMention,\n  StreamingCodeBlock,\n} from \"./chat-node-views\";\nimport {\n  CHAT_TEXT_CLASS,\n  parseChatText,\n  parseTypedChatText,\n} from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/**\n * Render the composer's document schema through its own node/mark serializers.\n *\n * The text is split into its top-level blocks (`splitChatBlocks`), each parsed\n * and drawn by its own memoized component under one `CHAT_TEXT_CLASS`\n * wrapper. While a reply streams, only the trailing block re-parses with each\n * token; every finished block keeps its parse and its DOM. The trailing block\n * reveals its newest words with a settle tint and a caret, and a fenced code\n * block still being written renders as plain code until its fence closes.\n *\n * `typed` reads the text as a person typed it (`parseTypedChatText`: raw HTML\n * and underscore emphasis stay the characters they were typed with), for the\n * user bubble; assistant text keeps the full reading.\n */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n  typed = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n  typed?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const onClick = useChatLinkClick();\n  const { blocks, definitions } = useMemo(\n    () => splitChatBlocks(text, { streaming: isRunning }),\n    [text, isRunning],\n  );\n  return (\n    // The click handler only delegates for the anchors inside, which are\n    // themselves focusable and keyboard-operable; the wrapper is not a control.\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n      onClick={onClick}\n    >\n      {hasDom\n        ? blocks.map((block, index) => (\n            <ChatBlock\n              key={index}\n              text={block.text}\n              definitions={definitions}\n              openFence={block.openFence}\n              streaming={isRunning && index === blocks.length - 1}\n              typed={typed}\n            />\n          ))\n        : text}\n    </div>\n  );\n}\n\n/**\n * One top-level block. Memoized on its inputs: a finished block's `text` never\n * changes again, so React skips it on every token that lands in the block\n * after it. Only the trailing block carries `streaming` (and, while its code\n * fence is open, `openFence`).\n */\nconst ChatBlock = memo(function ChatBlock({\n  text,\n  definitions,\n  openFence,\n  streaming,\n  typed,\n}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: boolean;\n  typed: boolean;\n}) {\n  // A fence is only \"open\" while the part streams. A message that ended\n  // mid-fence parses as the code block it is (markdown-it closes it at the\n  // end), copy action and all, with no caret.\n  const open = streaming ? openFence : null;\n  const doc = useMemo(() => {\n    if (open) return null;\n    const markdown = definitions ? `${text}\\n\\n${definitions}` : text;\n    return typed ? parseTypedChatText(markdown) : parseChatText(markdown);\n  }, [text, definitions, open, typed]);\n  if (open) {\n    return (\n      <StreamingCodeBlock\n        language={open.language}\n        code={open.code}\n        caret={<StreamingCaret />}\n      />\n    );\n  }\n  // A block of nothing but reference definitions parses to one empty\n  // paragraph (the schema's default content); draw nothing for it.\n  if (!doc || isEmptyDoc(doc)) return null;\n  return <>{renderContent(doc, streaming ? findStreamingTail(doc) : null)}</>;\n});\n\nfunction isEmptyDoc(doc: ProseMirrorNode): boolean {\n  if (doc.childCount === 0) return true;\n  const only = doc.firstChild;\n  return doc.childCount === 1 && only !== null && only.isTextblock && only.content.size === 0;\n}\n\n/**\n * One delegated click handler per body: a click on any rendered anchor —\n * source chip, asset chip, plain link — goes through the SDK's link-click\n * path (`linkClicks` on the provider, then the asset panel for an Athena\n * citation) and is cancelled when that path handled it; otherwise the\n * anchor's own `target=\"_blank\"` navigation runs. Only the native `click`\n * can be cancelled — a `mouseup` handler cannot stop the navigation. A\n * modified click (Cmd/Ctrl for a new tab, Shift for a new window, Alt for a\n * download) is the browser's and is never intercepted.\n */\nexport function useChatLinkClick() {\n  const handleLinkClick = useAthenaLinkClickHandler();\n  return useCallback(\n    (event: MouseEvent<HTMLDivElement>) => {\n      if (\n        event.button !== 0 ||\n        event.defaultPrevented ||\n        event.metaKey ||\n        event.ctrlKey ||\n        event.shiftKey ||\n        event.altKey\n      ) {\n        return;\n      }\n      const target = event.target;\n      const element =\n        target instanceof Element\n          ? target\n          : target instanceof Node\n            ? target.parentElement\n            : null;\n      const anchor = element?.closest(\"a[href]\");\n      if (\n        !(anchor instanceof HTMLAnchorElement) ||\n        !event.currentTarget.contains(anchor)\n      ) {\n        return;\n      }\n      const handled = handleLinkClick({\n        href: anchor.getAttribute(\"href\") ?? anchor.href,\n        // A citation chip's text ends with its place (`p.10`); the asset is named without it.\n        linkText: anchor.getAttribute(\"data-mention-name\") ?? anchor.textContent,\n        target: anchor.target,\n        nativeEvent: event.nativeEvent,\n      });\n      if (handled) event.preventDefault();\n    },\n    [handleLinkClick],\n  );\n}\n\n/** Where the block still being written ends: its last text block, and that block's last text node (none inside code). */\ninterface StreamingTail {\n  textblock: ProseMirrorNode | null;\n  text: ProseMirrorNode | null;\n}\n\nfunction findStreamingTail(doc: ProseMirrorNode): StreamingTail {\n  const tail: StreamingTail = { textblock: null, text: null };\n  doc.descendants((node) => {\n    if (node.isTextblock) {\n      tail.textblock = node;\n      tail.text = null;\n    } else if (\n      node.isText &&\n      tail.textblock &&\n      tail.textblock.type.name !== \"codeBlock\"\n    ) {\n      tail.text = node;\n    }\n    return true;\n  });\n  return tail;\n}\n\n/** How many trailing words keep their own span, so a word's settle animation outlives the tokens after it. */\nconst FRESH_WORD_WINDOW = 6;\nconst WORD = /\\s*\\S+/g;\n\n/**\n * The newest words of the streaming block, each in a span keyed by its\n * position so the same element persists while the word grows and the words\n * after it arrive; a span mounts tinted and settles to ink through\n * `animate-chat-word-settle`. Words that leave the window render as text.\n */\nfunction renderFreshWords(text: string): ReactNode {\n  const words = [...text.matchAll(WORD)];\n  if (words.length === 0) return text;\n  const from = Math.max(0, words.length - FRESH_WORD_WINDOW);\n  const first = words[from]!;\n  const last = words[words.length - 1]!;\n  return (\n    <>\n      {text.slice(0, first.index)}\n      {words.slice(from).map((word, offset) => (\n        <span\n          key={from + offset}\n          className=\"animate-chat-word-settle motion-reduce:animate-none\"\n          data-chat-fresh=\"\"\n        >\n          {word[0]}\n        </span>\n      ))}\n      {text.slice(last.index + last[0].length)}\n    </>\n  );\n}\n\n/** A thin blinking caret after the newest text while the part streams; no layout of its own beyond a hairline. */\nfunction StreamingCaret() {\n  return (\n    <span\n      aria-hidden=\"true\"\n      data-chat-caret=\"\"\n      className=\"ml-0.5 inline-block h-[1em] w-0.5 rounded-full bg-primary align-[-0.125em] animate-chat-caret-blink motion-reduce:animate-none\"\n    />\n  );\n}\n\nfunction renderNode(\n  node: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode {\n  if (node.isText) {\n    return tail?.text === node ? renderFreshWords(node.text ?? \"\") : node.text;\n  }\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>\n          {node.textContent}\n          {tail?.textblock === node ? <StreamingCaret /> : null}\n        </code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  if (!toDOM) return null;\n  if (node.isLeaf) return renderDOMOutputSpec(toDOM(node), null);\n  const content = renderContent(node, tail);\n  if (tail?.textblock === node) content.push(<StreamingCaret key=\"caret\" />);\n  return renderDOMOutputSpec(toDOM(node), content);\n}\n\nfunction renderContent(\n  parent: ProseMirrorNode,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0, tail);\n}\n\n/** Match ProseMirror's spanning marks: a link with bold words stays one link. */\nfunction renderMarkRuns(\n  nodes: readonly ProseMirrorNode[],\n  depth: number,\n  tail: StreamingTail | null,\n): ReactNode[] {\n  const children: ReactNode[] = [];\n  let index = 0;\n  while (index < nodes.length) {\n    const node = nodes[index]!;\n    const mark = node.marks[depth];\n    if (!mark) {\n      children.push(<Fragment key={index}>{renderNode(node, tail)}</Fragment>);\n      index++;\n      continue;\n    }\n    let end = index + 1;\n    if (mark.type.spec.spanning !== false) {\n      while (end < nodes.length && nodes[end]?.marks[depth]?.eq(mark)) end++;\n    }\n    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <ChatLink href={mark.attrs.href} excerpt={mark.attrs.excerpt}>\n          {content}\n        </ChatLink>\n      ) : mark.type.spec.toDOM ? (\n        renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content)\n      ) : (\n        content\n      );\n    children.push(<Fragment key={index}>{rendered}</Fragment>);\n    index = end;\n  }\n  return children;\n}\n"],"names":["ChatBlock","Fragment"],"mappings":"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"}

package/dist/chat-ui/rich-text/chat-node-views.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("@tiptap/react");
 const lucideReact = require("lucide-react");
-const react$1 = require("react");
+const require$$0 = require("react");
 const mentionChip = require("../mentions/mention-chip.cjs");
 const mentionExtension = require("../mentions/mention-extension.cjs");
 const cnfast = require("cnfast");
@@ -38,20 +38,20 @@ function ChatMentionNodeView({ node, editor }) {
 }
 const COPIED_RESET_MS = 1500;
 function CodeBlockCopyButton({ node }) {
-  const [status, setStatus] = react$1.useState("idle");
-  const resetTimer = react$1.useRef(null);
-  react$1.useEffect(
+  const [status, setStatus] = require$$0.useState("idle");
+  const resetTimer = require$$0.useRef(null);
+  require$$0.useEffect(
     () => () => {
       if (resetTimer.current) clearTimeout(resetTimer.current);
     },
     []
   );
-  const flash = react$1.useCallback((next) => {
+  const flash = require$$0.useCallback((next) => {
     setStatus(next);
     if (resetTimer.current) clearTimeout(resetTimer.current);
     resetTimer.current = setTimeout(() => setStatus("idle"), COPIED_RESET_MS);
   }, []);
-  const onCopy = react$1.useCallback(() => {
+  const onCopy = require$$0.useCallback(() => {
     if (typeof navigator === "undefined" || !navigator.clipboard) {
       flash("failed");
       return;

package/dist/chat-ui/rich-text/chat-node-views.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-node-views.cjs","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      // The chip inside draws the pill; the host draws no box of its own (styles.css).\n      data-chip-host=\"\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":["jsx","MentionLink","makeMentionUrl","NodeViewWrapper","useState","useRef","useEffect","useCallback","cn","CheckIcon","XIcon","CopyIcon","jsxs","NodeViewContent"],"mappings":"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"}
+{"version":3,"file":"chat-node-views.cjs","sources":["../../../src/chat-ui/rich-text/chat-node-views.tsx"],"sourcesContent":["import type { Node as ProseMirrorNode } from \"@tiptap/pm/model\";\nimport {\n  NodeViewContent,\n  NodeViewWrapper,\n  type NodeViewProps,\n} from \"@tiptap/react\";\nimport { CheckIcon, CopyIcon, XIcon } from \"lucide-react\";\nimport { type ReactNode, useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  makeMentionUrl,\n  type MentionNodeAttrs,\n} from \"../mentions/mention-extension\";\n\nexport function ChatMention({\n  node,\n  interactive = true,\n}: {\n  node: ProseMirrorNode;\n  interactive?: boolean;\n}) {\n  return (\n    <span\n      className=\"mention-chip\"\n      // The chip inside draws the pill; the host draws no box of its own (styles.css).\n      data-chip-host=\"\"\n      data-mention=\"\"\n      data-type={node.attrs.type}\n      data-name={node.attrs.name}\n      data-id={node.attrs.id}\n      data-asset-type={node.attrs.assetType}\n      data-display-as-preview={String(node.attrs.displayAsPreview === true)}\n    >\n      <MentionLink\n        href={makeMentionUrl(node.attrs as MentionNodeAttrs)}\n        interactive={interactive}\n      >\n        {node.attrs.name}\n      </MentionLink>\n    </span>\n  );\n}\n\nexport function ChatMentionNodeView({ node, editor }: NodeViewProps) {\n  return (\n    <NodeViewWrapper as=\"span\">\n      <ChatMention node={node} interactive={!editor.isEditable} />\n    </NodeViewWrapper>\n  );\n}\n\nconst COPIED_RESET_MS = 1500;\n\n/**\n * Copies the block's source. Reads `node.textContent` at click time so a\n * still-streaming block copies what is on screen, not a stale snapshot.\n */\nfunction CodeBlockCopyButton({ node }: { node: ProseMirrorNode }) {\n  const [status, setStatus] = useState<\"idle\" | \"copied\" | \"failed\">(\"idle\");\n  const resetTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  useEffect(\n    () => () => {\n      if (resetTimer.current) clearTimeout(resetTimer.current);\n    },\n    [],\n  );\n  const flash = useCallback((next: \"copied\" | \"failed\") => {\n    setStatus(next);\n    if (resetTimer.current) clearTimeout(resetTimer.current);\n    resetTimer.current = setTimeout(() => setStatus(\"idle\"), COPIED_RESET_MS);\n  }, []);\n  const onCopy = useCallback(() => {\n    // writeText rejects when clipboard-write is denied (permissions, an\n    // embedding iframe without the allow attribute); surface that instead of\n    // leaving an unhandled rejection and a button that looks like it worked.\n    if (typeof navigator === \"undefined\" || !navigator.clipboard) {\n      flash(\"failed\");\n      return;\n    }\n    navigator.clipboard.writeText(node.textContent).then(\n      () => flash(\"copied\"),\n      () => flash(\"failed\"),\n    );\n  }, [node, flash]);\n  const label =\n    status === \"copied\" ? \"Copied\" : status === \"failed\" ? \"Copy failed\" : \"Copy code\";\n  return (\n    <button\n      type=\"button\"\n      title={label}\n      aria-label={label}\n      onClick={onCopy}\n      className={cn(\n        \"inline-flex size-6 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground\",\n        \"opacity-0 transition-opacity group-hover/code-block:opacity-100 focus-visible:opacity-100\",\n        status !== \"idle\" && \"opacity-100\",\n        status === \"failed\" && \"text-destructive\",\n      )}\n    >\n      {status === \"copied\" ? (\n        <CheckIcon className=\"size-3.5\" />\n      ) : status === \"failed\" ? (\n        <XIcon className=\"size-3.5\" />\n      ) : (\n        <CopyIcon className=\"size-3.5\" />\n      )}\n    </button>\n  );\n}\n\n/** The frame both code renderings share: language label, an optional corner action, the `<pre>`. */\nfunction CodeBlockFrame({\n  language,\n  action,\n  children,\n  ...attributes\n}: {\n  language: string | null | undefined;\n  action?: ReactNode;\n  children: ReactNode;\n  \"data-chat-open-fence\"?: string;\n}) {\n  return (\n    <div\n      className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\"\n      {...attributes}\n    >\n      {language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {language}\n        </div>\n      )}\n      {action && (\n        <div className=\"absolute top-1 right-1\" contentEditable={false}>\n          {action}\n        </div>\n      )}\n      <pre className=\"overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground\">\n        {children}\n      </pre>\n    </div>\n  );\n}\n\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame\n      language={node.attrs.language}\n      action={<CodeBlockCopyButton node={node} />}\n    >\n      {children}\n    </CodeBlockFrame>\n  );\n}\n\n/**\n * A fenced block whose closing fence has not arrived: the same frame with the\n * code as plain text and no copy action (there is no settled source to copy\n * yet). Anything that decorates code — highlighting, a language pick — belongs\n * after the fence closes, when the block parses into a `codeBlock` node.\n */\nexport function StreamingCodeBlock({\n  language,\n  code,\n  caret,\n}: {\n  language: string;\n  code: string;\n  caret?: ReactNode;\n}) {\n  return (\n    <CodeBlockFrame language={language || null} data-chat-open-fence=\"\">\n      <code>\n        {code}\n        {caret}\n      </code>\n    </CodeBlockFrame>\n  );\n}\n\nexport function ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent<\"code\"> as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":["jsx","MentionLink","makeMentionUrl","NodeViewWrapper","useState","useRef","useEffect","useCallback","cn","CheckIcon","XIcon","CopyIcon","jsxs","NodeViewContent"],"mappings":"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"}

package/dist/chat-ui/rich-text/dom-output-spec.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
+const require$$0 = require("react");
 const ATTRIBUTE_PROPS = {
   class: "className",
   for: "htmlFor",
@@ -75,7 +75,7 @@ function renderDOMOutputSpec(spec, content, key) {
   const props = attributesToProps(attrs);
   if (tagName === "input") props.disabled = true;
   if (key !== void 0) props.key = key;
-  return react.createElement(tagName, props, ...rendered);
+  return require$$0.createElement(tagName, props, ...rendered);
 }
 exports.attributesToProps = attributesToProps;
 exports.renderDOMOutputSpec = renderDOMOutputSpec;

package/dist/chat-ui/rich-text/dom-output-spec.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom-output-spec.cjs","sources":["../../../src/chat-ui/rich-text/dom-output-spec.tsx"],"sourcesContent":["import type { DOMOutputSpec } from \"@tiptap/pm/model\";\nimport { type CSSProperties, createElement, type ReactNode } from \"react\";\n\n/**\n * ProseMirror's `DOMOutputSpec` (what every node and mark's `renderHTML`\n * returns) rendered as React elements, so the static message body draws a\n * node exactly as the editor's DOM serializer would — same tag, same\n * attributes, same nesting — with the node's content placed at the spec's hole.\n *\n * Only the array form is supported. A spec that hands back a live DOM node\n * belongs to a node view, and those nodes never reach this renderer (the parser\n * reports them as unsupported).\n */\n\n/** HTML attribute names whose React prop is spelled differently. */\nconst ATTRIBUTE_PROPS: Readonly<Record<string, string>> = {\n  class: \"className\",\n  for: \"htmlFor\",\n  tabindex: \"tabIndex\",\n  contenteditable: \"contentEditable\",\n  spellcheck: \"spellCheck\",\n  colspan: \"colSpan\",\n  rowspan: \"rowSpan\",\n  readonly: \"readOnly\",\n  maxlength: \"maxLength\",\n  autocomplete: \"autoComplete\",\n  crossorigin: \"crossOrigin\",\n  srcset: \"srcSet\",\n  datetime: \"dateTime\",\n};\n\n/** `text-align: center; --x: 1` → `{ textAlign: 'center', '--x': '1' }`. */\nexport function styleTextToObject(style: string): CSSProperties {\n  const result: Record<string, string> = {};\n  for (const declaration of style.split(\";\")) {\n    const separator = declaration.indexOf(\":\");\n    if (separator === -1) continue;\n    const property = declaration.slice(0, separator).trim();\n    const value = declaration.slice(separator + 1).trim();\n    if (property === \"\" || value === \"\") continue;\n    const key = property.startsWith(\"--\")\n      ? property\n      : property.replace(/-([a-z])/g, (_match, letter: string) =>\n          letter.toUpperCase(),\n        );\n    result[key] = value;\n  }\n  return result as CSSProperties;\n}\n\n/** A spec's attribute object as React props. `null`/`undefined` values are dropped, like the serializer drops them. */\nexport function attributesToProps(\n  attrs: Record<string, unknown>,\n): Record<string, unknown> {\n  const props: Record<string, unknown> = {};\n  for (const [name, value] of Object.entries(attrs)) {\n    if (value === null || value === undefined) continue;\n    if (name === \"style\" && typeof value === \"string\") {\n      props.style = styleTextToObject(value);\n      continue;\n    }\n    // A checkbox spec carries `checked: 'checked'` (or null): an uncontrolled input.\n    if (name === \"checked\") {\n      props.defaultChecked = value !== false;\n      continue;\n    }\n    props[ATTRIBUTE_PROPS[name] ?? name] = value;\n  }\n  return props;\n}\n\nfunction isAttributeObject(value: unknown): value is Record<string, unknown> {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    !Array.isArray(value) &&\n    !(typeof Node !== \"undefined\" && value instanceof Node)\n  );\n}\n\n/**\n * Render a spec, placing `content` at its hole (`0`). Throws for a spec the\n * array grammar cannot express (a DOM node, a `{ dom, contentDOM }` pair).\n */\nexport function renderDOMOutputSpec(\n  spec: DOMOutputSpec,\n  content: ReactNode,\n  key?: string | number,\n): ReactNode {\n  if (typeof spec === \"string\") return spec;\n  if (!Array.isArray(spec)) {\n    throw new Error(\n      \"static message body: DOMOutputSpec must use the array form\",\n    );\n  }\n  const [tag, ...rest] = spec;\n  if (typeof tag !== \"string\") {\n    throw new Error(\"static message body: DOMOutputSpec tag must be a string\");\n  }\n  // A namespaced tag (`svg:...`) is never produced by the message schema.\n  const tagName = tag.includes(\" \") ? tag.slice(tag.lastIndexOf(\" \") + 1) : tag;\n  let attrs: Record<string, unknown> = {};\n  let children: unknown[] = rest;\n  if (rest.length > 0 && isAttributeObject(rest[0])) {\n    attrs = rest[0];\n    children = rest.slice(1);\n  }\n  const rendered = children.map((child, index) =>\n    child === 0\n      ? content\n      : renderDOMOutputSpec(child as DOMOutputSpec, content, index),\n  );\n  const props = attributesToProps(attrs);\n  if (tagName === \"input\") props.disabled = true;\n  if (key !== undefined) props.key = key;\n  return createElement(tagName, props, ...rendered);\n}\n"],"names":["createElement"],"mappings":";;;AAeA,MAAM,kBAAoD;AAAA,EACxD,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AACZ;AAGO,SAAS,kBAAkB,OAA8B;AAC9D,QAAM,SAAiC,CAAA;AACvC,aAAW,eAAe,MAAM,MAAM,GAAG,GAAG;AAC1C,UAAM,YAAY,YAAY,QAAQ,GAAG;AACzC,QAAI,cAAc,GAAI;AACtB,UAAM,WAAW,YAAY,MAAM,GAAG,SAAS,EAAE,KAAA;AACjD,UAAM,QAAQ,YAAY,MAAM,YAAY,CAAC,EAAE,KAAA;AAC/C,QAAI,aAAa,MAAM,UAAU,GAAI;AACrC,UAAM,MAAM,SAAS,WAAW,IAAI,IAChC,WACA,SAAS;AAAA,MAAQ;AAAA,MAAa,CAAC,QAAQ,WACrC,OAAO,YAAA;AAAA,IAAY;AAEzB,WAAO,GAAG,IAAI;AAAA,EAChB;AACA,SAAO;AACT;AAGO,SAAS,kBACd,OACyB;AACzB,QAAM,QAAiC,CAAA;AACvC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AACjD,QAAI,UAAU,QAAQ,UAAU,OAAW;AAC3C,QAAI,SAAS,WAAW,OAAO,UAAU,UAAU;AACjD,YAAM,QAAQ,kBAAkB,KAAK;AACrC;AAAA,IACF;AAEA,QAAI,SAAS,WAAW;AACtB,YAAM,iBAAiB,UAAU;AACjC;AAAA,IACF;AACA,UAAM,gBAAgB,IAAI,KAAK,IAAI,IAAI;AAAA,EACzC;AACA,SAAO;AACT;AAEA,SAAS,kBAAkB,OAAkD;AAC3E,SACE,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,EAAE,OAAO,SAAS,eAAe,iBAAiB;AAEtD;AAMO,SAAS,oBACd,MACA,SACA,KACW;AACX,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,MAAI,CAAC,MAAM,QAAQ,IAAI,GAAG;AACxB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,CAAC,KAAK,GAAG,IAAI,IAAI;AACvB,MAAI,OAAO,QAAQ,UAAU;AAC3B,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,UAAU,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,IAAI,YAAY,GAAG,IAAI,CAAC,IAAI;AAC1E,MAAI,QAAiC,CAAA;AACrC,MAAI,WAAsB;AAC1B,MAAI,KAAK,SAAS,KAAK,kBAAkB,KAAK,CAAC,CAAC,GAAG;AACjD,YAAQ,KAAK,CAAC;AACd,eAAW,KAAK,MAAM,CAAC;AAAA,EACzB;AACA,QAAM,WAAW,SAAS;AAAA,IAAI,CAAC,OAAO,UACpC,UAAU,IACN,UACA,oBAAoB,OAAwB,SAAS,KAAK;AAAA,EAAA;AAEhE,QAAM,QAAQ,kBAAkB,KAAK;AACrC,MAAI,YAAY,QAAS,OAAM,WAAW;AAC1C,MAAI,QAAQ,OAAW,OAAM,MAAM;AACnC,SAAOA,oBAAc,SAAS,OAAO,GAAG,QAAQ;AAClD;;;;"}
+{"version":3,"file":"dom-output-spec.cjs","sources":["../../../src/chat-ui/rich-text/dom-output-spec.tsx"],"sourcesContent":["import type { DOMOutputSpec } from \"@tiptap/pm/model\";\nimport { type CSSProperties, createElement, type ReactNode } from \"react\";\n\n/**\n * ProseMirror's `DOMOutputSpec` (what every node and mark's `renderHTML`\n * returns) rendered as React elements, so the static message body draws a\n * node exactly as the editor's DOM serializer would — same tag, same\n * attributes, same nesting — with the node's content placed at the spec's hole.\n *\n * Only the array form is supported. A spec that hands back a live DOM node\n * belongs to a node view, and those nodes never reach this renderer (the parser\n * reports them as unsupported).\n */\n\n/** HTML attribute names whose React prop is spelled differently. */\nconst ATTRIBUTE_PROPS: Readonly<Record<string, string>> = {\n  class: \"className\",\n  for: \"htmlFor\",\n  tabindex: \"tabIndex\",\n  contenteditable: \"contentEditable\",\n  spellcheck: \"spellCheck\",\n  colspan: \"colSpan\",\n  rowspan: \"rowSpan\",\n  readonly: \"readOnly\",\n  maxlength: \"maxLength\",\n  autocomplete: \"autoComplete\",\n  crossorigin: \"crossOrigin\",\n  srcset: \"srcSet\",\n  datetime: \"dateTime\",\n};\n\n/** `text-align: center; --x: 1` → `{ textAlign: 'center', '--x': '1' }`. */\nexport function styleTextToObject(style: string): CSSProperties {\n  const result: Record<string, string> = {};\n  for (const declaration of style.split(\";\")) {\n    const separator = declaration.indexOf(\":\");\n    if (separator === -1) continue;\n    const property = declaration.slice(0, separator).trim();\n    const value = declaration.slice(separator + 1).trim();\n    if (property === \"\" || value === \"\") continue;\n    const key = property.startsWith(\"--\")\n      ? property\n      : property.replace(/-([a-z])/g, (_match, letter: string) =>\n          letter.toUpperCase(),\n        );\n    result[key] = value;\n  }\n  return result as CSSProperties;\n}\n\n/** A spec's attribute object as React props. `null`/`undefined` values are dropped, like the serializer drops them. */\nexport function attributesToProps(\n  attrs: Record<string, unknown>,\n): Record<string, unknown> {\n  const props: Record<string, unknown> = {};\n  for (const [name, value] of Object.entries(attrs)) {\n    if (value === null || value === undefined) continue;\n    if (name === \"style\" && typeof value === \"string\") {\n      props.style = styleTextToObject(value);\n      continue;\n    }\n    // A checkbox spec carries `checked: 'checked'` (or null): an uncontrolled input.\n    if (name === \"checked\") {\n      props.defaultChecked = value !== false;\n      continue;\n    }\n    props[ATTRIBUTE_PROPS[name] ?? name] = value;\n  }\n  return props;\n}\n\nfunction isAttributeObject(value: unknown): value is Record<string, unknown> {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    !Array.isArray(value) &&\n    !(typeof Node !== \"undefined\" && value instanceof Node)\n  );\n}\n\n/**\n * Render a spec, placing `content` at its hole (`0`). Throws for a spec the\n * array grammar cannot express (a DOM node, a `{ dom, contentDOM }` pair).\n */\nexport function renderDOMOutputSpec(\n  spec: DOMOutputSpec,\n  content: ReactNode,\n  key?: string | number,\n): ReactNode {\n  if (typeof spec === \"string\") return spec;\n  if (!Array.isArray(spec)) {\n    throw new Error(\n      \"static message body: DOMOutputSpec must use the array form\",\n    );\n  }\n  const [tag, ...rest] = spec;\n  if (typeof tag !== \"string\") {\n    throw new Error(\"static message body: DOMOutputSpec tag must be a string\");\n  }\n  // A namespaced tag (`svg:...`) is never produced by the message schema.\n  const tagName = tag.includes(\" \") ? tag.slice(tag.lastIndexOf(\" \") + 1) : tag;\n  let attrs: Record<string, unknown> = {};\n  let children: unknown[] = rest;\n  if (rest.length > 0 && isAttributeObject(rest[0])) {\n    attrs = rest[0];\n    children = rest.slice(1);\n  }\n  const rendered = children.map((child, index) =>\n    child === 0\n      ? content\n      : renderDOMOutputSpec(child as DOMOutputSpec, content, index),\n  );\n  const props = attributesToProps(attrs);\n  if (tagName === \"input\") props.disabled = true;\n  if (key !== undefined) props.key = key;\n  return createElement(tagName, props, ...rendered);\n}\n"],"names":["createElement"],"mappings":";;;AAeA,MAAM,kBAAoD;AAAA,EACxD,OAAO;AAAA,EACP,KAAK;AAAA,EACL,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,UAAU;AACZ;AAGO,SAAS,kBAAkB,OAA8B;AAC9D,QAAM,SAAiC,CAAA;AACvC,aAAW,eAAe,MAAM,MAAM,GAAG,GAAG;AAC1C,UAAM,YAAY,YAAY,QAAQ,GAAG;AACzC,QAAI,cAAc,GAAI;AACtB,UAAM,WAAW,YAAY,MAAM,GAAG,SAAS,EAAE,KAAA;AACjD,UAAM,QAAQ,YAAY,MAAM,YAAY,CAAC,EAAE,KAAA;AAC/C,QAAI,aAAa,MAAM,UAAU,GAAI;AACrC,UAAM,MAAM,SAAS,WAAW,IAAI,IAChC,WACA,SAAS;AAAA,MAAQ;AAAA,MAAa,CAAC,QAAQ,WACrC,OAAO,YAAA;AAAA,IAAY;AAEzB,WAAO,GAAG,IAAI;AAAA,EAChB;AACA,SAAO;AACT;AAGO,SAAS,kBACd,OACyB;AACzB,QAAM,QAAiC,CAAA;AACvC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AACjD,QAAI,UAAU,QAAQ,UAAU,OAAW;AAC3C,QAAI,SAAS,WAAW,OAAO,UAAU,UAAU;AACjD,YAAM,QAAQ,kBAAkB,KAAK;AACrC;AAAA,IACF;AAEA,QAAI,SAAS,WAAW;AACtB,YAAM,iBAAiB,UAAU;AACjC;AAAA,IACF;AACA,UAAM,gBAAgB,IAAI,KAAK,IAAI,IAAI;AAAA,EACzC;AACA,SAAO;AACT;AAEA,SAAS,kBAAkB,OAAkD;AAC3E,SACE,OAAO,UAAU,YACjB,UAAU,QACV,CAAC,MAAM,QAAQ,KAAK,KACpB,EAAE,OAAO,SAAS,eAAe,iBAAiB;AAEtD;AAMO,SAAS,oBACd,MACA,SACA,KACW;AACX,MAAI,OAAO,SAAS,SAAU,QAAO;AACrC,MAAI,CAAC,MAAM,QAAQ,IAAI,GAAG;AACxB,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAAA,EAEJ;AACA,QAAM,CAAC,KAAK,GAAG,IAAI,IAAI;AACvB,MAAI,OAAO,QAAQ,UAAU;AAC3B,UAAM,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,UAAU,IAAI,SAAS,GAAG,IAAI,IAAI,MAAM,IAAI,YAAY,GAAG,IAAI,CAAC,IAAI;AAC1E,MAAI,QAAiC,CAAA;AACrC,MAAI,WAAsB;AAC1B,MAAI,KAAK,SAAS,KAAK,kBAAkB,KAAK,CAAC,CAAC,GAAG;AACjD,YAAQ,KAAK,CAAC;AACd,eAAW,KAAK,MAAM,CAAC;AAAA,EACzB;AACA,QAAM,WAAW,SAAS;AAAA,IAAI,CAAC,OAAO,UACpC,UAAU,IACN,UACA,oBAAoB,OAAwB,SAAS,KAAK;AAAA,EAAA;AAEhE,QAAM,QAAQ,kBAAkB,KAAK;AACrC,MAAI,YAAY,QAAS,OAAM,WAAW;AAC1C,MAAI,QAAQ,OAAW,OAAM,MAAM;AACnC,SAAOA,yBAAc,SAAS,OAAO,GAAG,QAAQ;AAClD;;;;"}

package/dist/chat-ui/statewire.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const StatewireApprovalCard = require("../chat/StatewireApprovalCard.cjs");
+const browserDecisionCheck = require("../chat/browser-decision-check.cjs");
 const useStatewireApprovalRequest = require("../chat/use-statewire-approval-request.cjs");
 const StatewireRunRefusalNotice = require("../chat/StatewireRunRefusalNotice.cjs");
 const StatewireQueuedMessages = require("../chat/StatewireQueuedMessages.cjs");
@@ -13,6 +14,8 @@ const WaitingOnYouBanner = require("../chat/WaitingOnYouBanner.cjs");
 const statewireContinueRun = require("./messages/statewire-continue-run.cjs");
 const interrupts = require("../agent-runtime/src/interrupts.cjs");
 exports.StatewireApprovalCard = StatewireApprovalCard.StatewireApprovalCard;
+exports.useAthenaBrowserDecisionConfirmer = browserDecisionCheck.useAthenaBrowserDecisionConfirmer;
+exports.useBrowserDecisionConfirmer = browserDecisionCheck.useBrowserDecisionConfirmer;
 exports.useStatewireApprovalRequest = useStatewireApprovalRequest.useStatewireApprovalRequest;
 exports.useStatewireApprovalWait = useStatewireApprovalRequest.useStatewireApprovalWait;
 exports.RUN_START_REFUSAL_FALLBACK_MESSAGE = StatewireRunRefusalNotice.RUN_START_REFUSAL_FALLBACK_MESSAGE;

package/dist/chat-ui/statewire.cjs.map

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

package/dist/chat-ui/statewire.d.ts

@@ -9,7 +9,8 @@
  *
  * Published as the `@athenaintel/react/chat-ui/statewire` sub-path.
  */
-export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalEditorContext, type StatewireApprovalRequestContext, } from "../chat/StatewireApprovalCard";
+export { StatewireApprovalCard, type StatewireApprovalCardProps, type StatewireApprovalEditorContext, type StatewireApprovalRequestContext, type StatewireDecisionAnswer, type StatewireDecisionConfirmer, } from "../chat/StatewireApprovalCard";
+export { type AthenaBrowserDecisionConfirmerOptions, type BrowserDecisionConfirmerOptions, type PendingBrowserDecisionConfirm, useAthenaBrowserDecisionConfirmer, useBrowserDecisionConfirmer, } from "../chat/browser-decision-check";
 export { type StatewireApprovalRequest, type StatewireApprovalWait, type StatewireInterruptPredicate, type UseStatewireApprovalRequestOptions, useStatewireApprovalRequest, useStatewireApprovalWait, } from "../chat/use-statewire-approval-request";
 export { RUN_START_REFUSAL_FALLBACK_MESSAGE, StatewireRunRefusalNotice, type StatewireRunRefusalNoticeProps, } from "../chat/StatewireRunRefusalNotice";
 export { StatewireQueuedMessages, type StatewireQueueEditorContext, type StatewireQueueEvent, type StatewireQueueRowContentContext, type StatewireQueueRowMarkerContext, type StatewireQueuedMessagesProps, } from "../chat/StatewireQueuedMessages";

package/dist/chat-ui/statewire.js

@@ -1,4 +1,5 @@
 import { StatewireApprovalCard } from "../chat/StatewireApprovalCard.js";
+import { useAthenaBrowserDecisionConfirmer, useBrowserDecisionConfirmer } from "../chat/browser-decision-check.js";
 import { useStatewireApprovalRequest, useStatewireApprovalWait } from "../chat/use-statewire-approval-request.js";
 import { RUN_START_REFUSAL_FALLBACK_MESSAGE, StatewireRunRefusalNotice } from "../chat/StatewireRunRefusalNotice.js";
 import { StatewireQueuedMessages } from "../chat/StatewireQueuedMessages.js";
@@ -28,6 +29,8 @@ export {
   WaitingOnYouBannerView,
   WakeMarkerCard,
   WakeMarkerMessage,
+  useAthenaBrowserDecisionConfirmer,
+  useBrowserDecisionConfirmer,
   useStatewireApprovalRequest,
   useStatewireApprovalWait,
   useStatewireToolOutputs

package/dist/chat-ui/statewire.js.map

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

package/dist/chat-ui/thread/chat-thread-shell.cjs

@@ -1,19 +1,48 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react$1 = require("@assistant-ui/react");
+const react = require("@assistant-ui/react");
 const lucideReact = require("lucide-react");
-const react = require("react");
+const require$$0 = require("react");
 const messageComponents = require("../messages/message-components.cjs");
+const answerLabel = require("../messages/answer-label.cjs");
 const messageActionsConfig = require("../messages/message-actions-config.cjs");
 const userEditComposer = require("../messages/user-edit-composer.cjs");
 const runningIndicator = require("../messages/running-indicator.cjs");
+const handoffArrivalDivider = require("../messages/handoff-arrival-divider.cjs");
+const fromTheCallCard = require("../messages/from-the-call-card.cjs");
 const threadChrome = require("../messages/thread-chrome.cjs");
+const messages = require("../../agent-runtime/src/messages.cjs");
+const withArrivalDivider = /* @__PURE__ */ (() => {
+  const wrapped = /* @__PURE__ */ new WeakMap();
+  return (Message) => {
+    const existing = wrapped.get(Message);
+    if (existing) return existing;
+    const WithArrivalDivider = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Message, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(fromTheCallCard.FromTheCallAfterMessage, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(handoffArrivalDivider.HandoffArrivalAfterMessage, {})
+    ] });
+    wrapped.set(Message, WithArrivalDivider);
+    return WithArrivalDivider;
+  };
+})();
+const ROW_KEY_SEPARATOR = "\0";
+const ThreadRows = ({ components }) => {
+  const joinedKeys = react.useAuiState(
+    (s) => s.thread.messages.map((message) => messages.deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR)
+  );
+  const rowKeys = require$$0.useMemo(
+    () => joinedKeys === "" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR),
+    [joinedKeys]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowKeys.map((key, index) => /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.MessageByIndex, { index, components }, key)) });
+};
 const DEFAULT_VIEWPORT_CLASS = "relative flex flex-1 flex-col overflow-y-auto scroll-smooth";
 const DEFAULT_CONTENT_CLASS = "w-full flex-1 px-3 pt-3";
 const DEFAULT_VIEWPORT_FOOTER_CLASS = "sticky bottom-0";
-const DefaultScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(react$1.AuiIf, { condition: (state) => !state.thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
-  react$1.ThreadPrimitive.ScrollToBottom,
+const DefaultScrollToBottom = () => /* @__PURE__ */ jsxRuntime.jsx(react.AuiIf, { condition: (state) => !state.thread.isEmpty, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-0.5", children: /* @__PURE__ */ jsxRuntime.jsx(
+  react.ThreadPrimitive.ScrollToBottom,
   {
     "aria-label": "Scroll to bottom",
     title: "Scroll to bottom",
@@ -41,24 +70,26 @@ function ChatThreadShell({
   scrollToBottom = /* @__PURE__ */ jsxRuntime.jsx(DefaultScrollToBottom, {}),
   viewportFooter,
   viewportFooterClassName,
-  readOnly = false
+  readOnly = false,
+  arrivalThreadId = null,
+  viewerUserId = null
 }) {
   const {
     UserMessage,
     AssistantMessage,
     UserEditComposer: UserEditComposerComponent = userEditComposer.UserEditComposer
   } = components;
-  const messageComponents2 = react.useMemo(
+  const messageComponents2 = require$$0.useMemo(
     () => ({
-      UserMessage,
-      AssistantMessage,
+      UserMessage: withArrivalDivider(UserMessage),
+      AssistantMessage: withArrivalDivider(AssistantMessage),
       UserEditComposer: UserEditComposerComponent
     }),
     [UserMessage, AssistantMessage, UserEditComposerComponent]
   );
-  const messages = /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Messages, { components: messageComponents2 });
+  const messages2 = /* @__PURE__ */ jsxRuntime.jsx(handoffArrivalDivider.HandoffArrivalScope, { threadId: arrivalThreadId, children: /* @__PURE__ */ jsxRuntime.jsx(answerLabel.AnswerLabelScope, { viewerUserId, children: /* @__PURE__ */ jsxRuntime.jsx(ThreadRows, { components: messageComponents2 }) }) });
   return /* @__PURE__ */ jsxRuntime.jsx(messageActionsConfig.MessageActionsReadOnlyProvider, { readOnly, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    react$1.ThreadPrimitive.Root,
+    react.ThreadPrimitive.Root,
     {
       className: panelClassName ?? threadChrome.THREAD_PANEL_CLASS,
       style: { "--thread-max-width": maxWidth },
@@ -67,7 +98,7 @@ function ChatThreadShell({
         header,
         banners,
         /* @__PURE__ */ jsxRuntime.jsxs(
-          react$1.ThreadPrimitive.Viewport,
+          react.ThreadPrimitive.Viewport,
           {
             turnAnchor,
             className: viewportClassName ?? DEFAULT_VIEWPORT_CLASS,
@@ -75,13 +106,13 @@ function ChatThreadShell({
             children: [
               viewportOverlay,
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col items-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: contentClassName ?? DEFAULT_CONTENT_CLASS, children: [
-                welcome != null ? /* @__PURE__ */ jsxRuntime.jsx(react$1.ThreadPrimitive.Empty, { children: welcome }) : null,
+                welcome != null ? /* @__PURE__ */ jsxRuntime.jsx(react.ThreadPrimitive.Empty, { children: welcome }) : null,
                 beforeMessages,
-                renderMessages ? renderMessages(messages) : messages,
+                renderMessages ? renderMessages(messages2) : messages2,
                 runningIndicator$1
               ] }) }),
               /* @__PURE__ */ jsxRuntime.jsxs(
-                react$1.ThreadPrimitive.ViewportFooter,
+                react.ThreadPrimitive.ViewportFooter,
                 {
                   className: viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS,
                   children: [

package/dist/chat-ui/thread/chat-thread-shell.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat-thread-shell.cjs","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive } from \"@assistant-ui/react\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { CSSProperties, FC, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport {\n  THREAD_PANEL_CLASS,\n  THREAD_SCROLL_TO_BOTTOM_CLASS,\n} from \"../messages/message-components\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\n\nexport interface ChatThreadMessageComponents {\n  UserMessage: FC;\n  AssistantMessage: FC;\n  /**\n   * Rendered in place of a user message while it is being edited (the action\n   * bar's Edit control). Defaults to the shared UserEditComposer.\n   */\n  UserEditComposer?: FC;\n}\n\nconst DEFAULT_VIEWPORT_CLASS =\n  \"relative flex flex-1 flex-col overflow-y-auto scroll-smooth\";\nconst DEFAULT_CONTENT_CLASS = \"w-full flex-1 px-3 pt-3\";\nconst DEFAULT_VIEWPORT_FOOTER_CLASS = \"sticky bottom-0\";\n\nconst DefaultScrollToBottom: FC = () => (\n  <AuiIf condition={(state) => !state.thread.isEmpty}>\n    <div className=\"flex justify-center pb-0.5\">\n      <ThreadPrimitive.ScrollToBottom\n        aria-label=\"Scroll to bottom\"\n        title=\"Scroll to bottom\"\n        className={THREAD_SCROLL_TO_BOTTOM_CLASS}\n      >\n        <ChevronDownIcon className=\"size-3.5\" />\n      </ThreadPrimitive.ScrollToBottom>\n    </div>\n  </AuiIf>\n);\n\nexport interface ChatThreadShellProps {\n  /**\n   * Rendered as the first child of the panel — for absolutely-positioned\n   * scrims that must cover the whole panel (AthenaChat's thread-loading\n   * overlay). The shell does not force a positioning context; hosts include\n   * `relative` in `panelClassName` when the scrim anchors to the panel.\n   */\n  overlay?: ReactNode;\n  /**\n   * Rendered above the viewport, inside the panel: header rows, slide-over\n   * panels, and anything else the host docks at the top.\n   */\n  header?: ReactNode;\n  /** Status/approval banners rendered between the header and the viewport. */\n  banners?: ReactNode;\n  /**\n   * Nodes rendered inside the scroll viewport before the message column —\n   * absolutely/sticky-positioned overlays (thread-switch skeletons,\n   * scroll-to-top controls) and invisible observers (read receipts).\n   */\n  viewportOverlay?: ReactNode;\n  /** Empty-thread state, rendered via ThreadPrimitive.Empty when provided. */\n  welcome?: ReactNode;\n  /**\n   * Rendered inside the message column right above the messages — the\n   * windowed wire's history edge (`StatewireHistoryEdge`): the \"N earlier\n   * messages\" row that pages older history in and fetches cut tool outputs.\n   */\n  beforeMessages?: ReactNode;\n  /** Message renderers for ThreadPrimitive.Messages. */\n  components: ChatThreadMessageComponents;\n  /**\n   * Wraps the messages element — for hosts that provide message-scoped\n   * context (e.g. activity-grouping providers). Must render its argument.\n   */\n  renderMessages?: (messages: ReactNode) => ReactNode;\n  /**\n   * Rendered between the viewport and the composer: connection banners,\n   * queued-message trays.\n   */\n  belowViewport?: ReactNode;\n  /** The composer dock (or a read-only notice replacing it). */\n  composer?: ReactNode;\n  /**\n   * Replaces the docked-panel card chrome — for hosts that render a\n   * full-page column (AthenaChat's `aui-*` surface) instead of the\n   * side-panel/task-pane card.\n   */\n  panelClassName?: string;\n  /**\n   * Value of the `--thread-max-width` variable read by width-capped\n   * message/welcome/footer columns. Panels fill their width (the default,\n   * \"100%\"); full-page hosts cap the column (AthenaChat defaults to 44rem).\n   */\n  maxWidth?: string;\n  /**\n   * Anchors the latest turn to the top of the viewport instead of pinning\n   * scroll to the bottom (AthenaChat). Omitted = the primitive's default.\n   */\n  turnAnchor?: \"top\" | \"bottom\";\n  /** Replaces the scroll-viewport chrome (padding, overflow tuning). */\n  viewportClassName?: string;\n  /**\n   * Replaces the message-column chrome. Hosts whose welcome screen centers\n   * vertically make this a flex column so the welcome node can grow.\n   */\n  contentClassName?: string;\n  /**\n   * Thread-level \"Thinking...\" indicator rendered after the messages. Hosts\n   * whose message components render their own per-message indicators pass\n   * null so the two never double up.\n   */\n  runningIndicator?: ReactNode;\n  /**\n   * Replaces the default centered scroll-to-bottom pill inside the sticky\n   * viewport footer (AthenaChat floats a circular button above its composer).\n   */\n  scrollToBottom?: ReactNode;\n  /**\n   * Content docked inside the sticky viewport footer, after the\n   * scroll-to-bottom control — for hosts whose banners + composer float over\n   * the scrolling messages (AthenaChat) instead of sitting below the\n   * viewport via `belowViewport`/`composer`.\n   */\n  viewportFooter?: ReactNode;\n  /** Replaces the sticky viewport-footer chrome. */\n  viewportFooterClassName?: string;\n  /**\n   * Marks the transcript read-only: mutating message actions (Edit,\n   * Regenerate) hide while Copy stays available. For threads whose server\n   * rejects dispatch (e.g. legacy pre-cutover conversations) — the runtime's\n   * static capability flags cannot express a per-thread fence.\n   */\n  readOnly?: boolean;\n}\n\n/**\n * The shared thread layout: panel chrome, scroll viewport with welcome +\n * messages + running indicator, the sticky scroll-to-bottom control, and the\n * host-supplied composer dock.\n *\n * Hosts express their genuine divergences through the slots above; the\n * layout, scroll behaviour, and empty/running states stay identical across\n * surfaces so fixes land once.\n */\nexport function ChatThreadShell({\n  overlay,\n  header,\n  banners,\n  viewportOverlay,\n  welcome,\n  beforeMessages,\n  components,\n  renderMessages,\n  belowViewport,\n  composer,\n  panelClassName,\n  maxWidth = \"100%\",\n  turnAnchor,\n  viewportClassName,\n  contentClassName,\n  runningIndicator = <ThreadRunningIndicator />,\n  scrollToBottom = <DefaultScrollToBottom />,\n  viewportFooter,\n  viewportFooterClassName,\n  readOnly = false,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // ThreadPrimitive.Messages resolves per-message renderers by component\n  // identity, so keep the merged map referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage,\n      AssistantMessage,\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = <ThreadPrimitive.Messages components={messageComponents} />;\n  return (\n    <MessageActionsReadOnlyProvider readOnly={readOnly}>\n      <ThreadPrimitive.Root\n        className={panelClassName ?? THREAD_PANEL_CLASS}\n        style={{ \"--thread-max-width\": maxWidth } as CSSProperties}\n      >\n        {overlay}\n        {header}\n        {banners}\n        <ThreadPrimitive.Viewport\n          turnAnchor={turnAnchor}\n          className={viewportClassName ?? DEFAULT_VIEWPORT_CLASS}\n          data-aui-thread-viewport=\"\"\n        >\n          {viewportOverlay}\n          {/* No min-h-0 here: the column's automatic minimum height is what\n            lets it extend past one screen, keeping the sticky footer's flow\n            position after the full message list. Capping it detaches the\n            footer (scroll pill, docked composers) as soon as the thread\n            scrolls — proven in a live-browser probe of both structures. */}\n          <div className=\"flex flex-1 flex-col items-center\">\n            <div className={contentClassName ?? DEFAULT_CONTENT_CLASS}>\n              {welcome != null ? (\n                <ThreadPrimitive.Empty>{welcome}</ThreadPrimitive.Empty>\n              ) : null}\n              {beforeMessages}\n              {renderMessages ? renderMessages(messages) : messages}\n              {runningIndicator}\n            </div>\n          </div>\n          <ThreadPrimitive.ViewportFooter\n            className={viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS}\n          >\n            {scrollToBottom}\n            {viewportFooter}\n          </ThreadPrimitive.ViewportFooter>\n        </ThreadPrimitive.Viewport>\n        {belowViewport}\n        {composer}\n      </ThreadPrimitive.Root>\n    </MessageActionsReadOnlyProvider>\n  );\n}\n"],"names":["jsx","AuiIf","ThreadPrimitive","THREAD_SCROLL_TO_BOTTOM_CLASS","ChevronDownIcon","runningIndicator","ThreadRunningIndicator","UserEditComposer","messageComponents","useMemo","MessageActionsReadOnlyProvider","jsxs","THREAD_PANEL_CLASS"],"mappings":";;;;;;;;;;;AAsBA,MAAM,yBACJ;AACF,MAAM,wBAAwB;AAC9B,MAAM,gCAAgC;AAEtC,MAAM,wBAA4B,MAChCA,2BAAAA,IAACC,QAAAA,OAAA,EAAM,WAAW,CAAC,UAAU,CAAC,MAAM,OAAO,SACzC,UAAAD,+BAAC,OAAA,EAAI,WAAU,8BACb,UAAAA,2BAAAA;AAAAA,EAACE,QAAAA,gBAAgB;AAAA,EAAhB;AAAA,IACC,cAAW;AAAA,IACX,OAAM;AAAA,IACN,WAAWC,kBAAAA;AAAAA,IAEX,UAAAH,2BAAAA,IAACI,YAAAA,iBAAA,EAAgB,WAAU,WAAA,CAAW;AAAA,EAAA;AACxC,EAAA,CACF,EAAA,CACF;AA4GK,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EAAA,kBACAC,oDAAoBC,iBAAAA,wBAAA,EAAuB;AAAA,EAC3C,gDAAkB,uBAAA,EAAsB;AAAA,EACxC;AAAA,EACA;AAAA,EACA,WAAW;AACb,GAAyB;AACvB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,kBAAkB,4BAA4BC,iBAAAA;AAAAA,EAAA,IAC5C;AAGJ,QAAMC,qBAAoBC,MAAAA;AAAAA,IACxB,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,kBAAkB;AAAA,IAAA;AAAA,IAEpB,CAAC,aAAa,kBAAkB,yBAAyB;AAAA,EAAA;AAE3D,QAAM,WAAWT,2BAAAA,IAACE,QAAAA,gBAAgB,UAAhB,EAAyB,YAAYM,oBAAmB;AAC1E,SACER,2BAAAA,IAACU,qBAAAA,kCAA+B,UAC9B,UAAAC,2BAAAA;AAAAA,IAACT,QAAAA,gBAAgB;AAAA,IAAhB;AAAA,MACC,WAAW,kBAAkBU,aAAAA;AAAAA,MAC7B,OAAO,EAAE,sBAAsB,SAAA;AAAA,MAE9B,UAAA;AAAA,QAAA;AAAA,QACA;AAAA,QACA;AAAA,QACDD,2BAAAA;AAAAA,UAACT,QAAAA,gBAAgB;AAAA,UAAhB;AAAA,YACC;AAAA,YACA,WAAW,qBAAqB;AAAA,YAChC,4BAAyB;AAAA,YAExB,UAAA;AAAA,cAAA;AAAA,cAMDF,2BAAAA,IAAC,SAAI,WAAU,qCACb,0CAAC,OAAA,EAAI,WAAW,oBAAoB,uBACjC,UAAA;AAAA,gBAAA,WAAW,OACVA,2BAAAA,IAACE,QAAAA,gBAAgB,OAAhB,EAAuB,mBAAQ,IAC9B;AAAA,gBACH;AAAA,gBACA,iBAAiB,eAAe,QAAQ,IAAI;AAAA,gBAC5CG;AAAAA,cAAA,EAAA,CACH,EAAA,CACF;AAAA,cACAM,2BAAAA;AAAAA,gBAACT,QAAAA,gBAAgB;AAAA,gBAAhB;AAAA,kBACC,WAAW,2BAA2B;AAAA,kBAErC,UAAA;AAAA,oBAAA;AAAA,oBACA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YACH;AAAA,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;;"}
+{"version":3,"file":"chat-thread-shell.cjs","sources":["../../../src/chat-ui/thread/chat-thread-shell.tsx"],"sourcesContent":["import { AuiIf, ThreadPrimitive, useAuiState } from \"@assistant-ui/react\";\nimport { deepAgentRowKey } from \"@athenaintel/agent-runtime\";\nimport { ChevronDownIcon } from \"lucide-react\";\nimport type { ComponentProps, CSSProperties, FC, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\nimport {\n  THREAD_PANEL_CLASS,\n  THREAD_SCROLL_TO_BOTTOM_CLASS,\n} from \"../messages/message-components\";\nimport { AnswerLabelScope } from \"../messages/answer-label\";\nimport { MessageActionsReadOnlyProvider } from \"../messages/message-actions-config\";\nimport { UserEditComposer } from \"../messages/user-edit-composer\";\nimport { ThreadRunningIndicator } from \"../messages/running-indicator\";\nimport {\n  HandoffArrivalAfterMessage,\n  HandoffArrivalScope,\n} from \"../messages/handoff-arrival-divider\";\nimport { FromTheCallAfterMessage } from \"../messages/from-the-call-card\";\n\nexport interface ChatThreadMessageComponents {\n  UserMessage: FC;\n  AssistantMessage: FC;\n  /**\n   * Rendered in place of a user message while it is being edited (the action\n   * bar's Edit control). Defaults to the shared UserEditComposer.\n   */\n  UserEditComposer?: FC;\n}\n\n// One wrapper per message renderer, so a renderer keeps its identity across\n// shells and renders: a row renders its message through the component it is\n// handed, and a new component identity would remount every row.\nconst withArrivalDivider = (() => {\n  const wrapped = new WeakMap<FC, FC>();\n  return (Message: FC): FC => {\n    const existing = wrapped.get(Message);\n    if (existing) return existing;\n    // After the message: the \"From the call\" card where a call's stretch\n    // ends, then the arrival divider (the arrival came after the call).\n    const WithArrivalDivider: FC = () => (\n      <>\n        <Message />\n        <FromTheCallAfterMessage />\n        <HandoffArrivalAfterMessage />\n      </>\n    );\n    wrapped.set(Message, WithArrivalDivider);\n    return WithArrivalDivider;\n  };\n})();\n\ntype ThreadRowComponents = ComponentProps<typeof ThreadPrimitive.MessageByIndex>[\"components\"];\n\nconst ROW_KEY_SEPARATOR = \"\\u0000\";\n\n/**\n * The thread's messages, one row each under its row key (`deepAgentRowKey`).\n *\n * `ThreadPrimitive.Messages` keys a row by its message id. A page of older\n * history that folds into the first loaded turn (a long run's earlier steps)\n * gives that turn a new id on every page, so keyed by id the turn's row\n * remounted once per page: it flashed through its entrance animation, closed\n * what the person had opened in it and took the browser's scroll anchor with\n * it. The row key stays with the row the turn continues, so the page lands in\n * the mounted row. A message from another runtime keys by its id, as before.\n */\nconst ThreadRows: FC<{ components: ThreadRowComponents }> = ({ components }) => {\n  const joinedKeys = useAuiState((s) =>\n    s.thread.messages.map((message) => deepAgentRowKey(message)).join(ROW_KEY_SEPARATOR),\n  );\n  const rowKeys = useMemo(\n    () => (joinedKeys === \"\" ? [] : joinedKeys.split(ROW_KEY_SEPARATOR)),\n    [joinedKeys],\n  );\n  return (\n    <>\n      {rowKeys.map((key, index) => (\n        <ThreadPrimitive.MessageByIndex key={key} index={index} components={components} />\n      ))}\n    </>\n  );\n};\n\nconst DEFAULT_VIEWPORT_CLASS =\n  \"relative flex flex-1 flex-col overflow-y-auto scroll-smooth\";\nconst DEFAULT_CONTENT_CLASS = \"w-full flex-1 px-3 pt-3\";\nconst DEFAULT_VIEWPORT_FOOTER_CLASS = \"sticky bottom-0\";\n\nconst DefaultScrollToBottom: FC = () => (\n  <AuiIf condition={(state) => !state.thread.isEmpty}>\n    <div className=\"flex justify-center pb-0.5\">\n      <ThreadPrimitive.ScrollToBottom\n        aria-label=\"Scroll to bottom\"\n        title=\"Scroll to bottom\"\n        className={THREAD_SCROLL_TO_BOTTOM_CLASS}\n      >\n        <ChevronDownIcon className=\"size-3.5\" />\n      </ThreadPrimitive.ScrollToBottom>\n    </div>\n  </AuiIf>\n);\n\nexport interface ChatThreadShellProps {\n  /**\n   * Rendered as the first child of the panel — for absolutely-positioned\n   * scrims that must cover the whole panel (AthenaChat's thread-loading\n   * overlay). The shell does not force a positioning context; hosts include\n   * `relative` in `panelClassName` when the scrim anchors to the panel.\n   */\n  overlay?: ReactNode;\n  /**\n   * Rendered above the viewport, inside the panel: header rows, slide-over\n   * panels, and anything else the host docks at the top.\n   */\n  header?: ReactNode;\n  /** Status/approval banners rendered between the header and the viewport. */\n  banners?: ReactNode;\n  /**\n   * Nodes rendered inside the scroll viewport before the message column —\n   * absolutely/sticky-positioned overlays (thread-switch skeletons,\n   * scroll-to-top controls) and invisible observers (read receipts).\n   */\n  viewportOverlay?: ReactNode;\n  /** Empty-thread state, rendered via ThreadPrimitive.Empty when provided. */\n  welcome?: ReactNode;\n  /**\n   * Rendered inside the message column right above the messages — the\n   * windowed wire's history edge (`StatewireHistoryEdge`): the \"N earlier\n   * messages\" row that pages older history in and fetches cut tool outputs.\n   */\n  beforeMessages?: ReactNode;\n  /** Message renderers for the thread's rows. */\n  components: ChatThreadMessageComponents;\n  /**\n   * Wraps the messages element — for hosts that provide message-scoped\n   * context (e.g. activity-grouping providers). Must render its argument.\n   */\n  renderMessages?: (messages: ReactNode) => ReactNode;\n  /**\n   * Rendered between the viewport and the composer: connection banners,\n   * queued-message trays.\n   */\n  belowViewport?: ReactNode;\n  /** The composer dock (or a read-only notice replacing it). */\n  composer?: ReactNode;\n  /**\n   * Replaces the docked-panel card chrome — for hosts that render a\n   * full-page column (AthenaChat's `aui-*` surface) instead of the\n   * side-panel/task-pane card.\n   */\n  panelClassName?: string;\n  /**\n   * Value of the `--thread-max-width` variable read by width-capped\n   * message/welcome/footer columns. Panels fill their width (the default,\n   * \"100%\"); full-page hosts cap the column (AthenaChat defaults to 44rem).\n   */\n  maxWidth?: string;\n  /**\n   * Anchors the latest turn to the top of the viewport instead of pinning\n   * scroll to the bottom (AthenaChat). Omitted = the primitive's default.\n   */\n  turnAnchor?: \"top\" | \"bottom\";\n  /** Replaces the scroll-viewport chrome (padding, overflow tuning). */\n  viewportClassName?: string;\n  /**\n   * Replaces the message-column chrome. Hosts whose welcome screen centers\n   * vertically make this a flex column so the welcome node can grow.\n   */\n  contentClassName?: string;\n  /**\n   * Thread-level \"Thinking...\" indicator rendered after the messages. Hosts\n   * whose message components render their own per-message indicators pass\n   * null so the two never double up.\n   */\n  runningIndicator?: ReactNode;\n  /**\n   * Replaces the default centered scroll-to-bottom pill inside the sticky\n   * viewport footer (AthenaChat floats a circular button above its composer).\n   */\n  scrollToBottom?: ReactNode;\n  /**\n   * Content docked inside the sticky viewport footer, after the\n   * scroll-to-bottom control — for hosts whose banners + composer float over\n   * the scrolling messages (AthenaChat) instead of sitting below the\n   * viewport via `belowViewport`/`composer`.\n   */\n  viewportFooter?: ReactNode;\n  /** Replaces the sticky viewport-footer chrome. */\n  viewportFooterClassName?: string;\n  /**\n   * Marks the transcript read-only: mutating message actions (Edit,\n   * Regenerate) hide while Copy stays available. For threads whose server\n   * rejects dispatch (e.g. legacy pre-cutover conversations) — the runtime's\n   * static capability flags cannot express a per-thread fence.\n   */\n  readOnly?: boolean;\n  /**\n   * The backend id of the thread on screen. When this surface picked the\n   * conversation up from another one (`recordHandoffArrival`), the transcript\n   * shows \"Continued from …\" after the last message that was already there.\n   */\n  arrivalThreadId?: string | null;\n  /**\n   * The signed-in viewer's Athena user id (`user_…`), for the answer labels\n   * (`AnswerLabel`): their own answers read \"for you\", and an answer for\n   * another person is labelled even in a 1:1 chat. Omitted, answers name the\n   * person by name and are labelled only once the thread holds several agents\n   * or several people.\n   */\n  viewerUserId?: string | null;\n}\n\n/**\n * The shared thread layout: panel chrome, scroll viewport with welcome +\n * messages + running indicator, the sticky scroll-to-bottom control, and the\n * host-supplied composer dock.\n *\n * Hosts express their genuine divergences through the slots above; the\n * layout, scroll behaviour, and empty/running states stay identical across\n * surfaces so fixes land once.\n */\nexport function ChatThreadShell({\n  overlay,\n  header,\n  banners,\n  viewportOverlay,\n  welcome,\n  beforeMessages,\n  components,\n  renderMessages,\n  belowViewport,\n  composer,\n  panelClassName,\n  maxWidth = \"100%\",\n  turnAnchor,\n  viewportClassName,\n  contentClassName,\n  runningIndicator = <ThreadRunningIndicator />,\n  scrollToBottom = <DefaultScrollToBottom />,\n  viewportFooter,\n  viewportFooterClassName,\n  readOnly = false,\n  arrivalThreadId = null,\n  viewerUserId = null,\n}: ChatThreadShellProps) {\n  const {\n    UserMessage,\n    AssistantMessage,\n    UserEditComposer: UserEditComposerComponent = UserEditComposer,\n  } = components;\n  // A row resolves its renderer by component identity, so keep the merged map\n  // referentially stable across renders.\n  const messageComponents = useMemo(\n    () => ({\n      UserMessage: withArrivalDivider(UserMessage),\n      AssistantMessage: withArrivalDivider(AssistantMessage),\n      UserEditComposer: UserEditComposerComponent,\n    }),\n    [UserMessage, AssistantMessage, UserEditComposerComponent],\n  );\n  const messages = (\n    <HandoffArrivalScope threadId={arrivalThreadId}>\n      <AnswerLabelScope viewerUserId={viewerUserId}>\n        <ThreadRows components={messageComponents} />\n      </AnswerLabelScope>\n    </HandoffArrivalScope>\n  );\n  return (\n    <MessageActionsReadOnlyProvider readOnly={readOnly}>\n      <ThreadPrimitive.Root\n        className={panelClassName ?? THREAD_PANEL_CLASS}\n        style={{ \"--thread-max-width\": maxWidth } as CSSProperties}\n      >\n        {overlay}\n        {header}\n        {banners}\n        <ThreadPrimitive.Viewport\n          turnAnchor={turnAnchor}\n          className={viewportClassName ?? DEFAULT_VIEWPORT_CLASS}\n          data-aui-thread-viewport=\"\"\n        >\n          {viewportOverlay}\n          {/* No min-h-0 here: the column's automatic minimum height is what\n            lets it extend past one screen, keeping the sticky footer's flow\n            position after the full message list. Capping it detaches the\n            footer (scroll pill, docked composers) as soon as the thread\n            scrolls — proven in a live-browser probe of both structures. */}\n          <div className=\"flex flex-1 flex-col items-center\">\n            <div className={contentClassName ?? DEFAULT_CONTENT_CLASS}>\n              {welcome != null ? (\n                <ThreadPrimitive.Empty>{welcome}</ThreadPrimitive.Empty>\n              ) : null}\n              {beforeMessages}\n              {renderMessages ? renderMessages(messages) : messages}\n              {runningIndicator}\n            </div>\n          </div>\n          <ThreadPrimitive.ViewportFooter\n            className={viewportFooterClassName ?? DEFAULT_VIEWPORT_FOOTER_CLASS}\n          >\n            {scrollToBottom}\n            {viewportFooter}\n          </ThreadPrimitive.ViewportFooter>\n        </ThreadPrimitive.Viewport>\n        {belowViewport}\n        {composer}\n      </ThreadPrimitive.Root>\n    </MessageActionsReadOnlyProvider>\n  );\n}\n"],"names":["jsxs","Fragment","jsx","FromTheCallAfterMessage","HandoffArrivalAfterMessage","useAuiState","deepAgentRowKey","useMemo","ThreadPrimitive","AuiIf","THREAD_SCROLL_TO_BOTTOM_CLASS","ChevronDownIcon","runningIndicator","ThreadRunningIndicator","UserEditComposer","messageComponents","messages","HandoffArrivalScope","AnswerLabelScope","MessageActionsReadOnlyProvider","THREAD_PANEL_CLASS"],"mappings":"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"}

package/dist/chat-ui/thread/chat-thread-shell.d.ts

@@ -37,7 +37,7 @@ export interface ChatThreadShellProps {
      * messages" row that pages older history in and fetches cut tool outputs.
      */
     beforeMessages?: ReactNode;
-    /** Message renderers for ThreadPrimitive.Messages. */
+    /** Message renderers for the thread's rows. */
     components: ChatThreadMessageComponents;
     /**
      * Wraps the messages element — for hosts that provide message-scoped
@@ -102,6 +102,20 @@ export interface ChatThreadShellProps {
      * static capability flags cannot express a per-thread fence.
      */
     readOnly?: boolean;
+    /**
+     * The backend id of the thread on screen. When this surface picked the
+     * conversation up from another one (`recordHandoffArrival`), the transcript
+     * shows "Continued from …" after the last message that was already there.
+     */
+    arrivalThreadId?: string | null;
+    /**
+     * The signed-in viewer's Athena user id (`user_…`), for the answer labels
+     * (`AnswerLabel`): their own answers read "for you", and an answer for
+     * another person is labelled even in a 1:1 chat. Omitted, answers name the
+     * person by name and are labelled only once the thread holds several agents
+     * or several people.
+     */
+    viewerUserId?: string | null;
 }
 /**
  * The shared thread layout: panel chrome, scroll viewport with welcome +
@@ -112,4 +126,4 @@ export interface ChatThreadShellProps {
  * layout, scroll behaviour, and empty/running states stay identical across
  * surfaces so fixes land once.
  */
-export declare function ChatThreadShell({ overlay, header, banners, viewportOverlay, welcome, beforeMessages, components, renderMessages, belowViewport, composer, panelClassName, maxWidth, turnAnchor, viewportClassName, contentClassName, runningIndicator, scrollToBottom, viewportFooter, viewportFooterClassName, readOnly, }: ChatThreadShellProps): import("react").JSX.Element;
+export declare function ChatThreadShell({ overlay, header, banners, viewportOverlay, welcome, beforeMessages, components, renderMessages, belowViewport, composer, panelClassName, maxWidth, turnAnchor, viewportClassName, contentClassName, runningIndicator, scrollToBottom, viewportFooter, viewportFooterClassName, readOnly, arrivalThreadId, viewerUserId, }: ChatThreadShellProps): import("react").JSX.Element;