@athenaintel/react 0.22.4 → 0.23.1

package/dist/chat-ui/rich-text/chat-blocks.d.ts

@@ -0,0 +1,58 @@
+/**
+ * The top-level blocks of a streamed markdown message, so a message body can
+ * parse each block once and re-parse only the one still being written.
+ *
+ * Streaming appends: every block before the last is settled the moment the
+ * blank line after it arrives, and only the trailing block changes with the
+ * next token. A body that re-parses the whole message per token does work
+ * quadratic in the answer's length and re-renders every finished paragraph,
+ * list and table each time; split into blocks, a finished block's text never
+ * changes again, so its parse and its DOM are kept as they are.
+ *
+ * The split follows CommonMark's block boundaries as far as a linear scan
+ * can: a blank line ends a block, except inside a fenced code block (whose
+ * blank lines are content). A fence may sit inside a blockquote; it closes at
+ * a fence line in the same quote depth with a matching marker, or implicitly
+ * when a line leaves the quote — a fence at the margin after that opens a new
+ * one, as CommonMark reads it. A fence that has not closed marks the trailing
+ * block as open code, which the body draws as plain `<pre>` until the closing
+ * fence lands. Constructs that legitimately span blank lines are stitched
+ * back together: a block that starts indented continues the block before it
+ * (a list item's second paragraph, a nested list, indented code), and a list
+ * that follows a list of the same kind is one loose list. Link reference
+ * definitions (`[1]: https://…`, with a destination or title on a following
+ * indented line) are collected apart and handed to every block's parse, since
+ * a `[label][1]` in one block may resolve to a definition written after it —
+ * only runs that are definitions by CommonMark's shape (a destination without
+ * spaces or in `<…>`, an optional quoted or parenthesized title, nothing
+ * after) are lifted; a definition-shaped line the parser would show as text
+ * stays text. A definition run still being streamed at the very end of the
+ * text stays the trailing block (rendering nothing) until it settles, so the
+ * settled blocks are not re-parsed on every token of its URL. Pure string
+ * work, linear in the text.
+ */
+export interface OpenFence {
+    /** The fence's info string up to its first space (the language), possibly empty. */
+    language: string;
+    /** The code written so far, without the fence line (and without the quote markers of a fence inside a blockquote). */
+    code: string;
+}
+export interface ChatBlock {
+    /** The block's markdown, blank lines around it removed. */
+    text: string;
+    /** Set on the trailing block while its fenced code has not closed. */
+    openFence: OpenFence | null;
+}
+export interface ChatBlocks {
+    blocks: ChatBlock[];
+    /** Settled link reference definitions, one per line, to append to every block's parse. */
+    definitions: string;
+}
+export interface SplitChatBlocksOptions {
+    /** The text is still streaming: a definition run at its very end is not settled yet. */
+    streaming?: boolean;
+}
+/** Whether a run of lines is a link reference definition the parser would swallow. */
+export declare function isReferenceDefinition(lines: readonly string[]): boolean;
+/** Split a message's markdown into its top-level blocks. */
+export declare function splitChatBlocks(markdown: string, { streaming }?: SplitChatBlocksOptions): ChatBlocks;

package/dist/chat-ui/rich-text/chat-blocks.js

