@athenaintel/react 0.22.4 → 0.23.1

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 { Fragment, type ReactNode, useMemo, useSyncExternalStore } from \"react\";\nimport {\n  MentionLink,\n  normalizeAthenaMentionHtml,\n} from \"../mentions/mention-chip\";\nimport { ChatCodeBlock, ChatMention } from \"./chat-node-views\";\nimport { CHAT_TEXT_CLASS, parseChatText } from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/** Render the composer's document schema through its own node/mark serializers. */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const doc = useMemo(\n    () => (hasDom ? parseChatText(normalizeAthenaMentionHtml(text)) : null),\n    [hasDom, text],\n  );\n  return (\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n    >\n      {doc ? renderContent(doc) : text}\n    </div>\n  );\n}\n\nfunction renderNode(node: ProseMirrorNode): ReactNode {\n  if (node.isText) return node.text;\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>{node.textContent}</code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  return toDOM\n    ? renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node))\n    : null;\n}\n\nfunction renderContent(parent: ProseMirrorNode): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0);\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): 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)}</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);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <MentionLink href={mark.attrs.href}>{content}</MentionLink>\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","parseChatText","normalizeAthenaMentionHtml","jsx","CHAT_TEXT_CLASS","ChatMention","ChatCodeBlock","renderDOMOutputSpec","Fragment","MentionLink"],"mappings":";;;;;;;;AAUA,MAAM,YAAY,MAAM,MAAM;AAAC;AAC/B,MAAM,kBAAkB,MAAM;AAC9B,MAAM,iBAAiB,MAAM;AAGtB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,YAAY;AACd,GAGG;AACD,QAAM,SAASA,MAAAA;AAAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,MAAMC,MAAAA;AAAAA,IACV,MAAO,SAASC,eAAAA,cAAcC,YAAAA,2BAA2B,IAAI,CAAC,IAAI;AAAA,IAClE,CAAC,QAAQ,IAAI;AAAA,EAAA;AAEf,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,eAAAA;AAAAA,MACX,kBAAe;AAAA,MACf,eAAa,YAAY,YAAY;AAAA,MAEpC,UAAA,MAAM,cAAc,GAAG,IAAI;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAAS,WAAW,MAAkC;AACpD,MAAI,KAAK,OAAQ,QAAO,KAAK;AAC7B,MAAI,KAAK,KAAK,SAAS,UAAW,QAAOD,+BAACE,cAAAA,eAAY,MAAY;AAClE,MAAI,KAAK,KAAK,SAAS,aAAa;AAClC,0CACGC,cAAAA,eAAA,EAAc,MACb,yCAAC,QAAA,EAAM,UAAA,KAAK,aAAY,EAAA,CAC1B;AAAA,EAEJ;AACA,QAAM,QAAQ,KAAK,KAAK,KAAK;AAC7B,SAAO,QACHC,cAAAA,oBAAoB,MAAM,IAAI,GAAG,KAAK,SAAS,OAAO,cAAc,IAAI,CAAC,IACzE;AACN;AAEA,SAAS,cAAc,QAAsC;AAC3D,QAAM,QAA2B,CAAA;AACjC,SAAO,QAAQ,CAAC,SAAS;AACvB,UAAM,KAAK,IAAI;AAAA,EACjB,CAAC;AACD,SAAO,eAAe,OAAO,CAAC;AAChC;AAGA,SAAS,eACP,OACA,OACa;;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,KAAKJ,2BAAAA,IAACK,gBAAA,EAAsB,qBAAW,IAAI,KAAvB,KAAyB,CAAW;AACjE;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,CAAC;AACjE,UAAM,WACJ,KAAK,KAAK,SAAS,SACjBL,2BAAAA,IAACM,yBAAA,EAAY,MAAM,KAAK,MAAM,MAAO,UAAA,QAAA,CAAQ,IAC3C,KAAK,KAAK,KAAK,QACjBF,cAAAA,oBAAoB,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI,GAAG,OAAO,IAE7D;AAEJ,aAAS,KAAKJ,2BAAAA,IAACK,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 { CHAT_TEXT_CLASS, parseChatText } 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 */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n}: {\n  text: string;\n  isRunning?: 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            />\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}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: 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    () =>\n      open ? null : parseChatText(definitions ? `${text}\\n\\n${definitions}` : text),\n    [text, definitions, open],\n  );\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        linkText: 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","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,4 +1,13 @@
-/** Render the composer's document schema through its own node/mark serializers. */
+/**
+ * Render the composer's document schema through its own node/mark serializers.
+ *
+ * The text is split into its top-level blocks (`splitChatBlocks`), each parsed
+ * and drawn by its own memoized component under one `CHAT_TEXT_CLASS`
+ * wrapper. While a reply streams, only the trailing block re-parses with each
+ * token; every finished block keeps its parse and its DOM. The trailing block
+ * reveals its newest words with a settle tint and a caret, and a fenced code
+ * block still being written renders as plain code until its fence closes.
+ */
 export declare function ChatMessageBody({ text, isRunning, }: {
     text: string;
     isRunning?: boolean;

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

@@ -1,8 +1,10 @@
-import { jsx } from "react/jsx-runtime";
-import { useSyncExternalStore, useMemo, Fragment } from "react";
-import { normalizeAthenaMentionHtml, MentionLink } from "../mentions/mention-chip.js";
-import { ChatMention, ChatCodeBlock } from "./chat-node-views.js";
-import { parseChatText, CHAT_TEXT_CLASS } from "./chat-text-schema.js";
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useSyncExternalStore, useMemo, useCallback, memo, Fragment as Fragment$1 } from "react";
+import { useAthenaLinkClickHandler } from "../../chat/athena-citation-links.js";
+import { splitChatBlocks } from "./chat-blocks.js";
+import { ChatLink } from "./chat-link.js";
+import { StreamingCodeBlock, ChatMention, ChatCodeBlock } from "./chat-node-views.js";
+import { CHAT_TEXT_CLASS, parseChatText } from "./chat-text-schema.js";
 import { renderDOMOutputSpec } from "./dom-output-spec.js";
 const subscribe = () => () => {
 };
@@ -17,37 +19,161 @@ function ChatMessageBody({
     browserSnapshot,
     serverSnapshot
   );
+  const onClick = useChatLinkClick();
+  const { blocks, definitions } = useMemo(
+    () => splitChatBlocks(text, { streaming: isRunning }),
+    [text, isRunning]
+  );
+  return (
+    // The click handler only delegates for the anchors inside, which are
+    // themselves focusable and keyboard-operable; the wrapper is not a control.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: CHAT_TEXT_CLASS,
+        "data-chat-text": "",
+        "data-status": isRunning ? "running" : "complete",
+        onClick,
+        children: hasDom ? blocks.map((block, index) => /* @__PURE__ */ jsx(
+          ChatBlock,
+          {
+            text: block.text,
+            definitions,
+            openFence: block.openFence,
+            streaming: isRunning && index === blocks.length - 1
+          },
+          index
+        )) : text
+      }
+    )
+  );
+}
+const ChatBlock = memo(function ChatBlock2({
+  text,
+  definitions,
+  openFence,
+  streaming
+}) {
+  const open = streaming ? openFence : null;
   const doc = useMemo(
-    () => hasDom ? parseChatText(normalizeAthenaMentionHtml(text)) : null,
-    [hasDom, text]
+    () => open ? null : parseChatText(definitions ? `${text}
+
+${definitions}` : text),
+    [text, definitions, open]
+  );
+  if (open) {
+    return /* @__PURE__ */ jsx(
+      StreamingCodeBlock,
+      {
+        language: open.language,
+        code: open.code,
+        caret: /* @__PURE__ */ jsx(StreamingCaret, {})
+      }
+    );
+  }
+  if (!doc || isEmptyDoc(doc)) return null;
+  return /* @__PURE__ */ jsx(Fragment, { children: renderContent(doc, streaming ? findStreamingTail(doc) : null) });
+});
+function isEmptyDoc(doc) {
+  if (doc.childCount === 0) return true;
+  const only = doc.firstChild;
+  return doc.childCount === 1 && only !== null && only.isTextblock && only.content.size === 0;
+}
+function useChatLinkClick() {
+  const handleLinkClick = useAthenaLinkClickHandler();
+  return useCallback(
+    (event) => {
+      if (event.button !== 0 || event.defaultPrevented || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) {
+        return;
+      }
+      const target = event.target;
+      const element = target instanceof Element ? target : target instanceof Node ? target.parentElement : null;
+      const anchor = element == null ? void 0 : element.closest("a[href]");
+      if (!(anchor instanceof HTMLAnchorElement) || !event.currentTarget.contains(anchor)) {
+        return;
+      }
+      const handled = handleLinkClick({
+        href: anchor.getAttribute("href") ?? anchor.href,
+        linkText: anchor.textContent,
+        target: anchor.target,
+        nativeEvent: event.nativeEvent
+      });
+      if (handled) event.preventDefault();
+    },
+    [handleLinkClick]
   );
+}
+function findStreamingTail(doc) {
+  const tail = { textblock: null, text: null };
+  doc.descendants((node) => {
+    if (node.isTextblock) {
+      tail.textblock = node;
+      tail.text = null;
+    } else if (node.isText && tail.textblock && tail.textblock.type.name !== "codeBlock") {
+      tail.text = node;
+    }
+    return true;
+  });
+  return tail;
+}
+const FRESH_WORD_WINDOW = 6;
+const WORD = /\s*\S+/g;
+function renderFreshWords(text) {
+  const words = [...text.matchAll(WORD)];
+  if (words.length === 0) return text;
+  const from = Math.max(0, words.length - FRESH_WORD_WINDOW);
+  const first = words[from];
+  const last = words[words.length - 1];
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    text.slice(0, first.index),
+    words.slice(from).map((word, offset) => /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: "animate-chat-word-settle motion-reduce:animate-none",
+        "data-chat-fresh": "",
+        children: word[0]
+      },
+      from + offset
+    )),
+    text.slice(last.index + last[0].length)
+  ] });
+}
+function StreamingCaret() {
   return /* @__PURE__ */ jsx(
-    "div",
+    "span",
     {
-      className: CHAT_TEXT_CLASS,
-      "data-chat-text": "",
-      "data-status": isRunning ? "running" : "complete",
-      children: doc ? renderContent(doc) : text
+      "aria-hidden": "true",
+      "data-chat-caret": "",
+      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"
     }
   );
 }
-function renderNode(node) {
-  if (node.isText) return node.text;
+function renderNode(node, tail) {
+  if (node.isText) {
+    return (tail == null ? void 0 : tail.text) === node ? renderFreshWords(node.text ?? "") : node.text;
+  }
   if (node.type.name === "mention") return /* @__PURE__ */ jsx(ChatMention, { node });
   if (node.type.name === "codeBlock") {
-    return /* @__PURE__ */ jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsx("code", { children: node.textContent }) });
+    return /* @__PURE__ */ jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsxs("code", { children: [
+      node.textContent,
+      (tail == null ? void 0 : tail.textblock) === node ? /* @__PURE__ */ jsx(StreamingCaret, {}) : null
+    ] }) });
   }
   const toDOM = node.type.spec.toDOM;
-  return toDOM ? renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node)) : null;
+  if (!toDOM) return null;
+  if (node.isLeaf) return renderDOMOutputSpec(toDOM(node), null);
+  const content = renderContent(node, tail);
+  if ((tail == null ? void 0 : tail.textblock) === node) content.push(/* @__PURE__ */ jsx(StreamingCaret, {}, "caret"));
+  return renderDOMOutputSpec(toDOM(node), content);
 }
-function renderContent(parent) {
+function renderContent(parent, tail) {
   const nodes = [];
   parent.forEach((node) => {
     nodes.push(node);
   });
-  return renderMarkRuns(nodes, 0);
+  return renderMarkRuns(nodes, 0, tail);
 }
-function renderMarkRuns(nodes, depth) {
+function renderMarkRuns(nodes, depth, tail) {
   var _a, _b;
   const children = [];
   let index = 0;
@@ -55,7 +181,7 @@ function renderMarkRuns(nodes, depth) {
     const node = nodes[index];
     const mark = node.marks[depth];
     if (!mark) {
-      children.push(/* @__PURE__ */ jsx(Fragment, { children: renderNode(node) }, index));
+      children.push(/* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, tail) }, index));
       index++;
       continue;
     }
@@ -63,9 +189,9 @@ function renderMarkRuns(nodes, depth) {
     if (mark.type.spec.spanning !== false) {
       while (end < nodes.length && ((_b = (_a = nodes[end]) == null ? void 0 : _a.marks[depth]) == null ? void 0 : _b.eq(mark))) end++;
     }
-    const content = renderMarkRuns(nodes.slice(index, end), depth + 1);
-    const rendered = mark.type.name === "link" ? /* @__PURE__ */ jsx(MentionLink, { href: mark.attrs.href, children: content }) : mark.type.spec.toDOM ? renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content) : content;
-    children.push(/* @__PURE__ */ jsx(Fragment, { children: rendered }, index));
+    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);
+    const rendered = mark.type.name === "link" ? /* @__PURE__ */ jsx(ChatLink, { href: mark.attrs.href, excerpt: mark.attrs.excerpt, children: content }) : mark.type.spec.toDOM ? renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content) : content;
+    children.push(/* @__PURE__ */ jsx(Fragment$1, { children: rendered }, index));
     index = end;
   }
   return children;

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 { Fragment, type ReactNode, useMemo, useSyncExternalStore } from \"react\";\nimport {\n  MentionLink,\n  normalizeAthenaMentionHtml,\n} from \"../mentions/mention-chip\";\nimport { ChatCodeBlock, ChatMention } from \"./chat-node-views\";\nimport { CHAT_TEXT_CLASS, parseChatText } from \"./chat-text-schema\";\nimport { renderDOMOutputSpec } from \"./dom-output-spec\";\n\nconst subscribe = () => () => {};\nconst browserSnapshot = () => true;\nconst serverSnapshot = () => false;\n\n/** Render the composer's document schema through its own node/mark serializers. */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n}: {\n  text: string;\n  isRunning?: boolean;\n}) {\n  const hasDom = useSyncExternalStore(\n    subscribe,\n    browserSnapshot,\n    serverSnapshot,\n  );\n  const doc = useMemo(\n    () => (hasDom ? parseChatText(normalizeAthenaMentionHtml(text)) : null),\n    [hasDom, text],\n  );\n  return (\n    <div\n      className={CHAT_TEXT_CLASS}\n      data-chat-text=\"\"\n      data-status={isRunning ? \"running\" : \"complete\"}\n    >\n      {doc ? renderContent(doc) : text}\n    </div>\n  );\n}\n\nfunction renderNode(node: ProseMirrorNode): ReactNode {\n  if (node.isText) return node.text;\n  if (node.type.name === \"mention\") return <ChatMention node={node} />;\n  if (node.type.name === \"codeBlock\") {\n    return (\n      <ChatCodeBlock node={node}>\n        <code>{node.textContent}</code>\n      </ChatCodeBlock>\n    );\n  }\n  const toDOM = node.type.spec.toDOM;\n  return toDOM\n    ? renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node))\n    : null;\n}\n\nfunction renderContent(parent: ProseMirrorNode): ReactNode[] {\n  const nodes: ProseMirrorNode[] = [];\n  parent.forEach((node) => {\n    nodes.push(node);\n  });\n  return renderMarkRuns(nodes, 0);\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): 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)}</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);\n    const rendered =\n      mark.type.name === \"link\" ? (\n        <MentionLink href={mark.attrs.href}>{content}</MentionLink>\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":[],"mappings":";;;;;;AAUA,MAAM,YAAY,MAAM,MAAM;AAAC;AAC/B,MAAM,kBAAkB,MAAM;AAC9B,MAAM,iBAAiB,MAAM;AAGtB,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA,YAAY;AACd,GAGG;AACD,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,MAAM;AAAA,IACV,MAAO,SAAS,cAAc,2BAA2B,IAAI,CAAC,IAAI;AAAA,IAClE,CAAC,QAAQ,IAAI;AAAA,EAAA;AAEf,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,kBAAe;AAAA,MACf,eAAa,YAAY,YAAY;AAAA,MAEpC,UAAA,MAAM,cAAc,GAAG,IAAI;AAAA,IAAA;AAAA,EAAA;AAGlC;AAEA,SAAS,WAAW,MAAkC;AACpD,MAAI,KAAK,OAAQ,QAAO,KAAK;AAC7B,MAAI,KAAK,KAAK,SAAS,UAAW,QAAO,oBAAC,eAAY,MAAY;AAClE,MAAI,KAAK,KAAK,SAAS,aAAa;AAClC,+BACG,eAAA,EAAc,MACb,8BAAC,QAAA,EAAM,UAAA,KAAK,aAAY,EAAA,CAC1B;AAAA,EAEJ;AACA,QAAM,QAAQ,KAAK,KAAK,KAAK;AAC7B,SAAO,QACH,oBAAoB,MAAM,IAAI,GAAG,KAAK,SAAS,OAAO,cAAc,IAAI,CAAC,IACzE;AACN;AAEA,SAAS,cAAc,QAAsC;AAC3D,QAAM,QAA2B,CAAA;AACjC,SAAO,QAAQ,CAAC,SAAS;AACvB,UAAM,KAAK,IAAI;AAAA,EACjB,CAAC;AACD,SAAO,eAAe,OAAO,CAAC;AAChC;AAGA,SAAS,eACP,OACA,OACa;;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,KAAK,oBAAC,UAAA,EAAsB,qBAAW,IAAI,KAAvB,KAAyB,CAAW;AACjE;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,CAAC;AACjE,UAAM,WACJ,KAAK,KAAK,SAAS,SACjB,oBAAC,aAAA,EAAY,MAAM,KAAK,MAAM,MAAO,UAAA,QAAA,CAAQ,IAC3C,KAAK,KAAK,KAAK,QACjB,oBAAoB,KAAK,KAAK,KAAK,MAAM,MAAM,IAAI,GAAG,OAAO,IAE7D;AAEJ,aAAS,KAAK,oBAAC,UAAA,EAAsB,UAAA,SAAA,GAAR,KAAiB,CAAW;AACzD,YAAQ;AAAA,EACV;AACA,SAAO;AACT;"}
+{"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 { CHAT_TEXT_CLASS, parseChatText } 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 */\nexport function ChatMessageBody({\n  text,\n  isRunning = false,\n}: {\n  text: string;\n  isRunning?: 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            />\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}: {\n  text: string;\n  definitions: string;\n  openFence: OpenFence | null;\n  streaming: 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    () =>\n      open ? null : parseChatText(definitions ? `${text}\\n\\n${definitions}` : text),\n    [text, definitions, open],\n  );\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        linkText: 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

@@ -78,15 +78,47 @@ function CodeBlockCopyButton({ node }) {
     }
   );
 }