@@ -0,0 +1,177 @@
+const FENCE_LINE = /^((?:\s*>)*\s*)(`{3,}|~{3,})(.*)$/;
+const BLOCKQUOTE_PREFIX = /^(?:\s*>\s?)+/;
+const LEADING_QUOTES = /^(?:\s*>)*/;
+const DEFINITION_START = /^ {0,3}\[[^\]]+\]:\s*(\S.*)?$/;
+const DESTINATION_WITH_TITLE = /^\s*\S+\s+(?:"[^"]*"|'[^']*'|\([^)]*\))\s*$/;
+const TITLE_LINE = /^\s+(?:"[^"]*"|'[^']*'|\([^)]*\))\s*$/;
+const DEFINITION = /^ {0,3}\[[^\]]+\]:[ \t]*\n?[ \t]*(<[^<>\n]*>|[^\s<][^\s]*)(?:[ \t]*\n?[ \t]*("[^"\n]*"|'[^'\n]*'|\([^()\n]*\)))?[ \t]*$/;
+const LIST_MARKER = /^ {0,3}(?:([-*+])|\d{1,9}[.)])(?:\s|$)/;
+function firstLine(text) {
+  const end = text.indexOf("\n");
+  return end === -1 ? text : text.slice(0, end);
+}
+function quoteDepth(line) {
+  var _a;
+  const markers = ((_a = LEADING_QUOTES.exec(line)) == null ? void 0 : _a[0]) ?? "";
+  let depth = 0;
+  for (const character of markers) if (character === ">") depth += 1;
+  return depth;
+}
+function balancedParentheses(destination) {
+  if (destination.startsWith("<")) return true;
+  let open = 0;
+  for (const character of destination) {
+    if (character === "(") open += 1;
+    else if (character === ")") {
+      open -= 1;
+      if (open < 0) return false;
+    }
+  }
+  return open === 0;
+}
+function isReferenceDefinition(lines) {
+  const match = DEFINITION.exec(lines.join("\n"));
+  return match !== null && balancedParentheses(match[1]);
+}
+function continuesPrevious(previous, next) {
+  if (/^\s/.test(next)) return true;
+  const before = LIST_MARKER.exec(firstLine(previous));
+  const after = LIST_MARKER.exec(firstLine(next));
+  return before !== null && after !== null && before[1] !== void 0 === (after[1] !== void 0);
+}
+function mergeContinuations(blocks) {
+  const merged = [];
+  for (const block of blocks) {
+    const previous = merged[merged.length - 1];
+    if (previous && previous.openFence === null && continuesPrevious(previous.text, block.text)) {
+      merged[merged.length - 1] = {
+        text: `${previous.text}
+
+${block.text}`,
+        openFence: block.openFence
+      };
+    } else {
+      merged.push(block);
+    }
+  }
+  return merged;
+}
+function splitChatBlocks(markdown, { streaming = false } = {}) {
+  const blocks = [];
+  const definitions = [];
+  let current = [];
+  let fence = null;
+  let pending = [];
+  let continuation = null;
+  const closeBlock = () => {
+    while (current.length > 0 && current[current.length - 1].trim() === "") {
+      current.pop();
+    }
+    if (current.length > 0) blocks.push({ text: current.join("\n"), openFence: null });
+    current = [];
+  };
+  const settleDefinitions = () => {
+    if (pending.length > 0) {
+      if (isReferenceDefinition(pending)) definitions.push(...pending);
+      else current.push(...pending);
+    }
+    pending = [];
+    continuation = null;
+  };
+  const openFence = (opening, line) => {
+    settleDefinitions();
+    if (opening[1].length === 0) closeBlock();
+    const state = {
+      marker: opening[2],
+      language: opening[3].trim().split(/\s+/)[0] ?? "",
+      depth: quoteDepth(opening[1]),
+      start: current.length
+    };
+    current.push(line);
+    return state;
+  };
+  const asOpening = (line) => {
+    const opening = FENCE_LINE.exec(line);
+    if (!opening) return null;
+    return opening[2][0] === "`" && opening[3].includes("`") ? null : opening;
+  };
+  for (const line of markdown.split("\n")) {
+    if (fence) {
+      const depth = quoteDepth(line);
+      if (depth >= fence.depth) {
+        current.push(line);
+        const closing = FENCE_LINE.exec(line);
+        if (closing && quoteDepth(closing[1]) === fence.depth && closing[2][0] === fence.marker[0] && closing[2].length >= fence.marker.length && closing[3].trim() === "") {
+          fence = null;
+        }
+        continue;
+      }
+      fence = null;
+    }
+    const opening = asOpening(line);
+    if (opening) {
+      fence = openFence(opening, line);
+      continue;
+    }
+    if (line.trim() === "") {
+      settleDefinitions();
+      closeBlock();
+      continue;
+    }
+    if (continuation !== null && /^\s/.test(line)) {
+      if (continuation === "destination") {
+        pending.push(line);
+        continuation = DESTINATION_WITH_TITLE.test(line) ? null : "title";
+        continue;
+      }
+      if (TITLE_LINE.test(line)) {
+        pending.push(line);
+        continuation = null;
+        continue;
+      }
+    }
+    continuation = null;
+    if (current.length === 0) {
+      if (pending.length > 0 && !isReferenceDefinition(pending)) {
+        settleDefinitions();
+      } else {
+        const definition = DEFINITION_START.exec(line);
+        if (definition) {
+          if (pending.length > 0) {
+            definitions.push(...pending);
+            pending = [];
+          }
+          pending.push(line);
+          const rest = definition[1];
+          continuation = rest === void 0 ? "destination" : DESTINATION_WITH_TITLE.test(rest) ? null : "title";
+          continue;
+        }
+      }
+    }
+    settleDefinitions();
+    current.push(line);
+  }
+  if (fence) {
+    const lead = current.slice(0, fence.start);
+    const quoted = fence.depth > 0;
+    const code = current.slice(fence.start + 1).map((codeLine) => quoted ? codeLine.replace(BLOCKQUOTE_PREFIX, "") : codeLine);
+    blocks.push({
+      text: [...lead, ...current.slice(fence.start)].join("\n"),
+      openFence: { language: fence.language, code: code.join("\n") }
+    });
+  } else {
+    if (pending.length > 0 && streaming) {
+      current.push(...pending);
+      pending = [];
+    } else {
+      settleDefinitions();
+    }
+    closeBlock();
+  }
+  return { blocks: mergeContinuations(blocks), definitions: definitions.join("\n") };
+}
+export {
+  isReferenceDefinition,
+  splitChatBlocks
+};
+//# sourceMappingURL=chat-blocks.js.map

package/dist/chat-ui/rich-text/chat-blocks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-blocks.js","sources":["../../../src/chat-ui/rich-text/chat-blocks.ts"],"sourcesContent":["/**\n * The top-level blocks of a streamed markdown message, so a message body can\n * parse each block once and re-parse only the one still being written.\n *\n * Streaming appends: every block before the last is settled the moment the\n * blank line after it arrives, and only the trailing block changes with the\n * next token. A body that re-parses the whole message per token does work\n * quadratic in the answer's length and re-renders every finished paragraph,\n * list and table each time; split into blocks, a finished block's text never\n * changes again, so its parse and its DOM are kept as they are.\n *\n * The split follows CommonMark's block boundaries as far as a linear scan\n * can: a blank line ends a block, except inside a fenced code block (whose\n * blank lines are content). A fence may sit inside a blockquote; it closes at\n * a fence line in the same quote depth with a matching marker, or implicitly\n * when a line leaves the quote — a fence at the margin after that opens a new\n * one, as CommonMark reads it. A fence that has not closed marks the trailing\n * block as open code, which the body draws as plain `<pre>` until the closing\n * fence lands. Constructs that legitimately span blank lines are stitched\n * back together: a block that starts indented continues the block before it\n * (a list item's second paragraph, a nested list, indented code), and a list\n * that follows a list of the same kind is one loose list. Link reference\n * definitions (`[1]: https://…`, with a destination or title on a following\n * indented line) are collected apart and handed to every block's parse, since\n * a `[label][1]` in one block may resolve to a definition written after it —\n * only runs that are definitions by CommonMark's shape (a destination without\n * spaces or in `<…>`, an optional quoted or parenthesized title, nothing\n * after) are lifted; a definition-shaped line the parser would show as text\n * stays text. A definition run still being streamed at the very end of the\n * text stays the trailing block (rendering nothing) until it settles, so the\n * settled blocks are not re-parsed on every token of its URL. Pure string\n * work, linear in the text.\n */\n\nexport interface OpenFence {\n  /** The fence's info string up to its first space (the language), possibly empty. */\n  language: string;\n  /** The code written so far, without the fence line (and without the quote markers of a fence inside a blockquote). */\n  code: string;\n}\n\nexport interface ChatBlock {\n  /** The block's markdown, blank lines around it removed. */\n  text: string;\n  /** Set on the trailing block while its fenced code has not closed. */\n  openFence: OpenFence | null;\n}\n\nexport interface ChatBlocks {\n  blocks: ChatBlock[];\n  /** Settled link reference definitions, one per line, to append to every block's parse. */\n  definitions: string;\n}\n\nexport interface SplitChatBlocksOptions {\n  /** The text is still streaming: a definition run at its very end is not settled yet. */\n  streaming?: boolean;\n}\n\n/** A fence line: blockquote markers and indent, three or more backticks or tildes, the info string. */\nconst FENCE_LINE = /^((?:\\s*>)*\\s*)(`{3,}|~{3,})(.*)$/;\n/** Leading blockquote markers (`> `, `>>`), stripped from the code of a fence inside a quote. */\nconst BLOCKQUOTE_PREFIX = /^(?:\\s*>\\s?)+/;\n/** The blockquote markers a line opens with. */\nconst LEADING_QUOTES = /^(?:\\s*>)*/;\n/** `[label]:` at the start of a block; the destination follows on this line or, indented, on the next. */\nconst DEFINITION_START = /^ {0,3}\\[[^\\]]+\\]:\\s*(\\S.*)?$/;\n/** A definition's destination (and optional title) already carrying a title. */\nconst DESTINATION_WITH_TITLE = /^\\s*\\S+\\s+(?:\"[^\"]*\"|'[^']*'|\\([^)]*\\))\\s*$/;\n/** A definition title alone on an indented line. */\nconst TITLE_LINE = /^\\s+(?:\"[^\"]*\"|'[^']*'|\\([^)]*\\))\\s*$/;\n/**\n * A whole link reference definition as CommonMark shapes it: the label, a\n * destination in `<…>` or without whitespace, an optional title, nothing else.\n * Anything looser (`[x]:` with no destination, `[1]: two words`) is text.\n */\nconst DEFINITION =\n  /^ {0,3}\\[[^\\]]+\\]:[ \\t]*\\n?[ \\t]*(<[^<>\\n]*>|[^\\s<][^\\s]*)(?:[ \\t]*\\n?[ \\t]*(\"[^\"\\n]*\"|'[^'\\n]*'|\\([^()\\n]*\\)))?[ \\t]*$/;\n/** A bullet (`-`, `*`, `+`) or ordered (`1.`, `1)`) list marker starting a line. */\nconst LIST_MARKER = /^ {0,3}(?:([-*+])|\\d{1,9}[.)])(?:\\s|$)/;\n\ninterface FenceState {\n  marker: string;\n  language: string;\n  /** How many blockquote markers the fence line opened with (0 at the margin). */\n  depth: number;\n  /** Index of the fence line within the current block's lines. */\n  start: number;\n}\n\n/** What the definition being read could still take from the next indented line. */\ntype DefinitionContinuation = \"destination\" | \"title\" | null;\n\nfunction firstLine(text: string): string {\n  const end = text.indexOf(\"\\n\");\n  return end === -1 ? text : text.slice(0, end);\n}\n\nfunction quoteDepth(line: string): number {\n  const markers = LEADING_QUOTES.exec(line)?.[0] ?? \"\";\n  let depth = 0;\n  for (const character of markers) if (character === \">\") depth += 1;\n  return depth;\n}\n\n/** A bare destination's parentheses must balance (`[1]: /a(b` is text). */\nfunction balancedParentheses(destination: string): boolean {\n  if (destination.startsWith(\"<\")) return true;\n  let open = 0;\n  for (const character of destination) {\n    if (character === \"(\") open += 1;\n    else if (character === \")\") {\n      open -= 1;\n      if (open < 0) return false;\n    }\n  }\n  return open === 0;\n}\n\n/** Whether a run of lines is a link reference definition the parser would swallow. */\nexport function isReferenceDefinition(lines: readonly string[]): boolean {\n  const match = DEFINITION.exec(lines.join(\"\\n\"));\n  return match !== null && balancedParentheses(match[1]!);\n}\n\n/** Whether `next` continues `previous`: an indented continuation, or another list of the same kind. */\nfunction continuesPrevious(previous: string, next: string): boolean {\n  if (/^\\s/.test(next)) return true;\n  const before = LIST_MARKER.exec(firstLine(previous));\n  const after = LIST_MARKER.exec(firstLine(next));\n  return (\n    before !== null &&\n    after !== null &&\n    (before[1] !== undefined) === (after[1] !== undefined)\n  );\n}\n\nfunction mergeContinuations(blocks: readonly ChatBlock[]): ChatBlock[] {\n  const merged: ChatBlock[] = [];\n  for (const block of blocks) {\n    const previous = merged[merged.length - 1];\n    if (\n      previous &&\n      previous.openFence === null &&\n      continuesPrevious(previous.text, block.text)\n    ) {\n      merged[merged.length - 1] = {\n        text: `${previous.text}\\n\\n${block.text}`,\n        openFence: block.openFence,\n      };\n    } else {\n      merged.push(block);\n    }\n  }\n  return merged;\n}\n\n/** Split a message's markdown into its top-level blocks. */\nexport function splitChatBlocks(\n  markdown: string,\n  { streaming = false }: SplitChatBlocksOptions = {},\n): ChatBlocks {\n  const blocks: ChatBlock[] = [];\n  const definitions: string[] = [];\n  let current: string[] = [];\n  let fence: FenceState | null = null;\n  /** The one definition being read (its label line plus any indented continuation); settled by the next label, blank line, fence or block. */\n  let pending: string[] = [];\n  let continuation: DefinitionContinuation = null;\n\n  const closeBlock = (): void => {\n    while (current.length > 0 && current[current.length - 1]!.trim() === \"\") {\n      current.pop();\n    }\n    if (current.length > 0) blocks.push({ text: current.join(\"\\n\"), openFence: null });\n    current = [];\n  };\n  /**\n   * The pending run is a definition (lifted) or it is text (the start of the\n   * block being read — `current` is empty whenever a run is pending).\n   */\n  const settleDefinitions = (): void => {\n    if (pending.length > 0) {\n      if (isReferenceDefinition(pending)) definitions.push(...pending);\n      else current.push(...pending);\n    }\n    pending = [];\n    continuation = null;\n  };\n  /** Start a fence at `line`; the caller assigns the state (an assignment inside a closure is invisible to narrowing). */\n  const openFence = (opening: RegExpExecArray, line: string): FenceState => {\n    settleDefinitions();\n    // A fence at the margin interrupts a paragraph: it is its own block. An\n    // indented or quoted fence belongs to the list item or quote around it.\n    if (opening[1]!.length === 0) closeBlock();\n    const state: FenceState = {\n      marker: opening[2]!,\n      language: opening[3]!.trim().split(/\\s+/)[0] ?? \"\",\n      depth: quoteDepth(opening[1]!),\n      start: current.length,\n    };\n    current.push(line);\n    return state;\n  };\n  /** A fence line may open a fence: a backtick fence's info string cannot contain a backtick (that is inline code). */\n  const asOpening = (line: string): RegExpExecArray | null => {\n    const opening = FENCE_LINE.exec(line);\n    if (!opening) return null;\n    return opening[2]![0] === \"`\" && opening[3]!.includes(\"`\") ? null : opening;\n  };\n\n  for (const line of markdown.split(\"\\n\")) {\n    if (fence) {\n      const depth = quoteDepth(line);\n      if (depth >= fence.depth) {\n        current.push(line);\n        const closing = FENCE_LINE.exec(line);\n        if (\n          closing &&\n          quoteDepth(closing[1]!) === fence.depth &&\n          closing[2]![0] === fence.marker[0] &&\n          closing[2]!.length >= fence.marker.length &&\n          closing[3]!.trim() === \"\"\n        ) {\n          fence = null;\n        }\n        continue;\n      }\n      // The line left the fence's blockquote, which ends the quote and the\n      // fence with it; the line itself is read like any other.\n      fence = null;\n    }\n    const opening = asOpening(line);\n    if (opening) {\n      fence = openFence(opening, line);\n      continue;\n    }\n    if (line.trim() === \"\") {\n      settleDefinitions();\n      closeBlock();\n      continue;\n    }\n    if (continuation !== null && /^\\s/.test(line)) {\n      if (continuation === \"destination\") {\n        pending.push(line);\n        continuation = DESTINATION_WITH_TITLE.test(line) ? null : \"title\";\n        continue;\n      }\n      if (TITLE_LINE.test(line)) {\n        pending.push(line);\n        continuation = null;\n        continue;\n      }\n    }\n    continuation = null;\n    if (current.length === 0) {\n      if (pending.length > 0 && !isReferenceDefinition(pending)) {\n        // The run so far is not a definition: it is the paragraph this line continues.\n        settleDefinitions();\n      } else {\n        const definition = DEFINITION_START.exec(line);\n        if (definition) {\n          // A new label ends the definition before it, which is complete and valid here.\n          if (pending.length > 0) {\n            definitions.push(...pending);\n            pending = [];\n          }\n          pending.push(line);\n          const rest = definition[1];\n          continuation =\n            rest === undefined\n              ? \"destination\"\n              : DESTINATION_WITH_TITLE.test(rest)\n                ? null\n                : \"title\";\n          continue;\n        }\n      }\n    }\n    settleDefinitions();\n    current.push(line);\n  }\n\n  if (fence) {\n    const lead = current.slice(0, fence.start);\n    const quoted = fence.depth > 0;\n    const code = current\n      .slice(fence.start + 1)\n      .map((codeLine) => (quoted ? codeLine.replace(BLOCKQUOTE_PREFIX, \"\") : codeLine));\n    blocks.push({\n      text: [...lead, ...current.slice(fence.start)].join(\"\\n\"),\n      openFence: { language: fence.language, code: code.join(\"\\n\") },\n    });\n  } else {\n    // A definition run that ends still-streaming text is not settled: it stays\n    // the trailing block (a valid one parses to nothing visible) so the blocks\n    // before it keep their parse while its URL streams. Settled text lifts it.\n    if (pending.length > 0 && streaming) {\n      current.push(...pending);\n      pending = [];\n    } else {\n      settleDefinitions();\n    }\n    closeBlock();\n  }\n\n  return { blocks: mergeContinuations(blocks), definitions: definitions.join(\"\\n\") };\n}\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const lucideReact = require("lucide-react");
+const react = require("react");
+const mentionChip = require("../mentions/mention-chip.cjs");
+const citationAnchors = require("./citation-anchors.cjs");
+function ChatLink({
+  href,
+  excerpt,
+  children
+}) {
+  if (href && excerpt && citationAnchors.isWebHref(href)) {
+    return /* @__PURE__ */ jsxRuntime.jsx(SourceChip, { href, excerpt, children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(mentionChip.MentionLink, { href: href ?? void 0, children });
+}
+function SourceChip({
+  href,
+  excerpt,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "a",
+    {
+      href: citationAnchors.buildScrollToTextUrl(href, excerpt),
+      target: "_blank",
+      rel: "noopener noreferrer",
+      title: excerpt,
+      "data-chat-source": "",
+      "data-excerpt": excerpt,
+      className: "not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SourceFavicon, { href }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "max-w-[200px] overflow-hidden text-ellipsis", children })
+      ]
+    }
+  );
+}
+function SourceFavicon({ href }) {
+  const [failed, setFailed] = react.useState(false);
+  const src = failed ? null : citationAnchors.sourceFaviconUrl(href);
+  if (!src) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Globe2Icon,
+      {
+        className: "size-3.5 shrink-0 text-slate-400",
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src,
+      alt: "",
+      width: 14,
+      height: 14,
+      className: "size-3.5 shrink-0 rounded-[3px]",
+      loading: "lazy",
+      referrerPolicy: "no-referrer",
+      draggable: false,
+      onError: () => setFailed(true)
+    }
+  );
+}
+exports.ChatLink = ChatLink;
+exports.SourceChip = SourceChip;
+//# sourceMappingURL=chat-link.cjs.map

package/dist/chat-ui/rich-text/chat-link.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-link.cjs","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * Same geometry as the asset mention chip so a sentence that cites a PDF and\n * a web page reads as one row of sources. `not-prose` keeps Tailwind\n * Typography's `img` margins off the favicon.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className=\"not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1\"\n    >\n      <SourceFavicon href={href} />\n      <span className=\"max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className=\"size-3.5 shrink-0 text-slate-400\"\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px]\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":["isWebHref","jsx","MentionLink","jsxs","buildScrollToTextUrl","useState","sourceFaviconUrl","Globe2Icon"],"mappings":";;;;;;;AAeO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAWA,gBAAAA,UAAU,IAAI,GAAG;AACtC,WACEC,2BAAAA,IAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAOA,2BAAAA,IAACC,YAAAA,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AASO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAMC,gBAAAA,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAU;AAAA,MAEV,UAAA;AAAA,QAAAH,+BAAC,iBAAc,MAAY;AAAA,QAC3BA,2BAAAA,IAAC,QAAA,EAAK,WAAU,+CACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAII,MAAAA,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAOC,gBAAAA,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACEL,2BAAAA;AAAAA,MAACM,YAAAA;AAAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACEN,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;;;"}

package/dist/chat-ui/rich-text/chat-link.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+/**
+ * A link mark of the static message body. A web source the model cited with
+ * an excerpt renders as a source chip; everything else goes through
+ * `MentionLink`, which draws mention and Spaces hrefs as asset chips,
+ * screen points as coordinate chips, and the rest as a plain link.
+ */
+export declare function ChatLink({ href, excerpt, children, }: {
+    href: string | null | undefined;
+    excerpt?: string | null;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * A cited web page: the site's favicon, the model's label, the excerpt as
+ * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.
+ * Same geometry as the asset mention chip so a sentence that cites a PDF and
+ * a web page reads as one row of sources. `not-prose` keeps Tailwind
+ * Typography's `img` margins off the favicon.
+ */
+export declare function SourceChip({ href, excerpt, children, }: {
+    href: string;
+    excerpt: string;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/chat-ui/rich-text/chat-link.js

@@ -0,0 +1,69 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Globe2Icon } from "lucide-react";
+import { useState } from "react";
+import { MentionLink } from "../mentions/mention-chip.js";
+import { isWebHref, buildScrollToTextUrl, sourceFaviconUrl } from "./citation-anchors.js";
+function ChatLink({
+  href,
+  excerpt,
+  children
+}) {
+  if (href && excerpt && isWebHref(href)) {
+    return /* @__PURE__ */ jsx(SourceChip, { href, excerpt, children });
+  }
+  return /* @__PURE__ */ jsx(MentionLink, { href: href ?? void 0, children });
+}
+function SourceChip({
+  href,
+  excerpt,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "a",
+    {
+      href: buildScrollToTextUrl(href, excerpt),
+      target: "_blank",
+      rel: "noopener noreferrer",
+      title: excerpt,
+      "data-chat-source": "",
+      "data-excerpt": excerpt,
+      className: "not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1",
+      children: [
+        /* @__PURE__ */ jsx(SourceFavicon, { href }),
+        /* @__PURE__ */ jsx("span", { className: "max-w-[200px] overflow-hidden text-ellipsis", children })
+      ]
+    }
+  );
+}
+function SourceFavicon({ href }) {
+  const [failed, setFailed] = useState(false);
+  const src = failed ? null : sourceFaviconUrl(href);
+  if (!src) {
+    return /* @__PURE__ */ jsx(
+      Globe2Icon,
+      {
+        className: "size-3.5 shrink-0 text-slate-400",
+        "aria-hidden": "true"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "img",
+    {
+      src,
+      alt: "",
+      width: 14,
+      height: 14,
+      className: "size-3.5 shrink-0 rounded-[3px]",
+      loading: "lazy",
+      referrerPolicy: "no-referrer",
+      draggable: false,
+      onError: () => setFailed(true)
+    }
+  );
+}
+export {
+  ChatLink,
+  SourceChip
+};
+//# sourceMappingURL=chat-link.js.map

package/dist/chat-ui/rich-text/chat-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-link.js","sources":["../../../src/chat-ui/rich-text/chat-link.tsx"],"sourcesContent":["import { Globe2Icon } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport { MentionLink } from \"../mentions/mention-chip\";\nimport {\n  buildScrollToTextUrl,\n  isWebHref,\n  sourceFaviconUrl,\n} from \"./citation-anchors\";\n\n/**\n * A link mark of the static message body. A web source the model cited with\n * an excerpt renders as a source chip; everything else goes through\n * `MentionLink`, which draws mention and Spaces hrefs as asset chips,\n * screen points as coordinate chips, and the rest as a plain link.\n */\nexport function ChatLink({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string | null | undefined;\n  excerpt?: string | null;\n  children: ReactNode;\n}) {\n  if (href && excerpt && isWebHref(href)) {\n    return (\n      <SourceChip href={href} excerpt={excerpt}>\n        {children}\n      </SourceChip>\n    );\n  }\n  return <MentionLink href={href ?? undefined}>{children}</MentionLink>;\n}\n\n/**\n * A cited web page: the site's favicon, the model's label, the excerpt as\n * the tooltip, opening the page at the excerpt (scroll-to-text) in a new tab.\n * Same geometry as the asset mention chip so a sentence that cites a PDF and\n * a web page reads as one row of sources. `not-prose` keeps Tailwind\n * Typography's `img` margins off the favicon.\n */\nexport function SourceChip({\n  href,\n  excerpt,\n  children,\n}: {\n  href: string;\n  excerpt: string;\n  children: ReactNode;\n}) {\n  return (\n    <a\n      href={buildScrollToTextUrl(href, excerpt)}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      title={excerpt}\n      data-chat-source=\"\"\n      data-excerpt={excerpt}\n      className=\"not-prose inline-flex max-w-[240px] items-center gap-1 whitespace-nowrap rounded-md border border-slate-300 bg-white px-1.5 py-px align-middle text-[0.85em] font-medium leading-[1.4] text-slate-600 no-underline transition-colors hover:border-slate-400 hover:bg-slate-50 hover:text-slate-800 hover:no-underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1\"\n    >\n      <SourceFavicon href={href} />\n      <span className=\"max-w-[200px] overflow-hidden text-ellipsis\">\n        {children}\n      </span>\n    </a>\n  );\n}\n\n/** The site's favicon; a globe once the favicon service has no icon for the host. */\nfunction SourceFavicon({ href }: { href: string }) {\n  const [failed, setFailed] = useState(false);\n  const src = failed ? null : sourceFaviconUrl(href);\n  if (!src) {\n    return (\n      <Globe2Icon\n        className=\"size-3.5 shrink-0 text-slate-400\"\n        aria-hidden=\"true\"\n      />\n    );\n  }\n  return (\n    <img\n      src={src}\n      alt=\"\"\n      width={14}\n      height={14}\n      className=\"size-3.5 shrink-0 rounded-[3px]\"\n      loading=\"lazy\"\n      referrerPolicy=\"no-referrer\"\n      draggable={false}\n      onError={() => setFailed(true)}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAeO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,MAAI,QAAQ,WAAW,UAAU,IAAI,GAAG;AACtC,WACE,oBAAC,YAAA,EAAW,MAAY,SACrB,SAAA,CACH;AAAA,EAEJ;AACA,SAAO,oBAAC,aAAA,EAAY,MAAM,QAAQ,QAAY,UAAS;AACzD;AASO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,qBAAqB,MAAM,OAAO;AAAA,MACxC,QAAO;AAAA,MACP,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,oBAAiB;AAAA,MACjB,gBAAc;AAAA,MACd,WAAU;AAAA,MAEV,UAAA;AAAA,QAAA,oBAAC,iBAAc,MAAY;AAAA,QAC3B,oBAAC,QAAA,EAAK,WAAU,+CACb,SAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAGA,SAAS,cAAc,EAAE,QAA0B;AACjD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,QAAM,MAAM,SAAS,OAAO,iBAAiB,IAAI;AACjD,MAAI,CAAC,KAAK;AACR,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAY;AAAA,MAAA;AAAA,IAAA;AAAA,EAGlB;AACA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,KAAI;AAAA,MACJ,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,gBAAe;AAAA,MACf,WAAW;AAAA,MACX,SAAS,MAAM,UAAU,IAAI;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

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

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const mentionChip = require("../mentions/mention-chip.cjs");
+const athenaCitationLinks = require("../../chat/athena-citation-links.cjs");
+const chatBlocks = require("./chat-blocks.cjs");
+const chatLink = require("./chat-link.cjs");
 const chatNodeViews = require("./chat-node-views.cjs");
 const chatTextSchema = require("./chat-text-schema.cjs");
 const domOutputSpec = require("./dom-output-spec.cjs");
@@ -19,37 +21,161 @@ function ChatMessageBody({
     browserSnapshot,
     serverSnapshot
   );
+  const onClick = useChatLinkClick();
+  const { blocks, definitions } = react.useMemo(
+    () => chatBlocks.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__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: chatTextSchema.CHAT_TEXT_CLASS,
+        "data-chat-text": "",
+        "data-status": isRunning ? "running" : "complete",
+        onClick,
+        children: hasDom ? blocks.map((block, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          ChatBlock,
+          {
+            text: block.text,
+            definitions,
+            openFence: block.openFence,
+            streaming: isRunning && index === blocks.length - 1
+          },
+          index
+        )) : text
+      }
+    )
+  );
+}
+const ChatBlock = react.memo(function ChatBlock2({
+  text,
+  definitions,
+  openFence,
+  streaming
+}) {
+  const open = streaming ? openFence : null;
   const doc = react.useMemo(
-    () => hasDom ? chatTextSchema.parseChatText(mentionChip.normalizeAthenaMentionHtml(text)) : null,
-    [hasDom, text]
+    () => open ? null : chatTextSchema.parseChatText(definitions ? `${text}
+
+${definitions}` : text),
+    [text, definitions, open]
+  );
+  if (open) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chatNodeViews.StreamingCodeBlock,
+      {
+        language: open.language,
+        code: open.code,
+        caret: /* @__PURE__ */ jsxRuntime.jsx(StreamingCaret, {})
+      }
+    );
+  }
+  if (!doc || isEmptyDoc(doc)) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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 = athenaCitationLinks.useAthenaLinkClickHandler();
+  return react.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    text.slice(0, first.index),
+    words.slice(from).map((word, offset) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    "div",
+    "span",
     {
-      className: chatTextSchema.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__ */ jsxRuntime.jsx(chatNodeViews.ChatMention, { node });
   if (node.type.name === "codeBlock") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chatNodeViews.ChatCodeBlock, { node, children: /* @__PURE__ */ jsxRuntime.jsx("code", { children: node.textContent }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chatNodeViews.ChatCodeBlock, { node, children: /* @__PURE__ */ jsxRuntime.jsxs("code", { children: [
+      node.textContent,
+      (tail == null ? void 0 : tail.textblock) === node ? /* @__PURE__ */ jsxRuntime.jsx(StreamingCaret, {}) : null
+    ] }) });
   }
   const toDOM = node.type.spec.toDOM;
-  return toDOM ? domOutputSpec.renderDOMOutputSpec(toDOM(node), node.isLeaf ? null : renderContent(node)) : null;
+  if (!toDOM) return null;
+  if (node.isLeaf) return domOutputSpec.renderDOMOutputSpec(toDOM(node), null);
+  const content = renderContent(node, tail);
+  if ((tail == null ? void 0 : tail.textblock) === node) content.push(/* @__PURE__ */ jsxRuntime.jsx(StreamingCaret, {}, "caret"));
+  return domOutputSpec.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;
@@ -57,7 +183,7 @@ function renderMarkRuns(nodes, depth) {
     const node = nodes[index];
     const mark = node.marks[depth];
     if (!mark) {
-      children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderNode(node) }, index));
+      children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: renderNode(node, tail) }, index));
       index++;
       continue;
     }
@@ -65,8 +191,8 @@ 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__ */ jsxRuntime.jsx(mentionChip.MentionLink, { href: mark.attrs.href, children: content }) : mark.type.spec.toDOM ? domOutputSpec.renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content) : content;
+    const content = renderMarkRuns(nodes.slice(index, end), depth + 1, tail);
+    const rendered = mark.type.name === "link" ? /* @__PURE__ */ jsxRuntime.jsx(chatLink.ChatLink, { href: mark.attrs.href, excerpt: mark.attrs.excerpt, children: content }) : mark.type.spec.toDOM ? domOutputSpec.renderDOMOutputSpec(mark.type.spec.toDOM(mark, true), content) : content;
     children.push(/* @__PURE__ */ jsxRuntime.jsx(react.Fragment, { children: rendered }, index));
     index = end;
   }