+function CodeBlockFrame({
+  language,
+  action,
+  children,
+  ...attributes
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30",
+      ...attributes,
+      children: [
+        language && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground", children: language }),
+        action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1", contentEditable: false, children: action }),
+        /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground", children })
+      ]
+    }
+  );
+}
 function ChatCodeBlock({
   node,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30", children: [
-    node.attrs.language && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground", children: node.attrs.language }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute top-1 right-1", contentEditable: false, children: /* @__PURE__ */ jsxRuntime.jsx(CodeBlockCopyButton, { node }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("pre", { className: "overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground", children })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CodeBlockFrame,
+    {
+      language: node.attrs.language,
+      action: /* @__PURE__ */ jsxRuntime.jsx(CodeBlockCopyButton, { node }),
+      children
+    }
+  );
+}
+function StreamingCodeBlock({
+  language,
+  code,
+  caret
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(CodeBlockFrame, { language: language || null, "data-chat-open-fence": "", children: /* @__PURE__ */ jsxRuntime.jsxs("code", { children: [
+    code,
+    caret
+  ] }) });
 }
 function ChatCodeBlockNodeView({ node }) {
   return /* @__PURE__ */ jsxRuntime.jsx(react.NodeViewWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsxRuntime.jsx(react.NodeViewContent, { as: "code" }) }) });
@@ -95,4 +127,5 @@ exports.ChatCodeBlock = ChatCodeBlock;
 exports.ChatCodeBlockNodeView = ChatCodeBlockNodeView;
 exports.ChatMention = ChatMention;
 exports.ChatMentionNodeView = ChatMentionNodeView;
+exports.StreamingCodeBlock = StreamingCodeBlock;
 //# sourceMappingURL=chat-node-views.cjs.map

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      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\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\">\n      {node.attrs.language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {node.attrs.language}\n        </div>\n      )}\n      <div className=\"absolute top-1 right-1\" contentEditable={false}>\n        <CodeBlockCopyButton node={node} />\n      </div>\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 ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent 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      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 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/chat-node-views.d.ts

@@ -10,4 +10,15 @@ export declare function ChatCodeBlock({ node, children, }: {
     node: ProseMirrorNode;
     children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
+/**
+ * A fenced block whose closing fence has not arrived: the same frame with the
+ * code as plain text and no copy action (there is no settled source to copy
+ * yet). Anything that decorates code — highlighting, a language pick — belongs
+ * after the fence closes, when the block parses into a `codeBlock` node.
+ */
+export declare function StreamingCodeBlock({ language, code, caret, }: {
+    language: string;
+    code: string;
+    caret?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
 export declare function ChatCodeBlockNodeView({ node }: NodeViewProps): import("react/jsx-runtime").JSX.Element;

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

@@ -76,15 +76,47 @@ function CodeBlockCopyButton({ node }) {
     }
   );
 }
+function CodeBlockFrame({
+  language,
+  action,
+  children,
+  ...attributes
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30",
+      ...attributes,
+      children: [
+        language && /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground", children: language }),
+        action && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1", contentEditable: false, children: action }),
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground", children })
+      ]
+    }
+  );
+}
 function ChatCodeBlock({
   node,
   children
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30", children: [
-    node.attrs.language && /* @__PURE__ */ jsx("div", { className: "border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground", children: node.attrs.language }),
-    /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1", contentEditable: false, children: /* @__PURE__ */ jsx(CodeBlockCopyButton, { node }) }),
-    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-3 pr-9 font-mono text-xs leading-relaxed text-foreground", children })
-  ] });
+  return /* @__PURE__ */ jsx(
+    CodeBlockFrame,
+    {
+      language: node.attrs.language,
+      action: /* @__PURE__ */ jsx(CodeBlockCopyButton, { node }),
+      children
+    }
+  );
+}
+function StreamingCodeBlock({
+  language,
+  code,
+  caret
+}) {
+  return /* @__PURE__ */ jsx(CodeBlockFrame, { language: language || null, "data-chat-open-fence": "", children: /* @__PURE__ */ jsxs("code", { children: [
+    code,
+    caret
+  ] }) });
 }
 function ChatCodeBlockNodeView({ node }) {
   return /* @__PURE__ */ jsx(NodeViewWrapper, { children: /* @__PURE__ */ jsx(ChatCodeBlock, { node, children: /* @__PURE__ */ jsx(NodeViewContent, { as: "code" }) }) });
@@ -93,6 +125,7 @@ export {
   ChatCodeBlock,
   ChatCodeBlockNodeView,
   ChatMention,
-  ChatMentionNodeView
+  ChatMentionNodeView,
+  StreamingCodeBlock
 };
 //# sourceMappingURL=chat-node-views.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"chat-node-views.js","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      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\nexport function ChatCodeBlock({\n  node,\n  children,\n}: {\n  node: ProseMirrorNode;\n  children: ReactNode;\n}) {\n  return (\n    <div className=\"not-prose group/code-block relative my-2 overflow-hidden rounded-lg border border-border bg-muted/30\">\n      {node.attrs.language && (\n        <div className=\"border-b border-border bg-muted/50 px-3 py-1 text-[10px] font-medium text-muted-foreground\">\n          {node.attrs.language}\n        </div>\n      )}\n      <div className=\"absolute top-1 right-1\" contentEditable={false}>\n        <CodeBlockCopyButton node={node} />\n      </div>\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 ChatCodeBlockNodeView({ node }: NodeViewProps) {\n  return (\n    <NodeViewWrapper>\n      <ChatCodeBlock node={node}>\n        <NodeViewContent as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAeO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA,cAAc;AAChB,GAGG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,gBAAa;AAAA,MACb,aAAW,KAAK,MAAM;AAAA,MACtB,aAAW,KAAK,MAAM;AAAA,MACtB,WAAS,KAAK,MAAM;AAAA,MACpB,mBAAiB,KAAK,MAAM;AAAA,MAC5B,2BAAyB,OAAO,KAAK,MAAM,qBAAqB,IAAI;AAAA,MAEpE,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM,eAAe,KAAK,KAAyB;AAAA,UACnD;AAAA,UAEC,eAAK,MAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;AAEO,SAAS,oBAAoB,EAAE,MAAM,UAAyB;AACnE,SACE,oBAAC,iBAAA,EAAgB,IAAG,QAClB,UAAA,oBAAC,aAAA,EAAY,MAAY,aAAa,CAAC,OAAO,WAAA,CAAY,EAAA,CAC5D;AAEJ;AAEA,MAAM,kBAAkB;AAMxB,SAAS,oBAAoB,EAAE,QAAmC;AAChE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAuC,MAAM;AACzE,QAAM,aAAa,OAA6C,IAAI;AACpE;AAAA,IACE,MAAM,MAAM;AACV,UAAI,WAAW,QAAS,cAAa,WAAW,OAAO;AAAA,IACzD;AAAA,IACA,CAAA;AAAA,EAAC;AAEH,QAAM,QAAQ,YAAY,CAAC,SAA8B;AACvD,cAAU,IAAI;AACd,QAAI,WAAW,QAAS,cAAa,WAAW,OAAO;AACvD,eAAW,UAAU,WAAW,MAAM,UAAU,MAAM,GAAG,eAAe;AAAA,EAC1E,GAAG,CAAA,CAAE;AACL,QAAM,SAAS,YAAY,MAAM;AAI/B,QAAI,OAAO,cAAc,eAAe,CAAC,UAAU,WAAW;AAC5D,YAAM,QAAQ;AACd;AAAA,IACF;AACA,cAAU,UAAU,UAAU,KAAK,WAAW,EAAE;AAAA,MAC9C,MAAM,MAAM,QAAQ;AAAA,MACpB,MAAM,MAAM,QAAQ;AAAA,IAAA;AAAA,EAExB,GAAG,CAAC,MAAM,KAAK,CAAC;AAChB,QAAM,QACJ,WAAW,WAAW,WAAW,WAAW,WAAW,gBAAgB;AACzE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,OAAO;AAAA,MACP,cAAY;AAAA,MACZ,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA,WAAW,UAAU;AAAA,QACrB,WAAW,YAAY;AAAA,MAAA;AAAA,MAGxB,qBAAW,WACV,oBAAC,WAAA,EAAU,WAAU,YAAW,IAC9B,WAAW,WACb,oBAAC,SAAM,WAAU,WAAA,CAAW,IAE5B,oBAAC,UAAA,EAAS,WAAU,WAAA,CAAW;AAAA,IAAA;AAAA,EAAA;AAIvC;AAEO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AACF,GAGG;AACD,SACE,qBAAC,OAAA,EAAI,WAAU,wGACZ,UAAA;AAAA,IAAA,KAAK,MAAM,YACV,oBAAC,OAAA,EAAI,WAAU,8FACZ,UAAA,KAAK,MAAM,SAAA,CACd;AAAA,IAEF,oBAAC,SAAI,WAAU,0BAAyB,iBAAiB,OACvD,UAAA,oBAAC,qBAAA,EAAoB,KAAA,CAAY,EAAA,CACnC;AAAA,IACA,oBAAC,OAAA,EAAI,WAAU,8EACZ,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEO,SAAS,sBAAsB,EAAE,QAAuB;AAC7D,SACE,oBAAC,iBAAA,EACC,UAAA,oBAAC,eAAA,EAAc,MACb,8BAAC,iBAAA,EAAgB,IAAG,OAAA,CAAO,EAAA,CAC7B,GACF;AAEJ;"}
+{"version":3,"file":"chat-node-views.js","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      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 as=\"code\" />\n      </ChatCodeBlock>\n    </NodeViewWrapper>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/chat-ui/rich-text/chat-text-schema.cjs

@@ -16,21 +16,36 @@ const TaskItem = require("@tiptap/extension-task-item");
 const tiptapMarkdown = require("tiptap-markdown");
 const mentionExtension = require("../mentions/mention-extension.cjs");
 const chatNodeViews = require("./chat-node-views.cjs");
+const citationAnchors = require("./citation-anchors.cjs");
 const ChatMentionExtension = mentionExtension.MentionExtension.extend({
   addNodeView: () => react.ReactNodeViewRenderer(chatNodeViews.ChatMentionNodeView, { as: "span" })
 });
 const ChatCodeBlockExtension = CodeBlock.extend({
   addNodeView: () => react.ReactNodeViewRenderer(chatNodeViews.ChatCodeBlockNodeView)
 });
+const ChatLinkExtension = Link.extend({
+  addAttributes() {
+    var _a;
+    return {
+      ...(_a = this.parent) == null ? void 0 : _a.call(this),
+      excerpt: {
+        default: null,
+        parseHTML: (element) => element.getAttribute("data-excerpt"),
+        renderHTML: (attributes) => typeof attributes.excerpt === "string" && attributes.excerpt ? { "data-excerpt": attributes.excerpt } : {}
+      }
+    };
+  }
+});
 function createChatTextExtensions() {
   return [
     StarterKit.configure({ codeBlock: false }),
     ChatCodeBlockExtension,
-    Link.configure({
+    ChatLinkExtension.configure({
       openOnClick: false,
       autolink: true,
       linkOnPaste: true,
-      protocols: ["athena-point"]
+      protocols: ["athena-point"],
+      isAllowedUri: (url) => citationAnchors.isAllowedChatHref(url)
     }),
     Image.configure({ inline: true }),
     Table.configure({ resizable: false }),
@@ -61,11 +76,13 @@ function parseChatText(markdown) {
   }));
   const html = parserEditor.storage.markdown.parser.parse(markdown);
   const body = new window.DOMParser().parseFromString(html, "text/html").body;
+  citationAnchors.normalizeCitationAnchors(body);
   return model.DOMParser.fromSchema(parserEditor.schema).parse(body);
 }
-const CHAT_TEXT_CLASS = "aui-md prose prose-sm max-w-none min-w-0 break-words text-sm leading-snug text-foreground prose-p:my-1.5 prose-p:leading-snug prose-headings:mt-3 prose-headings:mb-1.5 prose-headings:font-semibold prose-h1:text-sm prose-h2:text-sm prose-h3:text-xs prose-ul:my-1.5 prose-ol:my-1.5 prose-li:my-0.5 prose-blockquote:border-l-2 prose-blockquote:border-border prose-blockquote:text-muted-foreground prose-code:rounded prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:text-xs prose-code:font-mono prose-code:before:content-none prose-code:after:content-none prose-pre:my-2 prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:border prose-pre:border-border prose-pre:bg-muted/30 prose-pre:p-3 prose-a:text-primary prose-a:no-underline hover:prose-a:underline prose-strong:font-semibold prose-hr:border-border [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_table]:block [&_table]:overflow-x-auto [&_td]:border [&_td]:border-border [&_td]:px-2 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_ul[data-type=taskList]]:list-none [&_ul[data-type=taskList]]:pl-0 [&_li[data-type=taskItem]]:flex [&_li[data-type=taskItem]]:gap-2";
+const CHAT_TEXT_CLASS = "aui-md prose prose-sm max-w-none min-w-0 break-words text-sm leading-snug text-foreground prose-p:my-1.5 prose-p:leading-snug prose-headings:mt-3 prose-headings:mb-1.5 prose-headings:font-semibold prose-h1:text-sm prose-h2:text-sm prose-h3:text-xs prose-ul:my-1.5 prose-ol:my-1.5 prose-li:my-0.5 prose-blockquote:border-l-2 prose-blockquote:border-border prose-blockquote:text-muted-foreground prose-code:rounded prose-code:bg-muted prose-code:px-1 prose-code:py-0.5 prose-code:text-xs prose-code:font-mono prose-code:before:content-none prose-code:after:content-none prose-pre:my-2 prose-pre:overflow-x-auto prose-pre:rounded-lg prose-pre:border prose-pre:border-border prose-pre:bg-muted/30 prose-pre:p-3 prose-a:text-primary prose-a:underline prose-a:decoration-primary/40 prose-a:underline-offset-2 hover:prose-a:decoration-primary prose-strong:font-semibold prose-hr:border-border [&>:first-child]:mt-0 [&>:last-child]:mb-0 [&_table]:block [&_table]:overflow-x-auto [&_td]:border [&_td]:border-border [&_td]:px-2 [&_th]:border [&_th]:border-border [&_th]:px-2 [&_ul[data-type=taskList]]:list-none [&_ul[data-type=taskList]]:pl-0 [&_li[data-type=taskItem]]:flex [&_li[data-type=taskItem]]:gap-2";
 exports.CHAT_TEXT_CLASS = CHAT_TEXT_CLASS;
 exports.ChatCodeBlockExtension = ChatCodeBlockExtension;
+exports.ChatLinkExtension = ChatLinkExtension;
 exports.createChatTextExtensions = createChatTextExtensions;
 exports.parseChatText = parseChatText;
 //# sourceMappingURL=chat-text-schema.cjs.map